@charset "utf-8";
/* CSS Document */


body  {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
body, table, img, button, ul, li, p { margin:0; padding:0; border:0; }
a:link{ color:#002D56; font-weight:bold;}
a:visited {color:#002D56;font-weight:bold;}
a:hover{
	color:#C00;
}
table { text-align:left; }

#container {width: 640px; margin: auto auto; border: 0; text-align: left; margin-top: 15px;
} /* the auto margins (in conjunction with a width) center the page */
#header{
	background: #002D56;
}
/*Menu*/
.preload1 {background: url(images/three_1.gif);}
.preload2 {background: url(images/three_1a.gif);}

#nav {padding:0; margin:0; border-top:1px solid #CCCCCC; list-style:none; height:21px; background:#fff url(images/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif; text-align:left; margin-bottom:15px;}
#nav li.top {display:block; float:left; height:21px;}
#nav li a.top_link {display:block; float:left; height:18px; line-height:18px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(images/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(images/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(images/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#ccc; background: url(images/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(images/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(images/three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:21px; background: #CCCCCC; padding:3px; border:1px solid #002D56; white-space:nowrap; width:150px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:150px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:148px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #CCCCCC;}
#nav li ul.sub li a.fly
{background:#CCCCCC url(images/arrow.gif) 140px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#002D56; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#002D56 url(images/arrow_over.gif) 140px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:150px; top:-4px; background: #CCCCCC; padding:3px; border:1px solid #002D56; white-space:nowrap; width:150px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#002D56 url(images/arrow_over.gif) 140px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#CCCCCC url(images/arrow.gif) 140px 6px no-repeat; color:#000; border-color:#CCCCCC;} 


/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menu { display:none; } #header {margin-bottom:3px;}}

/*End Menu*/
#leftsidebar {
	float: left; 
	width: 25%; /* since this element is floated, a width must be given */
	background: FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further - was #EBEBEB*/
	vertical-align:top;
	height: 100%;
	text-align:center;
}
.sidebox {
	border: 1px solid #002D56;
	margin-bottom: 15px;
	padding: 1px;
}
#sideboxtop{
	padding-bottom:5px;	
}
.sidebox #lefttopboxheader{
	color:#002D56;
	font-weight:bold;
	padding-top: 3px;
	padding-bottom: 10px;
	font-size: 110%;
}
.sidebox #leftmiddleboxheader {
	margin-top: 3px;
	margin-bottom: 10px;
}
.sidebox #leftbottomboxheader{
	margin-top: 3px;
	margin-bottom: 10px;
}
.sidebox li {
	list-style:none;	
}
.sideboxredbig{
	font-size:110%;
	color: #cc0000;	
	padding-bottom: 3px;
}
.sideboxredmedium{
	color: #cc0000;	
	font-size:110%;
	font-weight:bold;
}
.sideboxredsmall {
	color: #cc0000;	
	padding-bottom: 10px;
	font-size:95%;
	font-weight:bold;
}
.sideboxbluenote{
	color: #002D56;
	font-style:italic;
	font-size: 60%;
	padding-bottom: 10px;
}
.sideboxnormal {
	color:#002D56;
	padding-bottom:10px;
	font-size: 80%;
	font-weight: bold;
}
#sideboxmiddle{
	padding-bottom:10px;	
}
#sideboxbottom {
	padding-bottom:2px;
	margin-bottom:0;
}
#sideboxbottom p {
	color:#002D56;
	font-size: 80%;	
}
#sideboxbottomtext{
	padding-bottom:10px;	
}
#sideboxbottombutton{
	padding: 10px 0 10px 0;
}
#maincontent { 
	margin: 0 1px 0 11.5em; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
	vertical-align:top;
}
#maincontentbox {
	margin-bottom:10px;	
}
#maincontent p{
	font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
	font-size: 87%;
}
#mainlogo {
	text-align:center;
	margin-bottom:5px;
}
.newsboxstorybox{
	margin-bottom:10px;	
}
.breakingnewsboxheader{
	background:	#cc0000;/*#002D56;*/ 
	color:#FFF;
	height: 25px;
	text-align:left;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 5px;
	padding:3px;
	padding-left: 5px;
}
.breakingnewsstorybox{
	margin-bottom:10px;
	border-bottom: 2px solid #cc0000;
}
.breakingnewsstorybox a{
	font-weight: normal;
	color: #000;
}
.breakingnewsstorybox a:hover{
	color: #cc0000;
}
#breakingnewslink {
	color: #cc0000;	
	padding-bottom: 10px;
	font-size:95%;
	font-weight:bold;

	}
.newsboxheader{
	background:	#002D56;
	color:#FFF;
	height: 25px;
	text-align:left;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 5px;
	padding:3px;
	padding-left: 5px;
}
.newsboxheader table {
	text-align: left;
	width: 100%;
}
.newsstoryheader{
	font-size:120%;
	font-weight:bold;
	color:#002D56;
}
.breakingnewsstorycopy {
	padding-top: 3px;
}
.leftboxlinks{
	font-size: 75%;
}
.leftboxlinks li {	padding: 1px 0 1px 0;
}
#infoemail{
	font-size:90%;	
}
#footer{
	color:#002D56;
	font: 65% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;	
	width:640px;
	margin: 20px 0 5px 0;
	clear:both;
	/*position: absolute;*/
	/*bottom:2px;*/
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}