/* 

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

/* --------- 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 25px auto;
	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;
	font-size: 11px;
	font-weight: normal;
	padding-top: 9px;
	color: #A8AC77;
	padding-left: 328px;}
	
#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, div#wrapper div#logo a {outline: none;}

#wrapper #masthead {
	width: 858px;
	height: 229px;
	clear: both;
	margin: 0px;
	background: url(../images/masthead_sec-new2.gif);
	padding: 20px 8px 20px 10px;
	
}
#wrapper #masthead #breadcrumbs {
	height: 38px;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #b9b9b9;
}

#wrapper #masthead #mastContainer {clear: none; float: left;}

#masthead #breadcrumbs a {color: #FFF; font-family:Georgia, "Times New Roman", Times, serif;}

#wrapper #masthead #leftNav {
	width: 284px;
	padding: 0;
	margin-top: 0;
	margin-right: 8;
	margin-bottom: 0;}
	
#wrapper #masthead #mastImage {
	margin: 0 0 0 8px;
	padding: 0;
	border: 0;
	background: #999933;
	width: 566px;
	float: left;
	height: 180px;
}

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

#wrapper #content #secPageNav {
	width: 290px;
	float: right;
	padding: 15px 27px;
	background: #E6E9C8;
	margin-bottom: 15px;
	margin-left: 15px;
}
#content #secPageNav ul {list-style: disc; margin-left: 15px !important; padding-left: 0px !important;}
#content #secPageNav li {line-height: 20px !important;}
#content #mainContent ul ul {
	list-style-type: circle;
}

#content #secPageNav a {font-weight: bold !important;}

#wrapper #content #mainContent {padding-top: 15px; padding-bottom: 10px;}

#mainContent ul {margin-bottom: 10px; list-style: disc; margin-left: 18px;}
#mainContent ol {margin-bottom: 10px; margin-left: 18px;}
#mainContent li {padding-bottom: 3px;}

#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;}

#secPageNav h1 {
	width: 290px;
	padding-bottom: 10px;
	border-bottom: 2px solid #9DA291;
}

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

#secPageNav h3 {padding-top: 10px;}

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

a {color: #004880; 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;}