﻿/***********************************************************************
						reset and clearing
*************************************************************************/
:link,:visited {text-decoration : none;}
ul,ol {list-style : none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size : 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,a, img {margin : 0; padding : 0}
a img,:link img,:visited img {border : none;}
/* 
	**easy clearing 
	Any container with class="clearer" will expand around enclosed floated elements
*/
.clearer:after {
	content: '[HI MUM]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearer {display: inline-block;}
/*\*/
.clearer {display: block;}
/* end easy clearing */
/***********************************************************************		
*************************************************************************/
body {	
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:#004580;
}
/*************************************************************************/
#container { 
	width:815px;
	margin:40px auto 0px auto;
	padding-bottom:10px;	
	background-color:#ffffff;	
}
/*************************************************************************/
#logo {
	width:100%; height:40px;
	margin:0px 0px 25px 0px;	
	background-color:#ffffff;
}
/*************************************************************************/
#blocks {
	width:100%; height:30px;
	margin:0px 0px 5px 0px;		
	background-color:#ffffff;
}
#block1,
#block2,
#block3,
#block4 {
	float:left; display:inline;
	width:200px; height:30px;
	margin:0px 5px 0px 0px;		
}
#block1 {
	background-color:#004580;
}
#block2 {
	background-color:#94A4C8;	
}
#block3 {
	background-color:#909790;
}
#block4 {
	background-color:#E9931C;	
	margin:0px 0px 0px 0px;			
}
/*************************************************************************/
#flash {
	overflow:hidden;
	margin:0px 0px 5px 0px;		
}
#homepage #flash {
	width:100%; height:320px;
}
#followon_page #flash {
	width:100%; height:125px;
}
/*************************************************************************/
#top_menu {
	width:100%; height:25px;
	background-color:#044973;	
}
#top_menu ul {
	display:block;
}
#top_menu li {
	float:left; display:inline;		
	position:relative;
	background-color:#044973;		
}
#top_menu li.hover,
#top_menu li.on {
	background-color:#E9931C;	
}
#top_menu a {	
	display:block;
	color:white;
	font-weight:bold;		
	padding:5px 20px 5px 20px;
}
* html #top_menu a {
	display:inline-block !important;
}
/*2nd menu*/
#top_menu ul li ul {
	width:190px;
	position:absolute;
	top:25px; left:0px;	
	padding:5px 5px 5px 5px;
	background-color:#044973;		
	visibility:hidden;
}
#top_menu ul li.hover ul {
	visibility:visible;
}
#top_menu ul li ul li {
	float:none;	display:block;
}
/*ie 6 hack need bg color and width*/
#top_menu ul li ul li a,
#top_menu ul li ul li.hover ul li a {
	background-color:#044973;		
	/*width:160px;*/
	padding:5px 15px 5px 15px;
}
#top_menu ul li ul li.hover a,
#top_menu ul li ul li ul li.hover a {
	background-color:#E9931C;	
}
/*3rd menu*/
#top_menu ul li.hover ul li ul,
#top_menu ul li ul li ul{
	width:190px;
	position:absolute;
	top:-5px; left:190px;	
	visibility:hidden;
}
#top_menu ul li ul li.hover ul {
	visibility:visible;
}
/*************************************************************************/
#content {
	width:100%; 
	overflow:hidden;	
}
#content h1 {
	color:#005288;
	color:#E9931C;
	font-size:17px;
	margin-bottom:18px;
}
#content .title_and_back h1 {float:left; display:inline; width:730px; }
#content .title_and_back img {float:right; display:inline; cursor:pointer;}
#content h2 {
	color:#E9931C;
	color:#005288;
	font-size:14px;
	margin-bottom:15px;
	margin-top:5px;
}
#content h3 {
	color:#005288;
	color:#E9931C;
	font-size:12px;
	margin-bottom:15px;
}
#content p {
	margin-bottom:15px;
}
#content ul {
	list-style-type:disc;
	list-style-position:outside;
	margin:0px 0px 15px 15px;
}
#content li 
{
	padding-bottom:10px;
}
* html #content ul {
	margin:0px 0px 12px 16px;
}
#content a {
	color:#004580;
	text-decoration:underline;
}
#content img#imgReturnToNews 
{
	float:right;
}
#homepage #content {
	padding:35px 0px 35px 0px;
}
#followon_page #content {
	padding: 20px 0px 20px 0px;
}
#left {
	width:455px;
	float:left; display:inline;
	padding:0px 40px 0px 0px;
}
#right {
	width:320px;
	float:left; display:inline;
	text-align:center;
	overflow:hidden;
	padding-top:40px;
}
.news #right {padding-top:0px;}
#right img {
	display:block;
	margin-bottom:5px;
}
#right a#back_link {display:block;text-align:right;margin-bottom:10px;}
#right a#back_link img {display:inline;}
#right .caption {
	font-size:11px;
	font-style:italic;
	margin-bottom:5px;
}
#right .blue_panel {
	background-color:#00497E;
	padding:10px 20px 10px 20px;
	text-align:left;
	color:white;
	margin-bottom:5px;
}
#content #right .blue_panel h1,
#content #right .blue_panel h2 {
	color:#E9931C;	
}
#content #right .blue_panel h3 {
	color:#ffffff;
}
#content #right .blue_panel a {
	color:white;
}
/*************************************************************************/
#footer {
	width:100%; height:90px;
	position:relative;
	background-image:url('../images/bg/footer.jpg');
	background-repeat:no-repeat;
	background-position:top right;
}
#footer #seetrain {
	width:260px; height:90px;
	position:absolute;
	top:0px; left:0px;	
}
#footer #text {
	position:absolute;
	bottom:0px; right:0px;
	font-size:11px;
	font-weight:bold;
	text-align:right;
}
/*************************************************************************/








