body{
background-color:#fff;
font: 0.9em Trebuchet MS;
height:100%;
 }



#wrapper {
	width:800px;
	margin-left: auto;
  margin-right: auto;
	}
	
	
h2 {
font-size:1.5em;
color:#666666;
}

h3 {
font-size:1.2em;
color:#666666;
}

#content800 {
	width:800px;
float:left;
	}




/*General Link styles*/

a.greyredunderline  {
  text-decoration:underline;
  color:#333333;
  }
a.greyredunderline:hover {
  color:#ff0000;
  }







/*Header*/
	
#logo {
	width:300px;
	height:89px;
	background-image:url(/images/2007/logos/hn_cbi.jpg);
	background-repeat:no-repeat;
	float:left;
	}	
	
#navigation {
	width:500px;
	height:89px;
	float:left;
	}	
	
#site_nav { float: right;
 font-size:0.9em;
 }


#site_nav a {
  text-decoration:none;
  background-color:#fff; 
  color:#333;
margin:0.0em auto;
  }
  
  
#site_nav a:hover {
color:#ff0000;
  }


#site_nav .groupnavactive {
color: #FF0000;
}

  
#site_nav li
{
display: inline;
list-style-type: none;
float:right;
padding-bottom:0.3em;
padding-left: 0.1em;
padding-right: 1.0em;
}	
	





/*Banner*/

#main_banner {
width:800px;
height:252px;
background-image:url(/images/2007/employment_trends/main_banner.jpg);
float: left;
cursor:hand;
	}







	
/*Newsticker*/	

#newsticker {
width:800px;
height:42px;
background-image:url(/images/2007/employment_trends/newsticker.jpg);
float: left;
	}


/*Newsticker text*/  
  
  #container a {
  text-decoration:underline;
  color:#333333;
  }
#container a:hover {
  color:#ff0000;
  }

  #container a:visited {
  color:#333333;
  }







	
/*Home page boxes - 3 boxes separated by a 47 pixel white space*/
	
#home_box_1 {
width:235px;
height:161px;
background-image:url(/images/2007/employment_trends/boxes_about.jpg);
float:left;
}
	
#home_box_2 {
width:235px;
height:161px;
background-image:url(/images/2007/employment_trends/boxes_video.jpg);
float:left;

}
	
#home_box_3 {
width:235px;
height:161px;
background-image:url(/images/2007/employment_trends/boxes_comment.jpg);
float:left;
}

#spacer_47 {
width:47px;
height:160px;
float:left;
}

#home_box_text {
  margin: 0 auto;
	width:210px;
	text-align:center;
	font-size:0.9em;
	overflow: visible;
	position:relative;
	top:32px;
	color:#666666;
	padding: 2px 10px;

	}
	
  #home_box_text a {
color:#666666;
text-decoration:none;
  }
#home_box_text a:hover {
  color:#ff0000;
  }




/*Contact us page*/

#contact_banner {
width:800px;
height:319px;
background-image:url(/images/2007/it_leadership_centre/contact/banner.jpg);
float: left;
	}

/*Thought Leadership page*/
#tl_banner {
width:800px;
height:319px;
background-image:url(/images/2007/it_leadership_centre/thought_leadership/banner.jpg);
background-repeat:no-repeat;
float: left;
	}
	
	#tl_banner_text {
	width:400px;
	height:250px;
	overflow: visible;
	align:left;
	position:relative;
	top:80px;
	left:20px;
	
}

#tl_box_1 {
width:235px;
height:161px;
background-image:url(/images/2007/it_leadership_centre/thought_leadership/red_previous_cio.jpg);
background-repeat:no-repeat;
float:left;
}

#tl_box_text {
  margin: 0 auto;
	width:210px;
	text-align:center;
	font-size:0.9em;
	overflow: visible;
	position:relative;
	top:32px;
	color:#666666;
	padding: 2px 10px;

	}

/*Events Home page - 3 boxes separated by a 47 pixel white space - the class for this is in the Home page boxes section*/
	
#events_banner {
width:800px;
height:384px;
background-image:url(/images/2007/it_leadership_centre/events/events_banner.jpg);
float: left;
	}
	
#events_banner_text {
	width:400px;
	height:250px;
	overflow: visible;
	align:left;
	position:relative;
	top:80px;
	left:20px;
	
}


#events_box_1 {
width:235px;
height:161px;
background-image:url(/images/2007/it_leadership_centre/events/event_boxes_richard.jpg);
float:left;
}
	
#events_box_2 {
width:235px;
height:161px;
background-image:url(/images/2007/it_leadership_centre/events/event_boxes_cherie.jpg);
float:left;
}
	
#events_box_3 {
width:235px;
height:161px;
background-image:url(/images/2007/it_leadership_centre/events/event_boxes_publications.jpg);
float:left;
}



/*Events pages*/

.eventstablegrey {background-color:#f3f3f3;margin:0;padding: 5px 0px;line-height: 1.3;text-align: left}
.eventsindent{margin:0;padding: 5px 15px;line-height: 1.3;text-align: left;font-size: 0.8em;}
.eventstable1 {background-color:#dee5eb;margin:0;padding: 5px 0px;line-height: 1.3;text-align: left}
.eventstable2 {background-color:#d1dae3;margin:0;padding: 5px 0px;line-height: 1.3;text-align: left}
a.eventslink {
color:#0066cc;
text-decoration:none;
  }
a.eventslink:hover {
  color:#ff0000;
  text-decoration:underline;
  }

#blog_banner {
width:800px;
background-image:url(/images/2007/it_leadership_centre/welcome/welcome_banner.jpg);
background-repeat:no-repeat;
float: left;
overflow: visible;
	}
	
	#blog_text {
	width:700px;
	overflow: visible;
	align:left;
	position:relative;
	top:80px;
	left:20px;
	
}

/*ContentPages*/

#welcome_banner {
width:800px;
height:800px;
background-image:url(/images/2007/it_leadership_centre/welcome/welcome_banner.jpg);
background-repeat:no-repeat;
float: left;
	}
	
	#comment_banner {
width:800px;
height:800px;
background-image:url(/images/2007/employment_trends/comment/bg.jpg);
background-repeat:no-repeat;
float: left;
	}

	#welcome_banner_text {
	width:700px;
	height:800px;
	overflow: visible;
	align:left;
	position:relative;
	top:80px;
	left:20px;
	
}

	#welcome_banner_text2 {
	width:200px;
	height:500px;
	overflow: visible;
	align:left;
	position:relative;
	top:-450px;
	left:-20px;
	float:right;
	background-color:#999999;
	padding:5px;
	
}


/*Footer*/

#footer {
width:800px;
height:47px;
float:right;
font-size:0.9em;
}

#footer ul {

list-style:none;
  }
  
#footer li
{
display: inline;
list-style-type: none;
padding-top:0.3em;
padding-bottom:0.3em;
padding-left: 0.5em;
padding-right: 0.5em;
float:right;
}

#footer a {
  text-decoration:none;
  text-align:center;
  color:#333333;
  display:block; 
  margin:0.0em auto;
  }
#footer a:hover {
  color:#ff0000;
  margin:0.0em auto;
  }