/****************SEAGD**********************/

/**********EktronEditorsMenuMarker - Base template control causes issues********************/

/****fixes bullet size when logged in to cms***/
.EktronEditorsMenuMarker img {width:8px!important; height:8px!important;} 

#billboard .EktronEditorsMenuMarker img {width:8px!important; height:8px!important;} 

/****removes bullet size when logged in to cms**
#top .EktronEditorsMenuMarker img {display:none;}

#billboard .EktronEditorsMenuMarker img {display:none;}

body#landing #top .EktronEditorsMenuMarker img {display:none;}*/

/*#ctl00_cbBillboard {margin-top:-10px;} ***this is to remove the margin that the button causes at the top to make it look shifted down, even though you have display:none for the img - you have to target this specifically*****/

/*#ctl00_cbQuickLinks {margin-top:-10px;}***this is to remove the margin that the button causes at the top to make it look shifted down, even though you have display:none for the img*****/

/****the div that ektron puts around the bullets causes it to shift - having to target**
#top #ctl00_cbQuickLinks {padding-top:10px;}*/



* {padding: 0; margin: 0;}

/*********************Inherited Styles************************/

body {
	font: normal 62.5%/140% Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color:#333333;
	text-align: left;
	background-image:url(../img/blueblack_bkground.gif);
	background-repeat:repeat;
}

#container {
	margin: 0 auto;
	padding: 0;
	width:850px;
	position:relative;
	border: none;
}

/*********************Global Styles************************/

p { padding-bottom: 9px; }

blockquote { margin-left: 24px; }

a, a:link, a:active, a:visited { color: #004c80; text-decoration: none;}

a:hover { color: #004c80; text-decoration: underline;}

.treemenu UL {
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

h1 { font-size: 18px; color: #004c80; padding-bottom: 8px; }
h2 { font-size: 17px; color: #F00020; padding-bottom: 8px; }
h3 { font-size: 16px; color: #333333; padding-bottom: 8px; }
h4 { font-size: 15px; color: #004c80; padding-bottom: 8px; }
h5 { font-size: 14px; color: #F00020; padding-bottom: 8px; }
h6 { font-size: 13px; color: #333333; padding-bottom: 8px; }

.contenttitle {
	color: #004C80;
	font-size: 14px;
	font-weight: bold;
	margin:10px 0 10px 0;}
	
.accent-blue {color: #004c80;}

.accent-red {color: #F00020;}

.subhead-grey { color: #333333; font-weight: bold; font-size: 13px; margin-bottom:4px; padding:0; line-height:18px;}

.subhead-blue { color: #004c80; font-weight: bold; font-size: 13px; margin-bottom:4px; padding:0; line-height:18px;}

.cutline {
	font-size: 10px;
	padding-top: 2px;
	font-style:italic;
	line-height: normal;
	text-align:left;
	color: #333333;}
	
ol { margin-left: 17px; }

ol li {
	background-image: none;
	line-height: 16px;
	text-decoration: none;
	padding-left: 0px;
	list-style: decimal;
	margin: 1px 0 2px 15px;
}

ul {padding-bottom: 10px; }
li {margin-left:26px;
/*	background:url(../img/bullet_circle.jpg)no-repeat 0 0.3em;*/
	text-decoration: none;
	line-height: 14px;
	padding-bottom: 8px; 
	}

/*****************HOME*********************/

body#home #wrapper {
	width:850px;
	height:503px;
	float:left
}

body#home h1.logo {
	position: absolute;
	left: 12px;
	top: 16px;
	width: 235px;
	height: 156px!important;
	z-index:500000!important;
	}
	body#home h1.logo img { 	
	behavior: url(iepngfix.htc); 
	width: 235px;
	height: 156px!important;}
	
body#home #mainwrapper {
	width: 850px;
	height: 506px !important;
	float:left;
	padding:0;
	margin:0;
	position:absolute;
	left: 0px;
	top: 0px;
	z-index:20000!important;
	}
	body#home #mainwrapper img {
	width: 850px;
	height: 506px !important;
	}
	
body#home #billboard{
	width:778px!important;
	height: 500px!important;
	border: none;
	padding:0;
	margin: 0;
	left: 72px;
	top: 0px;
	position:absolute;
	z-index:1!important;
	}
	body#home #billboard img{
	width:778px!important;
	height: 500px!important;
	}
	
/*********************mainnav Styles************************/
	
body#home #mainnav {
	padding: 0;
	z-index: 500000!important;
	width: 192px;
	height: 184px;
	position:absolute;
	top: 318px;
	}
	
	body#home #mainnav #nav1 img{
	width: 180px;
	}


/*********************Home Button Styles************************/
	
body#home #top {
	z-index: 500000!important;
	width: 442px;
	height: 112px;
	position:absolute;
	top: 362px;
	left:398px;
	}

body#home #top #button1{
	padding-right: 2px;
	width: 146px;
	height: 112px;
	float:left;
	}
	body#home #top #button1 img{
	width: 146px;
	height: 112px;
	behavior: url(iepngfix.htc); }
	
	body#home #top #button2{
	padding-right: 2px;
	width: 146px;
	height: 112px;
	float:left;
	}
	body#home #top #button2 img{
	width: 146px;
	height: 112px;
	behavior: url(iepngfix.htc); }
	
	body#home #top #button3{
	padding-right: 0;
	width: 146px;
	height: 112px;
	float:left;
	}
	body#home #top #button3 img{
	width: 146px;
	height: 112px;
	behavior: url(iepngfix.htc); }

/*********************Landing Page Styles************************/

#wrapper {
	width:850px;
	height:179px;
	float:left
}

h1.logo {
	position: absolute;
	left: 31px;
	top: 10px;
	width: 209px;
	height: 145px!important;
	z-index:500000!important;
	}
	h1.logo img { 	
	behavior: url(iepngfix.htc); 
	width: 209px;
	height: 145px!important;}
	
	#mainwrapper {
	width: 850px;
	height: 179px !important;
	float:left;
	padding:0;
	margin:0;
	position:absolute;
	left: 0px;
	top: 0px;
	z-index:20000!important;
	}
	#mainwrapper img {
	behavior: url(iepngfix.htc); 
	width: 850px;
	height: 179px !important;
	}
	
	#billboard{
	width:555px!important;
	height: 171px!important;
	border: none;
	padding:0;
	margin: 0;
	left: 295px;
	top: 7px;
	position:absolute;
	z-index:1!important;
	}
	#billboard img{
	width:555px!important;
	height: 171px!important;
	}
	
#main {
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: 850px!important;
	height: 100%;
	background-color:#FFFFFF;
}

body#landing #leftcol {
	float: left;
	width: 285px;
	height:376px;
	overflow:visible;
	background-image:url(../img/gradient_sidenavlanding.jpg);
	background-repeat:no-repeat;
}
body#landing .sidenav {
	width: 285px;
	float: left;
	}


/*********************Landing Button Styles************************/
	
body#landing #top {
	width: 850px;
	height: 73px;
	position:static;
	float:left;
	}
	

body#landing #top #button1{
	padding: 0;
	width: 286px!important;
	height: 73px;
	}
	body#landing #top #button1 img{
	width: 286px!important;
	height: 73px;
	}
	
	body#landing #top #button2{
	padding: 0;
	width: 284px!important;
	height: 73px;
	}
	
	body#landing #top #button2 img{
	width: 284px!important;
	height: 73px;
	}
	
	body#landing #top #button3{
	padding: 0;
	width: 280px!important;
	height: 73px;
	}
	
	body#landing #top #button3 img{
	width: 280px!important;
	height: 73px;
	}
	
	/*********************Content Button Styles************************/
	
#top {
	z-index: 500000!important;
	width: 375px;
	height: 90px;
	position:absolute;
	top: 146px;
	left:446px;
	}
	

	#top #button1{
	padding-right: 7px;
	width: 118px;
	height: 90px;
	float:left;
	}
	
	#top #button1 img{
	behavior: url(iepngfix.htc); 
	width: 118px;
	height: 90px;}
	
	#top #button2{
	padding-right:7px;
	width: 120px;
	height: 90px;
	float:left;
	}
	#top #button2 img{
	behavior: url(iepngfix.htc); 
	width: 120px;
	height: 90px;}
	
	#top #button3{
	padding-right: 0;
	width: 120px;
	height: 90px;
	float:left;
	}
	#top #button3 img{
	behavior: url(iepngfix.htc); 
	width: 120px;
	height: 90px;}
	

	#leftcol {
	float: left;
	width: 277px;
	height:461px;
	overflow:visible;
	background-image:url(../img/gradient_sidenav.jpg);
	background-repeat:no-repeat;
}

#safetyfirst_top{
	width:850px;
	height:69px;} 
	
.sidenav {
	width: 277px;
	float: left;
	}
	
#rightcol {
	float: left; 
	width: 490px; 
	height: 100%; 
	padding:0; 
	margin:0px 20px 0 35px;  }
	
	#rightcol .text {font-size: 1.2em; line-height:18px; min-height:100px; overflow:visible; padding-bottom:30px;}

/*********************Footer Styles************************/

#footer { 
	width: 850px;
	min-height: 35px;
	height:35px;
	margin: 0 auto;
	}

#footer .text {display: block;
	text-align:center;
	padding-top: 3px;
	line-height:18px;
	font-size: 12px;
	color:#004c80;
	background-color:#FFFFFF;
}

#footer .textsmall {
	text-align:center;
	padding-bottom: 3px;
	font-size: 10px;
	color:#666666;
	background-color:#FFFFFF;
	margin-bottom:30px;
}
