/* CSS Document */

*{padding:0; margin:0;}
img { border:none}
a:focus { outline:none } /* needed for coda */

html, body { 
	margin-top:0; margin-left:auto; margin-bottom:0; margin-right:auto;
}
 p, td, span, div, th, input, list, textarea, select, form { font-family: "Lucida Sans Unicode", Lucida Sans, Times New Roman, Times, serif }
a, li, ul, h1, h2, h3, h4, em, { font-family: "Lucida Sans Unicode", Lucida Sans, Times New Roman, Times, serif}

#container { 
	margin-left:auto; margin-right:auto;
	width: 940px;
	background-color: #fff;
}


#header-container { 
	margin-left:auto; margin-right:auto;
	width:940px;
	background-color: #fff;
}
#header { 
	min-height:140px; height:140px;
	background-image:url(../images/header-bg.gif)
}
	#header #logo {float: left;}
	#header #intro {float: left;}

#nav-container { 
	margin-left:auto; margin-right:auto;
	width:940px;
	background-color: #577287;
}
			
#nav-wrap {
	display: block;
	width: 940px;
	margin: 0 auto;
	font-family:"Lucida Sans Unicode", Lucida Sans, Times New Roman, Times, serif;
	font-weight: normal;
	font-size: 0.9em;/*10px - this is IMPORTANT otherwise the rollover effect doesn't work */
	line-height: 1.0em;
	clear: both; background:#577287;
}

#nav-wrap #top-nav ul { float: left; }
#nav-wrap #nav-bar { clear: both; width: width: 940px; overflow:hidden; background:#577287;}
#nav-wrap #top-nav ul li {
    float: left;
    width: auto;
    white-space: nowrap;
    display: block; 
}

#nav-wrap #top-nav ul li a {
    display: block; 
	width: auto; 
	padding-top:8px; padding-left:7px; padding-right:7px; padding-bottom:8px;
	border-right: 1px solid #fff;
	color: #fff; background:#577287; text-decoration: none;
}

#nav-wrap #top-nav ul a:hover { color:#fff; background: #70A8DB; text-decoration: none;}
#nav-wrap #top-nav ul li.active a { color:#fff; background: #70A8DB; }
#nav-wrap #top-nav ul li.last a { border: none;}

#copy-container { 
	margin-left:auto; margin-right:auto;
	width: 940px; min-height:400px;
}
	#copy-block-home {float:left; width: 300px; margin-top:30px; }
	#copy-block {float:left; width: 620px; margin-top:30px; }
	#left-block{ float:left; width: 300px; margin-top:30px;}
	#centre-block{ float:left; width: 300px; margin-top:30px; margin-left:20px;}
		#centre-block img { margin-bottom:20px;}
	#right-block-home{ float:left; width: 620px; margin-top:30px; margin-left:20px;}
		#right-block-home img { margin-bottom:20px;}
	#right-block{ float:left; width: 300px; margin-top:30px; margin-left:20px;}
		#right-block img { margin-bottom:20px;}
		
	#coda-block {float:left; width: 940px; margin-top:30px; }
		
.maincontent {width:600px; }

.maincontent h1 { margin-bottom:15px; font-size:0.95em; font-weight:normal; color:#577287; }

.maincontent h2, .maincontent h2.news-title, .maincontent h3, .maincontent h4, .maincontent h5  { font-weight:normal; }
.maincontent h2  { margin-bottom:10px; font-size:0.95em; }
.maincontent h2.yellow-title { color:#EEAD11; }
.maincontent h2.blue-title { color:#70A8DB; }

.maincontent h2.news { margin-bottom:2px; padding-top:5px; font-size:0.8em; }
	.maincontent h2.news .news-title { color:#70A8DB; }
	.maincontent h2.news .news-pipe { color:#636466; }
	.maincontent h2.news .news-date { color:#9D9FA1; }

.maincontent h3	{ margin-bottom:10px; padding-top:5px; font-size:0.95em; }
.maincontent h4  { margin-bottom:10px; font-size:0.8em; }
.maincontent h5  { font-size:0.8em; }

.maincontent p { margin-bottom:20px; font-size:0.75em; color:#666; line-height:150%;}	
.maincontent p a { color:#70A8DB; text-decoration:underline; }	
.maincontent p a:hover {color:#577287; text-decoration:underline;}

.maincontent table { font-size:0.75em; color:#666; line-height:150%;}	

.maincontent ul { margin-left:25px; margin-bottom:20px; }
.maincontent li {color:#636466; font-size:0.75em; line-height:150%;}
.maincontent li span {color:#70A8DB; }
.maincontent li span a {color:#70A8DB; text-decoration:underline; }







/* FOOTER */

#footer-container { 
	margin-left:auto; margin-right:auto; margin-top:30px;
	width: 940px; border-top:1px #CECFD0 solid;

}
#footer-wrap { padding-top:10px; padding-bottom:40px;}
	#footer-left { float: left; width: 940px; }
#footer-wrap p  { margin-bottom:20px; font-size:0.65em; color:#B3B3B3; line-height:150%;}
#footer-wrap p a {  color:#B3B3B3; }
#footer-wrap p a:hover {color:#B3B3B3; text-decoration:underline;}