/*
 * Screen stylesheet: C4BH website
 * -------------------------------
 * Author: Reg Goodwin
 * Date: April 2007
 *
 */

@media screen {

body { 
	font-family: Arial, Verdana, "Sans Serif";
	font-size: 0.98em;
	text-align: center;
	line-height: 1.3em;
	color: #000033;
	background-color: #e5ebf9;
	}

 a:visited { color: #0000FF; text-decoration: underline; }
 a:link { color: #0000FF; text-decoration: underline;  }
 a:hover { color: #BB00FF; text-decoration: underline; }


#container { 
	width: 800px; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	margin-bottom: 24px;
	border-style: solid; 
	border-width: 1px; 
	border-color: #8888cc;
	text-align: center;
	background-color: #ffffff;
	}

#header {
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: #ffffff;
	text-align: left;
	background-color: #e2efff;
	padding: 12px 12px 6px 12px;
	}
	#header h1, #header h2 { display: none; }
	#header img.logo { float: left; margin-right: 9px; width: 55px; height: 48px; }
	#header img.title { width: 508px; height: 59px; }
	
#subHeader {
	background-color: #6b79ce;
	text-align: left;
	color: #ffff00;
	padding: 3px 6px 3px 6px;
	height: 1.3em;
	}
	#subHeader div.leftSide { float: left; }
	#subHeader div.auxNavigation { float: right; margin-right: 3px; padding:0; }	
	#subHeader a:link, #subHeader a:visited { color: #ffff00; text-decoration: none; }
	#subHeader a:hover { color: #ffffff; }
	#subHeader span.pipeDivider { color: #aaaaaa; padding: 0px 9px 0px 9px; }

#mainNavigation {
	width: 124px;
	font-size: 0.95em;
	border-style: solid;
	border-width: 0px;
	text-align: left;
	float: left;
	border-color: #0000ff;
	padding: 9px 0px 9px 10px;
	
	}
	#mainNavigation ul {
		margin: 0px 0px 21px 0px;
		padding: 0;
		list-style-type: none;
		}
	#mainNavigation li, #mainNavigation li.firstInGroup {
		margin: 0px 0px 0px 0px;
		padding: 3px 0px 3px 0px;
		border: solid #cccccc;
		border-width: 0px 0px 1px 0px;
		}
		#mainNavigation li.firstInGroup { border-top-width: 1px; }
		
	#mainNavigation p.groupName { margin: 12px 0px 9px 0px; font-weight: bold; color: #777777; }
	#mainNavigation a:link, #mainNavigation a:visited { text-decoration: none; }

	
#content {
	margin-left: 146px;
	text-align: left;
	border-style: solid;
	border-width: 0px 0px 0px 1px;
	border-color: #cccccc;
	padding: 15px 15px 15px 12px;
	}
	#content h1, h2, h3, h4, h5 { font-family: Arial, "Sans Serif"; }
 	#content h1 { 
 		font-size: 1.3em; 
 		font-weight: normal;
 		margin-top: 2pt;
 		color: #444499;
 	}
 	#content h2 {
	 	font-size: 1.1em;
		margin-top: 15pt; 
		margin-bottom: 9pt; 
		color: #F05800;
 	}
 	#content h3 {
 		font-size: 0.98em;
 		margin-bottom: 6pt;
 		color: #444499;
	}
 	#content h4, #content h5 { color: #444499; }
 
 	h4 { font-size: 1.1em; }
 	h5 { font-size: 1em; }
 
	#content div.standardColumn {
		width: 512px;
		padding-bottom: 64px; /* use padding not margin to fill page, otherwise vert. divide bar is not rendered to the end  */
	}
	
#footer { 
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #88ff88;
	text-align: center;
	}



} /* end media screen */