/* Design 203 Stylesheet */

/* basic elements */

body {margin: 0; padding: 0; text-align: center; font: 16px arial, sans-serif}

h2 {color: #2c3c5f; font-size: 1em; margin: 0; padding: 16px 16px 0 16px}
h3 {color: #2c3c5f; font-size: 0.9em; margin: 0; padding: 16px 16px 0 16px}

a:link    {color: #2c3c5f}
a:visited {color: #888}
a:hover   {color: #bf4142}

/* layout elements */

#topstripe {padding: 1px 10px 1px 0; background-color: #bf4142; height: 12px}
#topstripe #jsdate {margin: 0 auto; padding: 0; color: #fff; text-transform: uppercase; font-size: 0.6em; text-align: right; max-width:856px}

#wrapper {width: 856px; text-align: left; padding: 0; margin: 0 auto}

#header {margin: 0; padding: 0; border: 3px solid #2c3c5f; border-bottom: 0; height: 91px; position: relative}
#header #logo, #header #logo img {margin: 0; padding: 0; border: 0}
#header p {margin: 0; padding: 0; font-size: 70%; position: absolute; top: 16px; left: 420px; width: 415px; line-height: 1.8em; color: #2c3c5f}

#main {
	background: url(../img/bg.gif) repeat-y left;
	border-bottom: 3px solid #bebebe;
	border-right: 3px solid #e5e5e5;
	min-height: 300px;
	clear: both;
	position: relative;
	z-index:1;

}
#bodyhome #main {background-color: #e5e5e5; background-image: none; height: 450px; border: 0}
#bodyhome #main #my_slideshow {border: 3px solid #2c3c5f; border-top: 0; z-index: 1; width: 850px; height: 450px}
#bodyhome #main #h-link {position: absolute; display: block; width: 850px; height: 450px; background: transparent url(../img/blank.gif); top: 0; left: 3px; z-index: 2; text-indent: -5000px}


#copy {
	float: right;
	width: 653px;
	margin: 0;
	padding: 0 0 12px 0;
	position: relative;
	z-index: 1;
}
#bodyhome #copy {position: absolute; width: 325px; height: 307px; top: 0; left: 252px; border: 0; padding-bottom: 0}
#copy p {color: #2c3c5f; font-size: 0.75em; line-height: 1.8em; margin: 0; padding: 8px 16px 0 16px}
#bodyhome #copy p {margin: 0; padding: 8px 16px 0 16px}

#copy ul, #copy ol {font-size: 0.75em; margin: 8px 0; padding: 0 0 0 50px}
#copy li {color: #2c3c5f; line-height: 1.8em; margin: 0; padding: 5px 16px 0 0}

h1 {color: #2c3c5f; font-size: 1.1em; margin: 0; padding: 0; text-indent: -5000px; height: 26px}
#bodyabout h1 {background: #2c3c5f url(../img/s-t-about.png) no-repeat}
#bodyclient h1 {background: #2c3c5f url(../img/s-t-client.png) no-repeat}
#bodycand h1 {background: #2c3c5f url(../img/s-t-cand.png) no-repeat}
#bodyind h1 {background: #2c3c5f url(../img/s-t-ind.png) no-repeat}
#bodyjobs h1 {background: #2c3c5f url(../img/s-t-jobs.png) no-repeat}
#bodyrec h1 {background: #2c3c5f url(../img/s-t-recruit.png) no-repeat}
#bodycontact h1 {background: #2c3c5f url(../img/s-t-contact.png) no-repeat}
#bodyerror h1 {background: #2c3c5f url(../img/s-t-404.png) no-repeat}
#bodyhome h1 {padding: 12px 16px 0 16px; text-indent: 0}

#footer {margin: 0; padding: .5em 0; font-size: 0.7em; line-height: 1.4em; text-align: center; color: #888}

div.col {width: 30%; float: left}
div.clear {clear: both}

p.hilite {font-weight: bold; background-color: yellow}
.b {font-weight: bold}

/* navigation behaviors */

#nav {
	width: 850px;
	height: 23px;
	background-color: #bf4142;
	border-left: 3px solid #2c3c5f;
	border-right: 3px solid #2c3c5f;
	border-bottom: 1px solid white;
	position: relative;
	z-index: 300;
}
#nav, #nav ul {padding: 0; margin: 0; list-style: none;}
#nav li {float: left}
#nav li a {display: block}
#nav li a.l-1 {text-indent: -999em; height: 23px}

#navhome a.l-1 {width: 65px; background: url(../img/nav2.png) no-repeat 0 0}
#navhome a.l-1:hover {background-position: 0 -23px}
#bodyhome #navhome a.l-1 {background-position: 0 -46px}

#navabout a.l-1 {width: 96px; background: url(../img/nav2.png) no-repeat -65px 0 }
#navabout a.l-1:hover {background-position: -65px -23px}
#bodyabout #navabout a.l-1 {background-position: -65px -46px}

#navclient a.l-1 {width: 161px; background: url(../img/nav2.png) no-repeat -161px 0}
#navclient a.l-1:hover {background-position: -161px -23px}
#bodyclient #navclient a.l-1 {background-position: -161px -46px}

#navcand a.l-1 {width: 165px; background: url(../img/nav2.png) no-repeat -322px 0}
#navcand a.l-1:hover {background-position: -322px -23px}
#bodycand #navcand a.l-1 {background-position: -322px -46px}

#navind a.l-1 {width: 138px; background: url(../img/nav2.png) no-repeat -487px 0}
#navind a.l-1:hover {background-position: -487px -23px}
#bodyind #navind a.l-1 {background-position: -487px -46px}

#navrec a.l-1 {width: 120px; background: url(../img/nav2.png) no-repeat -625px 0}
#navrec a.l-1:hover {background-position: -625px -23px}
#bodyrec #navrec a.l-1 {background-position: -625px -46px}

#navcontact a.l-1 {width: 105px; background: url(../img/nav2.png) no-repeat -745px 0}
#navcontact a.l-1:hover {background-position: -745px -23px}
#bodycontact #navcontact a.l-1 {background-position: -745px -46px}


/* dropdown navigation behaviors -- son of suckerfish dropdowns (see htmldog.com/articles/suckerfish/dropdowns/) */

#nav li ul {
	position: absolute;
	left: -999em;
	width: 165px;
	border: 1px solid #2c3c5f;
	background-color:white;

}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li:hover, #nav li.hover {position: static;}


#nav li ul li {float: none; border-top: 1px solid #e1e9fa; padding: 0; margin: 0}
#nav li ul li a {font-size: .7em; padding: 5px 0 0 10px; margin: 0; height: 20px;}
#nav li ul li a:hover {color: white; background-color: #bf4142;}

/* See-thru homepage nav */

#bodyhome #nav li ul {
	 background-color: transparent!important;

}
#bodyhome #nav li ul li a {font-size: .7em; padding: 5px 0 0 10px; margin: 0; height: 20px; background-color: white; -moz-opacity: .78!important; filter:alpha(opacity=78)!important;}
#bodyhome #nav li ul li a:hover {color: white; background-color: #bf4142; -moz-opacity: 1.0!important; filter:alpha(opacity=100)!important;}

/* subnavigation behaviors */

#snav {
	float: left;
	width: 194px;
	background-color: #e5e5e5;
	border: solid #bebebe;
	border-width: 0 3px;
}
#snav ul {margin: 0; padding: 0; list-style: none}
#snav ul li {margin: 0; padding: 0}
#snav ul li a {display: block; height: 19px; font-size: .75em; font-weight: bold; border-bottom: 1px solid #bebebe; text-align: right; margin: 0; padding: 7px 8px 0 0}
#snav ul li a:link    {color: #888; text-decoration: none; border-right: 3px solid #888}
#snav ul li a:visited {color: #4b4b4b; text-decoration: none; border-right: 3px solid #4b4b4b}
#snav ul li a:hover   {color: #bf4142; text-decoration: underline; border-right: 3px solid #bf4142}


/* form styles */

form {width: 380px; margin: 20px auto 0 auto; padding: 0; font-size: 0.75em}
div.row {clear: both; padding-top: 0}
div.last {text-align: right}
div.row span.label {float: left; width: 115px; text-align: right; font-weight: bold; margin: 0; padding: 6px 0; border-top: 1px dotted #cac6cc}
div.row span.formw {float: right; width: 260px; text-align: left; line-height: 1.5em; margin: 0; padding: 5px 0; border-top: 1px dotted #cac6cc}
input, textarea {margin: 0; padding: 0}
#copy .leftCol {
	float: left;
	width: 48%;
}
.clear {
	clear: both;
}


/* IE6 is a jerk */
* html #main {height:auto !important; height:300px;}