/* CSS Document BBC07 */


body {
	margin:0px; 
	padding:0px; 
	font:1.0em Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFF;
}
div#header {
	height:85px;
	background-color:#ccd; 
	text-align:center;
	border-bottom:1px #009 solid;
}
div#header h1 {
	width:16em;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	font:1.2em bold Georgia, Arial, Helvetica, sans-serif;
	text-align:center;
	padding: 0 0 .1em;
	border-top:2px solid #009;
	border-bottom:1px solid #009;
}
div#header p {
	font-size:.1em; 
	color: #006;
	margin-top:0;
	margin-bottom:.5em;
}
div#nav {
	position:absolute;  
	left:0px; 
	top:70px; 
	width:150px; 
	padding:0; 
	margin:22px 0 15px 0; 
}
div#nav ul {
	margin-top:0; 
	margin-bottom:.8em;
}
div#nav ul {
	border:0; margin:12px 1.25em 12px 1.25em;
	padding:0; list-style-type:none;
	font-weight:bold;
	font-size:.75em;
}
div#nav li {
	margin-bottom:0.5em;
	font-weight:bold;
	font-size: .9em;
}
div#content {
	margin:20px 156px 0 150px; 
	padding: 0 1em;
	background-color:#FFF;
}
div#content h1{
	font-size:1.3em;
	font-variant:small-caps;
	margin-top:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#669;
	text-align:center;
}
div#content h2{
	font-size:1.1em;
	margin-top:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#339;
	text-align:center;
}
div#content h3{
	font-size:.9em;
	margin-top:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#339;
}
div#content h5{
	font-size:.8em;
	margin-top:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#339;
}
div#content h6{
	font-size:.8em;
	margin-top:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#006;
	text-align:right;
}
	
div#content p{
	font-size:.8em;
	color:#006;
	text-align:justify;
	margin-top:0;
	margin-bottom:.5em;
}
div#content li{
	margin-bottom:0.5em;
	font-size:.75em;
	color:#006;
}
div#content div#mainimage{
	width:280px;
	float:left;
	margin:0 8px 4px 0;
}
div#content div#mainimage2{
	width:330px;
	float:left;
	margin:0 8px 4px 0;
}
div#content div#mapimage{
	width:330px;
	float:left;
	margin:0 8px 4px 0;
}
div#content div#mainimage3{
	width:260px;
	float:left;
	margin:0 8px 4px 0;
}
div#content div#mainimage4{
	width:140px;
	float:left;
	margin:0 8px 4px 0;
}
div#content div#mainimage5{
	width:180px;
	float:left;
	margin:0 8px 4px 0;
}
.clearthefloats {clear:both;}	
div#content div#mainimage img{
	border:none;
}
div#content div#mainimage p{
	font-size:0.7em;
	margin:0px 5px;
	color:#006;
	font-style:italic;
	text-align:center;
}
div#content div#mainimage2 p{
	font-size:0.7em;
	margin:0px 5px;
	color:#036;
	font-style:italic;
	text-align:center;
}
div#content div#mapimage p{
	font-size:0.7em;
	margin:0px 5px;
	color:#036;
	font-style:italic;
	text-align:center;
}
div#content div#mainimage3 p{
	font-size:0.7em;
	margin:0px 5px;
	color:#666666;
	font-style:italic;
	text-align:center;
}
div#content div#mainimage4 p{
	font-size:0.7em;
	margin:0px 5px;
	color:#666666;
	font-style:italic;
	text-align:center;
}
div#content div#mainimage5 p{
	font-size:0.7em;
	margin:0px 5px;
	color:#666666;
	font-style:italic;
	text-align:center;
}
div#content div#certimage{
	width:99px;
	float:left;
	margin:0 8px 4px 0;
}
div#content div#certimage img{
	border:none;
}
div#content div#certimage2{
	width:120px;
	float:left;
	margin:0 12px 6px 0;
}
div#content div#certimage2 img{
	border:none;
}
div#content div#totop p{
	text-align:right;
}
div#content a{
	color:#00F;
	text-decoration:underline;
}
div#content a:hover{
	color:#000;
	text-decoration:none;
	background-color: #FF0;
}	
div#rightcolumn {
	position:absolute; 
	width:156px; 
	top:70px; 
	right:0px; 
	margin:32px 0 0 0; 
	padding:1em 0;
	border-top:2px dotted #009;		   	 
	border-bottom:2px dotted #009;
}
div#rightcolumn img{
	border:none;
	margin-left:20px;
}
div#rightcolumn p{
	font-size:.75em;
	text-align:center
}
div#rightcolumn div#newslinks ul{
	list-style-type:none;
	font-size:.8em;
	text-align:center;
	padding-left:10px;
	margin:0 6px 0 0;
}
div#rightcolumn div#newslinks li{
	margin-top:0;
	margin-bottom:.5em;
}
div#rightcolumn a{
	color:#339; text-decoration:underline;
}
div#rightcolumn a:hover{
	color:#000;
	text-decoration:none;
	background-color: #FF0;
}
div#rightcolumn li.morelink{
	font-style:italic;
}
div#rightcolumn h3{
	text-align:center; 
	font-size:.8em;
	color:#339;
	margin-bottom:3px;
	padding-top:3px;
	border-top:2px dotted #009;
}
div#nav li {
	border-bottom:2px dotted #009;
	margin:0;
	padding:.3em 0;
	text-indent:.5em;
}
div#nav li:first-child {
	border-top:2px dotted #009;
}
div#nav a {
	text-decoration:none; color:#339;
}
div#nav a:hover {
color:#000;
background-color: #FF0;
}
* html div#nav ul {
	border-top:2px dotted #009;
}
div#footer {
	width:100%;
	padding:4px 0;
	font-size:1em;
	text-align:center;
	background-color:#CCD;
	border-top:1px solid #009;
	border-bottom:1px solid #009;
}
div#footer ul{margin:2px 0;}
div#footer li{
	display:inline;
	color:#036;
	border-left:1px solid;
	color:#036;
	padding:0 5px 0 9px;
}
div#footer li:first-child{border-left:0;}
div#footer ul li a{text-decoration:none;}
div#footer ul li a:hover{text-decoration:underline; color:#00F;}
div#footer ul.fineprint li{color:#036;}
div#footer ul.fineprint li a{color:#036;}
div#footer ul.fineprint li a:hover{color:#00F;}

.hide {
                position: absolute;
                left: 0px;
                top: -500px;
                width: 1px;
                height: 1px;
                overflow: hidden;
                /* This CSS class is used to hide the 'Skip navigation' link at 
                the top of each page from standard browsers, whilst leaving it 
                available to screen readers, PDAs and other devices. */
}