/*-------------------------*/
/* General, Structural CSS */
/*-------------------------*/
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
background:url(../images/page_top.jpg) top left repeat-x #FFFFFF;
color:#111;
}

a {
color:#333;
}

#container {
width:960px;
margin:0 auto;
font-size:1.2em;
/*overflow-y:auto;*/
}

#header {
height:50px;
position:relative;
background:url(../images/nav/header_ruler.gif) top left no-repeat;
}

#logo {
position:absolute;
left:20px;
height:70px;
width:287px;
background:url(../images/nav/logo.gif) top left no-repeat;
}

#hero {
height:216px;
background:url(../images/heros/1.jpg) top left no-repeat;
}

#content {

}

#intro_content {
margin:20px;
width:auto;
height:230px;
}

#intro_blurb {
width:530px;
margin-right:10px;
float:left;
}
#ctas {
width:380px;
float:left;
background:url(../images/ctas/or.gif) left no-repeat;
background-position:0 55px;
}

#ctas a {
text-decoration:none;
}

#ctas a:hover {
background-position:bottom;
}

#cta_employer {
width:171px;
display:block;
float:left;
background-color:#FF0000;
margin-right:40px;
background:url(../images/ctas/employer.jpg) top left no-repeat;
}

#cta_learner {
width:168px;
display:block;
float:left;
background:url(../images/ctas/learner.jpg) top left no-repeat;
}

#cta_learner, #cta_employer {
height:170px;
}
.hide {
visibility:hidden;
}
#latest_news {
 height:570px;
 padding:0 20px;
 position:relative;
}

#latest_news_explorer { background:url(../images/latest_news/tab_bg.jpg) top left no-repeat; }
#latest_news_explorer ul {
height:33px;
display:block;
}
#latest_news_explorer li { list-style:none; float:left; height:33px; }
#latest_news_explorer ul a {
  display:block;
  height:33px;
  text-decoration:none!important;
  margin-left:0;
  color:#111;
}
#latest_news_explorer ul a.selected {
  margin-bottom:0;
  color:#000;
  cursor:default;
  outline:none;
  height:33px;
  }
#latest_news_explorer div {
  clear:left;
  background:url(../images/latest_news/main_bg.gif) top left no-repeat;
  height:480px;
  padding:0 20px;
  padding-top:40px;
}
#t_all a, #t_all {height:33px; width:141px;}
#t_employers a, #t_employers, #t_learners a, #t_learners {
width:160px;
height:33px;
}

#latest_news_explorer .latest_news_item, #latest_news_explorer .latest_news_item .item_excerpt, #latest_news_explorer .latest_news_item .item_excerpt .item_header {
padding:0;
margin:0;
background-image:none;
}

#latest_news_explorer .latest_news_item {
margin-left:20px;
margin-bottom:20px;
height:120px;
width:840px;
position:relative;
}

#latest_news_explorer .latest_news_item img {
border:1px solid #E7E7E7;
padding:5px;
position:absolute;
left:0px;
}

#latest_news_explorer .latest_news_item .item_excerpt {
padding:0;
margin:0;
width:720px;
height:100px;
background:none;
position:absolute;
left:120px;
}

.item_date {
position:absolute;
right:0px;
color:#df4d07;
}

#latest_news_explorer .latest_news_item .item_excerpt .item_header {
height:25px;
margin-bottom:8px;
border-bottom:1px solid #bfbfbf;
}

#meet_our_clients {
margin:0;
padding:0;
overflow: hidden; 
visibility: visible; 
position: relative;
z-index: 2;
width: 900px;
height:60px;
background:url(../images/meet_clients/baseline.gif) bottom left no-repeat;
padding-bottom:20px;
}
#meet_our_clients li {
overflow: hidden; 
float: left; 
width: 216px; 
height: 76px;
margin-right:19px;
}
#meet_our_clients li img{ 
padding:2px;
border:1px solid #DFDFDF;
}
#meet_our_clients_section {
padding:0 20px;
position:relative;

}
#meet_prev {
position:absolute;
left:2px;
top:66px;
z-index:200;
cursor:hand;
}
#meet_next {
position:absolute;
right:0px;
top:66px;
z-index:200;
cursor:hand;
}
#footer {
background:url(../images/page_footer.jpg) top left repeat-x;
height:140px;
margin-top:20px;
clear:right;
}

#footer_content {
position:relative;
font-size:1.2em;
color:#FFF;
font-style:italic;
width:960px;
margin:0 auto;
height:140px;
background:url(../images/page_footer_content.gif) top left repeat-x;
}

#footer_content a {
color:#FFF;
text-decoration:none;
font-style:italic;
}

#footer_content ul {
position:absolute;
left:23px;
top:20px;
}

#footer_content ul li {
height:15px;
margin-bottom:16px;
}

#footer_inputs {
margin-left:580px;
padding-top:40px;
}

#footer_inputs form {
position:relative;
height:40px;
}

#footer_inputs label {
position:absolute;
left:0px;
}

#footer_inputs input {
position:absolute;
left: 150px;
}

#footer_inputs #footer_submit_search, #footer_inputs #footer_submit_subscribe {
position:absolute;
left:300px;
}

#posts_container {
width:640px;
padding-top:20px;
}

.post {
margin-bottom:20px;
margin-left:20px;
position:relative;
}

.comment_indicator {
position:absolute;
right:0px;
top:10px;
height:29px;
width:32px;
background:url(../images/blog_content/comments_large.jpg) top left no-repeat;
padding-top:2px;
text-align:center;
}

.comment_indicator a {
text-decoration:none;
font-size:1.2em;
}


.more-link {
float:left;
color:#2F797F;
width:618px;
background-color:#E0EEEF;
border:1px solid #A7DCDF;
text-align:center;
padding:5px 0;
}

.page {
margin-top:10px;
width:620px;
position:relative;
padding-left:20px;
}

.entry {
border-bottom:1px solid #DFDFDF;
padding-bottom:20px;
margin-bottom:20px;
overflow:auto;
}

.entry img {
border:1px solid #CFCFCF;
padding:4px;
max-width:610px;
margin-bottom:10px;
}

.post_meta {
border-bottom:1px solid #EFEFEF;
padding-bottom:10px;
margin-bottom:10px;
}

.post ul {
font-family: Georgia, Times New Roman Times, Serif;
color:#0C495F;
font-size:1.2em;
margin:10px 0;
padding:10px 0;
padding-left:35px;
/*border-bottom:1px solid #CFCFCF;*/
/*border-top:1px solid #DFDFDF;*/
font-style:italic;
}

.post ul li {
margin-bottom:10px;
padding-left:10px;
background:url(../images/blog_content/post_li.gif) top left no-repeat;
background-position:0 4px;
}

blockquote {
margin:20px 0;
padding-left:35px;
font-style:italic;
color:#444;
background:url(../images/blog_content/blockquote.gif) top left no-repeat;
background-position: 1px 0;
}

.post_meta_bottom {
padding-bottom:20px;
}

.meta_grey {
color:#7a7a7a;
}

#sidebar {
padding-top:20px;
float:right;
width:280px;
margin-right:20px;
display:inline;
}

#searchform {
margin-bottom:20px;
position:relative;
}

#searchform #s {
width:210px;
}

#searchform #searchsubmit {
position:absolute;
right:0px;
}

.hidden {
display:none;
}

.sb_news_filter {
margin-bottom:10px;
}

#sidebar ul li ul {
margin-bottom:20px;
}

#sidebar ul li ul li {
margin-bottom:2px;
padding-bottom:2px;
padding-left:20px;
background:url(../images/blog_content/li_pointer.gif) top left no-repeat;
background-position: 0 4px;
font-size:1.1em;
border-bottom:1px solid #EFEFEF;
}

#sidebar ul li ul li ul li {
font-size:0.9em;
padding-top:5px;
background:url(../images/blog_content/li_pointer_sub.gif) top left no-repeat;
background-position: 0 8px;
border-bottom:none;
}

#sidebar ul li ul li ul {
margin-bottom:0px;
}

#sidebar ul li ul li ul li a {
color:#777;
}

#sidebar ul li ul li a {
text-decoration:none;
}
#sidebar ul li ul li a:hover {
color:#157CAF;
}
.postmetadata {
color:#2F797F;
width:auto;
background-color:#E0EEEF;
border:1px solid #A7DCDF;
padding:10px;
font-size:1.2em;
margin:20px 0;
}

.search-more-link a {
color:#2F797F;
display:block;
margin-top:15px;
}

#sidebar p {
margin-bottom:10px;
color:#444;
}

.navigation {
width:auto;
border:1px solid #DFDFDF;
border-left:none;
border-right:none;
margin-left:20px;
padding:10px 0;
}

#fp_rss {
position:absolute;
right:40px;
top:60px;
}

.point_emphasise {
font-family: Georgia, Times New Roman Times, Serif;
font-size:1.3em;
font-style:italic;
color:#1B556F;
border:1px solid #B5D1DF;
background-color:#EFFAFF;
padding:10px;
line-height:1.5em;
margin:10px 0;
}

.addendum {
font-family: Georgia, Times New Roman Times, Serif;
color:#333;
line-height:1.8em;
}

#posts_container .h3_shell {
margin-bottom:5px;
margin-top:15px;
}
.alignleft {
float:left;
margin-right:10px;
}

img.alignleft  {
margin-top:8px;
}

.staff_member {
width:590px;
padding:10px;
overflow:auto;
margin-bottom:20px;
border-bottom:1px solid #DFDFDF;
}

.staff_header_shell {
border-bottom:1px solid #999;
border-left:none;
border-right:none;
padding:5px 0;
margin-bottom:10px;
padding-top:0px;
display:block;
clear:left;
font-family: Georgia, Times New Roman Times, Serif;
font-style:normal;
font-size:1.3em;
width:460px;
}

.occupation {
float:right;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size:0.8em;
color:#666;
padding-top:3px;
font-style:italic;
}

.profile_image {
width:100px;
height:100px;
padding:2px;
border:1px solid #BFBFBF;
float:left;
margin-right:20px;
margin-bottom:10px;
}
.profile {
float:left;
color:#444;
width:460px;
}