/* tag overrides */

* { margin: 0; padding: 0; }
body { background-color: #e5e4d0; font-family: "Trebuchet MS"; color: #666; }
img { border: none; }
a { cursor: pointer; color: #666; }
h1 { font-size: 1.5em; }
h2 { color: #522145; font-size: 22px; line-height: 24px; }
h3, h4, h5, h6 { color: #666; font-size: 16px; line-height: 20px; }
p { font-size: 12px; line-height: 16px; }
p a:hover { text-decoration: none; }
tr, td { text-align: left; vertical-align: top; }
q:before, q:after { content: ""; }
input, textarea { font-family: Trebuchet MS; font-size: 11px; }
submit, .stdButtons { background-color: #783064; border: solid 1px #9ca16f; color: #fff; font-size: 11px; padding: 2px 4px 2px 2px; }
fieldset { border: none; }
legend { font-size: 14px; color: #333; font-style: italic; }

/* shared classes */

.imgrep { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; }
.clear { clear: both; }
.block { display: block; }
.bold { font-weight: bold; }
.left { float: left; }
.right { float: right; }
.alignR { text-align: right; }
.show { display: block; }
.hide { display: none; }
.purple { color: #522145; }
.underline { text-decoration: underline; }
.mice { font-size: 10px; }
.msg { font-size: 14px; color: #333; font-weight: bold; }

/* jax indicator */
img#indicator { display: block; margin: 1em; }

/* error messages */
div.errorExplanation { overflow: auto; margin-bottom: 20px; }
div.errorExplanation h2 { font-size: 14px; color: #ff0000; }
div.errorExplanation ul { padding-left: 16px; font-size: 12px; color: #333; }


/* top nav */

div#topNavContainer { height: 29px; background-color: #522145; border-bottom: solid 1px #853670; }
div#topNavContainer ul#topNav { width: 860px; margin: 0 auto; list-style: none; text-align: right; font-size: 10px; padding-top: 8px; }
div#topNavContainer ul#topNav li { float: right;  }
div#topNavContainer ul#topNav li, div#topNavContainer ul#topNav li a { color: #9ca16f; }

body.contact div#topNavContainer ul#topNav li#tnContact, body.contact div#topNavContainer ul#topNav li#tnContact a { color: #fff; }
body.terms div#topNavContainer ul#topNav li#tnTerms, body.terms div#topNavContainer ul#topNav li#tnTerms a { color: #fff; }
body.privacy div#topNavContainer ul#topNav li#tnPrivacy, body.privacy div#topNavContainer ul#topNav li#tnPrivacy a { color: #fff; }

div#topNavContainer ul#topNav li a { text-decoration: none; }
div#topNavContainer ul#topNav li a:hover { text-decoration: underline; }


/* main nav */

div#mainNavContainer { height: 91px; border-bottom: solid 1px #fff; background: url(../images/main_nav_bkgd.jpg) scroll left repeat-x; overflow: visible; position: relative; }
div#mainNavContainer div#mainNavWrapper { width: 860px; height: 91px; margin: 0 auto; background: url(../images/main_nav_gradient.jpg) scroll left top no-repeat; overflow: visible; position: relative; }
div#mainNavContainer div#mainNavWrapper div#vsLogo { position: relative; float: left; overflow: hidden; }
div#mainNavContainer div#mainNavWrapper div#vsLogo { width: 356px; height: 91px; }
div#mainNavContainer div#mainNavWrapper div#vsLogo span { background-image: url(../images/vintage_Services_logo.jpg); }
img#lightGradNavBkd { position: absolute; left: 0; top: 0; width: 40%; }

ul#nav { position: relative; width: 464px; height: 91px; list-style: none; float: right; background: url(../images/main_nav_icon_bkgd.jpg) scroll right top no-repeat; }
ul#nav li { position: absolute; top: 0; height: 22px; margin-top: 69px; }
ul#nav li a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; font-size: 0.8em; text-align: left; }
ul#nav li a .imgrep { background: url(../images/nav.jpg) left top no-repeat; }

ul#nav li#home { width: 36px; left: 0; }
ul#nav li#home a span { background-position: 0 0; }
ul#nav li#home a:hover span { background-position: -383px 0; }
body.home ul#nav li#home { display: none; }

ul#nav li#jobCandidates { width: 96px; left: 52px; }
ul#nav li#jobCandidates a span { background-position: -36px 0; }
ul#nav li#jobCandidates a:hover span { background-position: -419px 0; }
body.candidates ul#nav li#jobCandidates a span { background-position: -802px 0; }

ul#nav li#employers { width: 64px; left: 165px; }
ul#nav li#employers a span { background-position: -132px 0; }
ul#nav li#employers a:hover span { background-position: -515px 0 ; }
body.employers ul#nav li#employers a span { background-position: -898px 0 ; }

ul#nav li#ourProcess { width: 77px; left: 245px; }
ul#nav li#ourProcess a span { background-position: -196px 0; }
ul#nav li#ourProcess a:hover span { background-position: -579px 0 ; }
body.our_process ul#nav li#ourProcess a span { background-position: -962px 0 ; }

ul#nav li#services { width: 52px; left: 338px; }
ul#nav li#services a span { background-position: -273px 0; }
ul#nav li#services a:hover span { background-position: -656px 0 ; }
body.services ul#nav li#services a span { background-position: -1039px 0 ; }

ul#nav li#about { width: 58px; left: 406px; }
ul#nav li#about a span { background-position: -325px 0; }
ul#nav li#about a:hover span { background-position: -708px 0 ; }
body.about_us ul#nav li#about a span { background-position: -1091px 0 ; }


/* content */

div#contentContainer { width: 860px; margin: 0 auto; overflow: visible; background: url(../images/content_bkgd.jpg) scroll center top no-repeat; padding-top: 26px; }
body.admin div#contentContainer { width: 900px; margin: 0 auto; overflow: visible; background: url(../images/content_bkgd.jpg) scroll center top no-repeat; padding-top: 26px; }
div.content p { margin-bottom: 16px; }


/* sub nav */

div#subNavContainer { border-top: solid 1px #999; padding-top: 3px; }
ul#subNav, ul#subNav li { float: left; }
ul#subNav, ul#addressInfo { list-style: none; font-size: 10px; }
ul#subNav li, ul#addressInfo li { line-height: 20px; }
ul#subNav li a { text-decoration: none; }
ul#subNav li a:hover { text-decoration: underline; }
ul#addressInfo { float: right; text-align: right; }


/* lists */

ul.items { margin: 4px 0; list-style: none; }
ul.items li { display: block; font-size: 11px; list-style: none; }
ul.items li.title { padding-left: 8px; float: left; }
ul.items li.title a { text-decoration: none; color: #000; }
ul.items li.title a:hover { text-decoration: underline; }

ul.items li.active { text-align: right; float: right; color: #fff; }
ul.items li.actions { float: right; }
ul.items li, ul.selected li { padding-bottom: 4px; margin-right: 4px; }
ul.items li input { margin-left: 4px; }

dl.items { padding: 10px; float: left; font-size: 11px; }
dl.items dt { margin-bottom: 2px; font-size: 12px; color: #000; }
dl.items dt.title { font-weight: bold; }
dl.items dd { margin-bottom: 6px; }
dl.items dd a { text-decoration: none; }
dl.items dd a:hover { text-decoration: underline; }