/* CSS Document */



body {

	font-family:"Trebuchet MS", Cambria, Georgia, "Palatino Linotype";

	font-size:12px;

	background:url(/img/layout/body_top_bg.jpg) repeat-x top #021f4b;

	color:#00001f;

	margin:0;

}



div#wrapper {

	width:802px;

	margin:0 auto;

}

/************************************************************************

HEADER

************************************************************************/



div#header {

	width:802px;

	height:182px;

}



img#leftheader {

	float:left;

}



div#headerleft {

	float:left;

	width:279px;

	height:182px;

	background:url(/img/layout/header_left_bottom.png) no-repeat bottom;

	color:#ffffff;

}



div#datetime {

	float:left;

	width:150px;

	height:20px;

	font-size:10px;

	color:#ffffff;

	text-align:left;

	padding-top:1px;

}



div#headerrighttop {

	float:right;

	color:#ffffff;

	background:url(/img/layout/header_right_top.png) no-repeat;

	width:523px;

	height:32px;

	text-align:right;

}



div#headerrightmiddle {

	float:right;

	clear:right;

	color:#ffffff;

	background:url(/img/layout/header_right_middle.png) no-repeat;

	width:523px;

	height:103px;

}



div#headerrightbottom {

	float:right;

	clear:right;

	color:#ffffff;

	background:url(/img/layout/header_right_bottom.png) no-repeat;

	width:523px;

	height:47px;

}



div#datetime {

	margin-top:3px;

	text-transform:uppercase;

}



div#midtop {

	color:#ffffff;

	font-size:22px;

	font-weight:bold;

	text-align:right;

	margin-top:5px;

	height:18px;

	margin-top:10px;

}

div#midmiddle {

	color:#ffffff;

	font-size:20px;

	text-align:right;

	height:18px;

	margin-top:3px;

}

div#midbottom {

	color:#ffffff;

	font-size:38px;

	font-weight:bold;

	text-align:right;

	height:27px;

}

div#midtop, div#midmiddle, div#midbottom {

	margin-right:28px;

}



div#header a {

	color:#ffffff;

	display:block;

	float:left;

	font-size:11px;

	font-weight:bold;

	text-decoration:none;

	text-transform:uppercase;

}

div#header a:hover { color:#f8e9d5; }

#headerrighttop {
}

#headerrighttop ul {
	padding:0;
	margin:0 20px 0 20px;
	list-style:none;
	float:right;
}
#headerrighttop ul li{
	padding:0 0 0 15px;
	margin:9px 0 0 15px;
	height:25px;
	list-style:none;
	float:left;
	background-image:url('/img/layout/bullet.png');
	background-repeat:no-repeat;
	
}
#headerrighttop ul li a {
	line-height:12px;
}

#headerrightbottom {
}

#headerrightbottom ul {
	padding:0;
	margin:0 20px 0 20px;
	list-style:none;
	float:right;
}
#headerrightbottom ul li{
	padding:0 0 0 15px;
	margin:9px 0 0 15px;
	height:25px;
	list-style:none;
	float:left;
	background-image:url('/img/layout/bullet.png');
	background-repeat:no-repeat;
	
}
#headerrightbottom ul li a {
	line-height:12px;
}


div#headerleftlinks {

	padding-left:15px;

	

}

div#headerleftlinks a {

	color:#ffffff;

	margin:0 10px;

	font-size:10px;

	text-decoration:underline;

}

div#headerleftlinks a:hover {

	color:#8abedc;

}



/************************************************************************

CONTENT

************************************************************************/



div#content {

	background:url(/img/layout/content_bg.png) repeat-y;

	width:802px;

}

div#leftcontent {

	background:url(/img/layout/leftcontent_background.jpg) no-repeat #b8c0c7;

	float:left;

	width:523px;

	margin-left:12px;

	padding:20px;

	padding-top:0;

	min-height:400px;

}

div#rightcontent {

	background:url(/img/layout/news_bg.jpg) no-repeat #5274aa;

	float:right;

	width:185px;

	margin-right:12px;

	padding:0 10px;

	padding-top:60px;

	padding-bottom:10px;

}

div#whitestrip {

	background:url(/img/layout/whitestrip.png) repeat-y;

	height:5px;

}

h1 {

	color:#00092f;

	font-size:24px;

	margin:0;

	margin-top:16px;

	margin-bottom:16px;

}

div#googlemap {

	margin:20px auto;

	height:350px;

	border:1px solid #cccccc;

}



/************************************************************************

NEWS

************************************************************************/



img.newsIcon, span.newsDateTop, span.newsDateBottom {display:none;}

div#newsContainer {

	background:url(/img/layout/white_transparent.png) repeat;

	min-height:350px;

}

div.newsPost {

	padding:10px;

	font-size:10px;

}

div.newsPost h3 {

	margin:3px;

	font-size:13px;

}



/************************************************************************

LINK COLORS

************************************************************************/



a {

	color:#1784ff;

}

a:hover {

	color:#8dc500;

}



/************************************************************************

IMAGE LINKS - NO BORDERS - YUCK!

************************************************************************/



a img {

	border:0 none;

}



/************************************************************************

FOOTER

************************************************************************/



div#footer {

	color:#1784ff;

	font-size:11px;

	text-align:center;

	background:url(/img/layout/footer_bg.png) no-repeat;

	height:54px;

	padding-top:65px;

}

#footer {text-align:center; width:100%;}
#footer ul {width:700px; margin:0 auto;}
#footer ul li{float:left; margin:0 0 0 10px; list-style:none;}


div#footer a {

	color:#1784ff;

}

div#footer a:hover {

	color:#8dc500;

}

p#copyright {

	color:#838799;
	clear:both;
	width:100%;

}

div#validate {

	color:#cccccc;

	width:770px;

	margin:0 auto;

	text-align:right;

	font-size:10px;

}

div#validate a {

	color:#ffffff;

}



/************************************************************************

CLEARFIX

************************************************************************/



.clearall:after {

    content:"."; 

    display:block; 

    height:0px; 

    clear:both; 

    visibility:hidden;

}



.clearall {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearall {height: 1px;}

.clearall {display: block;}

/* End hide from IE-mac */



/************************************************************************

BEGIN FCKEDITOR STYLES

************************************************************************/



/*Large Heading*/

h2 {

	font-size:18px;

}



/*Small Heading*/

h3 {

	font-size:16px;

}



/*Smaller Heading*/

h4 {

	font-size:14px;

}



/************************************************************************

END FCKEDITOR STYLES

************************************************************************/
.CalendarMonthTitle  {
	background-color:#000066;
	color:#FFFFFF;
}
.CalendarDayTitle  {
	background-color:#009900;
	color:#FFFFFF;
}
.newsPost a:hover,.newsPost a:link,.newsPost a:visited,.newsPost a:active{
	font-size:12px;
	color:#000000;
}
#treePageDetailsPageList {
	font-size:16px;
}
#thumbnail_wrapper {
	width:450px;
}


/* Suckerfish Style Flyout CSS */
#navMain li ul {
	position: absolute;	
	left: -999em; 
	margin:20px 0 0 0px; 
	z-index:100; 
	height:auto; 
	padding:0; 
	border-right:1px solid #222;
	border-bottom:1px solid #222;
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	background-color:#FFFFFF;
	width:150px;
	text-align:left;
	float:none; 
}
#navMain li ul li {
	display:inline; 
	float:none; 
	padding:0; 
	height:30px; 
	margin:0;
	text-align:left;
}
#navMain li ul li:hover {
	background:none;
}
#navMain li ul li a {
	height:auto; 
	font-size:12px; 
	padding:5px; 
	background:none; 
	color:#222; 
	margin:0;
	position:relative;
	float:none; 
}

#navMain li ul li .red {
	color:#FFFFFF;
}
#navMain li ul li a:hover {
	background:#18538D; 
	color:#fff;
}
#navMain li ul li a img.moreImg{
	position:absolute; 
	right:5px;
	top:5px;
}
#navMain li ul ul {
	margin: -27px 0 0 150px;
}
#navMain li:hover ul ul, #navMain li.sfhover ul ul {
	left: -999em;
}
#navMain li:hover ul, #navMain li li:hover ul, #navMain li.sfhover ul, #navMain li li.sfhover ul {
	left: auto;
}
