body {margin: 0; background-color: #efefef; text-align: center}
body, div, p, li {font-family: verdana,arial,sans-serif; color: #000}
div, p, li {text-align: left}
.skipper {display: none;}
a {color: #ff3600;}
a:visited{color: #666}
a:hover {color: #ff0000;}
#wrapper {background-color: #fff; width: 750px; margin: 0 auto; text-align: left}

#logo {background-color: #fff; height: 64px}

#nav1 {background: #fff url(../img/h-n1-bg.gif) top left repeat-x; font-size: 12px; font-weight: bold; padding-left: 90px; height: 18px}
#nav1 div {float: left; background: url(../img/h-n1-tab2l.gif) top left no-repeat; height: 18px}
#nav1 div.first {background: url(../img/h-n1-tab1l.gif) top left no-repeat;}
#nav1 a {display: block; float: left; text-decoration: none; color: #fff; padding: 3px 12px 1px 20px}
#nav1 div.last a {background: url(../img/h-n1-tab2r.gif) top right no-repeat;}

#content {background-color: #fff;  position: relative; width: 750px;}

#nav2 {float: right; font-size: 11px; border-top: 1px solid #a6a6a6;}
#nav2 ul {display: inline; margin: 0; padding: 0; list-style: none}
#nav2 ul li {float: left; background: url(../img/h-n2-bg.gif) top left repeat-x;}
#nav2 ul li.first {background: url(../img/h-n2-tabl.gif) top left no-repeat;}
#nav2 a {text-decoration: none; color: #5a5a5a; padding: 0 12px 0 12px; border-right: 1px solid #a6a6a6; display: block; float: left; height: 16px}
#nav2 ul li.last a {border-right: 1px solid #5a5a5a}

#leadin {position: absolute; background: url(../img/leadin-bg.png) bottom right no-repeat; filter:alpha(opacity=90); -moz-opacity:0.85;}
#leadin div {font-size: 11px; width: 270px; border: 1px solid #a6a6a6; background-color: #fff; padding: 4px 6px 6px; margin: 0 6px 6px 0}

#main {padding-top: 164px; width: 545px}
head:first-child+body #main {padding-top: 180px;}
#main h1 {margin: 0; font-size: 120%; color: #ff3600; height: 40px; width: 252px; text-indent: -100em; background-repeat: no-repeat}
#main div {width: 252px; padding: 8px; background-color: #fff}
#candidates {float: left; margin-right: 7px;}
#candidates h1 {background: url(../img/h-hd-candidates.gif) top left no-repeat}
#employers {float: left;}
#employers h1 {background: url(../img/h-hd-employers.gif) top left no-repeat}
#main form, .main form {margin: 12px 0}
#main #empkeywords, #main #candkeywords {width: 240px}
#main form .button {margin-right: 3px}
#main ul {margin: 16px 0 4px 6px; padding: 0; list-style: none}
#main ul li {background: url(../img/li.gif) top left no-repeat; padding-left: 15px; margin-bottom: 3px}

.box {border: 1px solid #a6a6a6; border-width: 0 1px 1px 0; font-size: 70%}
.side {width: 192px; position: absolute; top: 17px; right: 0}
.side h3 {color: #ff3600; font-size: 100%; margin: 0 0 6px}
.side h3 div {color: #ff3600;}
#testimonial {padding: 8px; font-weight: bold;}
#testimonial .text {text-align: right;}
#testimonial blockquote {margin: 0 0 4px; text-align: left; font-weight: normal}
#testimonial .all {text-align: center; margin-top: 6px}
#ind-rec {padding: 8px;}
#ind-rec p {margin-top: 0;}
#newsletter {padding: 8px}
#newsletter form {margin: 8px 0 0}
form input {display: block;}
#newsletter input {display: none;}
#newsletter #XXDESXXemail_address, #newsletter .button {display: block;}
form #email {width: 170px}
form .button {float: right;}

#menu1, #menu2 {top: 82px; position: absolute}
#menu3, #menu4 {top: 98px; position: absolute}
#menu1, #menu2, #menu3, #menu4 {visibility: hidden; font-size: 70%; position: absolute; z-index: 150; background-color: #fff; border: 1px solid #A6A6A6; border-width: 1px 1px 0 0; -moz-opacity:0.90;}
#menu1 a, #menu2 a, #menu3 a, #menu4 a {color: #000; display: block; text-decoration: none; padding: 3px 6px; border: 1px solid #A6A6A6; border-width: 0 0 1px 5px}
#menu1 a, #menu2 a, #menu4 a {width: 130px;}
#menu3 a {width: 145px;}
#menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover {font-weight: bold; border-left-color: #ff3600}


#footer {padding: 4px; color: #7e7e7e; font-size: 65%; clear: both;}

