/* 

STYLE SHEET FOR EMPLOYER ADVANTAGE WEB SITE
Created by bluespace creative, Inc.
www.bluespacecreative.com
 
ToC
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/
  
/* --------- 1. defaults  --------- */

* {margin: 0; padding: 0;}
html {	background: #002645 url(../images/bodyBkg-grad.jpg) repeat-x;
	font: 12px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #002645;}
	
body {background: transparent url(../images/watermark.png) no-repeat center top; padding-top: 28px;}

/*  --------- 2. structure  --------- */

#wrapper {
	width: 876px;
	background: #FFF url(../images/wrap-top-new.gif) no-repeat top;
	margin: 0px auto 15px;
	padding: 0px;
	min-height: 100%;
	height: 100%;
		}
		
#logo {
	float: left;
	margin: 0;
	padding: 23px 0 0 75px;
	height: 120px;
		}
#loginNav {
	float: left;
	height: 23px;
	width: 245px;
	padding-left: 300px; 
	font-size: 11px;
	font-weight: normal;
	padding-top: 9px;
	text-align: center;
	color: #A8AC77;
}
#loginNav a {font-weight: bold;}

#loginNav a:hover {text-decoration: underline;}
	
#navContainer {float: right; width: 364px; height: 73px; padding: 27px 53px 0 0;}
	
#wrapper #navContainer a, #wrapper #logo a{outline: none;}

#printMast{display: none;}
		
#masthead {
	width: 856px;
	height: 374px;
	clear: both;
	margin: 0px;
	padding: 20px 10px;
	background-image: url(../images/masthead-new2.jpg);
	background-repeat: no-repeat;
}
#leftNav {
	width: 292px;
	height: 325px;
	float: left;
}
#flashVideo {
	float: left; 
	padding-top: 3px;
	background: #edf1d6;
	height: 188px !important;
	overflow: hidden !important;
}


#masthead #serviceList a {
	color: #FFF;
}

	
#masthead #leftNav {margin: -2px 0px 0px -2px; padding: 0px;}

#masthead #serviceList {
	float: left;
	padding-top: 105px;
	padding-left: 47px;
	color: #FFFFFF;
	line-height: 17px;
	font-size: 13px;
	width: 265px;
}
	
#masthead #serviceList ul {list-style: disc;}
#masthead #serviceList li {
	margin-top: 4px;
	line-height: 18px;
}

#content {padding-right: 53px; padding-left: 53px;}

#content #leftContent {
	float: left;
	width: 403px;
	padding-right: 48px;
	border-right: 1px solid #DBDBDB;
	margin-top: 19px;
	margin-bottom: 10px;
}
#content #rightContent {
	float: left;
	width: 270px;
	margin-top: 19px;
	margin-bottom: 10px;
	padding-left: 48px;}

#footer {
	font-size: 11px;
	width: 770px;
	clear: both;
	float: left;
	border-top: 1px solid #e1e2e3;
	padding-top: 12px;
	padding-bottom: 4px;
}
#footer p {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
.separator {
	clear: both;
	height: 11;
		}
		
.vizBtn {
	padding-top: 13px;
	margin-left: -16px;
}

p {margin-bottom: 8px; font: 12px/19px Tahoma, Verdana, Arial, Helvetica, sans-serif;}



/* ---------- 3. links and navigation ---------- */

a {color: #004780; text-decoration: none;}
		
a:hover {text-decoration: underline;}
		
/* ---------- 4. fonts ---------- */
ul {list-style-type: none;}

/* ---------- 5. images ---------- */

a img {border: 0;}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */text-align: center;}
#wrapper {text-align: left;}  

		
/* ---------- 7. top navigation ---------- */

#topNavigation {width: 364px; height: 73px; font-size: 12px; background: #FFF url(../images/nav/topNav/mainNavBkg.gif) no-repeat;}
#topNavigation ul {list-style-type: none;}
#topNavigation li{float: left; list-style-type: none; text-indent: -9000px;}
#topNavigation a:hover {background-position: bottom;}
#topNavigation a.here:link, #topNavigation a.here:visited, #topNavigation a.here:hover, #topNavigation a.here:active {background-position: bottom; outline: none;}
#topNavigation .tone a, .ttwo a, .tthree a, .tfour a{display: block; height: 73px; background-repeat: no-repeat;}
#topNavigation .tone a{width: 56px; background-image: url(../images/nav/topNav/home.gif);}
#topNavigation .ttwo a{width: 101px; background-image: url(../images/nav/topNav/about.gif);}
#topNavigation .tthree a{width: 105px; background-image: url(../images/nav/topNav/contact.gif);}
#topNavigation .tfour a{width: 102px;  background-image: url(../images/nav/topNav/news.gif);}	
			
/* ---------- 8. side navigation ---------- */

* {padding:0; margin:0}
body {font:12px Tahoma, Verdana, Arial, Helvetica}
#leftcolumn {float:left; width:284px}
#leftcolumn .dropdown #one-ddheader a, #leftcolumn .dropdown #two-ddheader a, #leftcolumn .dropdown #three-ddheader a, #leftcolumn .dropdown #four-ddheader a, #leftcolumn .dropdown #five-ddheader a, #leftcolumn .dropdown #six-ddheader a {background: transparent; margin: 0px; padding: 0 0 0 33px; text-align: right;}
.dropdown {display:block; position:relative}
dl .dropdown {width: 284px;}
.dropdown dt {width:251px; border:0px solid #9ac1c9; font-weight:bold; padding: 8px 25px 8px 8px; cursor:pointer; background-image: url(../images/header.gif); text-align: right;}
.dropdown .upperdd {border-bottom:none}
.dropdown dt:hover {background-image: url(../images/headerOver.gif);}
.dropdown dd {position:absolute; top:0; overflow:hidden; width:245px; display:none; background:#fff; opacity:0; }
.dropdown ul {width:284px; list-style:none; padding: 0}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px 5px 5px 22px; color:#333; text-decoration:none; background:#e9ebcd; width:218px}
.dropdown a:hover {background:#d9e1e4; color:#000}
.dropdown #one-ddcontent .secLevel a, .dropdown #two-ddcontent .secLevel a, .dropdown #three-ddcontent .secLevel a, .dropdown #four-ddcontent .secLevel a, .dropdown #five-ddcontent .secLevel a, .dropdown #six-ddcontent .secLevel a {display:block; background: url(../images/secLevelBkg.gif) no-repeat;}
.dropdown #one-ddcontent .secLevel a:hover, .dropdown #two-ddcontent .secLevel a:hover, .dropdown #three-ddcontent .secLevel a:hover, .dropdown #four-ddcontent .secLevel a:hover, .dropdown #five-ddcontent .secLevel a:hover, .dropdown #six-ddcontent .secLevel a:hover{display:block; background-image:url(../images/secLevelBkgOver.gif); background-repeat:no-repeat; color: #004780; font-weight:bold;}