/* 
    Document   : screen
    Created on : 14-Jan-2010, 20:17:32
    Author     : Scott Darby
    Description:
        Styles for the screen.

=Basics
 --------------------------------------------------------*/
html            {background: #820024; height: 100%}
body            {font-family:Arial, Helvetica, Sans-Serif; line-height:16px; background:#820024; color:#666;}
.wrapper        {width: 807px; font-size: 13px; display: block; position: relative; margin: 0 auto}
.wrapper        {display:block}
* html .wrapper {height:1%}
.wrapper:after  {clear:both; content:"."; display:block; height:0; visibility:hidden}

h1,h2,h3,h4,h5,h6 {font-weight:700; line-height:12px;}
h1                {font-size:21px; margin-bottom:5px; font-weight:700}
h2                {font-size:16px; margin-bottom:10px; font-weight:400; color: #404040}
h3                {font-size:17px; margin-bottom:6px; color: #820024}
h4                {font-size:14px; margin-bottom:8px}
h5                {font-size:13px; margin-bottom:9px}
h6                {font-size:12px; margin-bottom:8px; color:gray}

a               {color: #820024; text-decoration:underline}
a:hover         {color:#f7941d; text-decoration:none}
a:active        {color:red}
a.current:hover {text-decoration:none}

p      {line-height:18px; font-size:13px; color:#404040; margin:0 0 18px}
em     {font-style: italic}
small  {font-size: 8px}
strong {font-weight: bold}

ul {padding-left: 16px; list-style-position:outside; list-style-type:disc; margin:0 0 18px}
ol {padding-left: 16px; list-style-type:decimal; margin:0 0 18px}
li {line-height: 18px}
dl {margin: 18px 0}

acronym:hover {cursor:help}

img {border:none}

fieldset {border:none;margin:0 0 20px}
select   {border:1px solid #979797;color:gray}

th {text-align:center}

/*
 =Utilities
 --------------------------------------------------------*/
.left   {float:left; margin:0 10px 10px 0}
.right  {float:right; margin:0 0 10px 10px}
.center {text-align:center; margin:0 auto}

.img-replace {text-indent:-9999px; line-height:0; font-size:0; display:block}

/*clearfix*/
.clearfix        {display:block}
* html .clearfix {height:1%}
.clearfix:after  {clear:both; content:"."; display:block; height:0; visibility:hidden}

/*
 =Header
 --------------------------------------------------------*/
.header {background: white; padding-top: 20px; margin-top: 10px; z-index: 500}
#logo {background: url(../images/logo.gif) no-repeat; width: 391px; height: 119px; margin: 0 0 20px 20px}
#contact-info {position: absolute; top: 18px; right: 10px; width: 350px; font-size: 14px; font-weight: bold}
#contact-info a {font-size: 14px; font-weight: bold}
#contact-info ul {padding: 0}
#links {padding: 20px 0 0}
#links a {margin: 0 0 15px; display: block}
#tel {color: #820024}
#tel ul {background: url(../images/tel.gif) no-repeat 0 8px; padding: 0 0 0 40px}
#tel li {margin: 0 0 10px}
#client-links {border-left: 1px solid #820024; padding: 20px 0 0 10px; margin: 0 0 0 10px; position: absolute; top: 0; right: 0}
#client-links li {background: url(../images/bullet.gif) no-repeat 0 5px; padding: 0 0 0 20px; margin-bottom: 20px}
.has_js #slideshow {position: absolute; top: -200px; z-index: 1}
#slideshow {background: #fff}
#slideshow * {border-left: 4px solid #fff}

/*
 =Navigation
 --------------------------------------------------------*/
#nav      {background: #820024; padding:0; margin:0; font-size: 17px}
#nav li   {float: left; text-align: center; margin: 5px 10px}
#nav li a {display: block; color: #fff; width: 97px; height: 15px; line-height: 15px; padding: 7px; border:1px solid #fff; text-decoration: none}
#nav li a:hover {border:3px solid #fff; width: 93px; height: 11px; line-height: 11px;}
#nav li.page-item-15 {margin-right:0}
#nav-container {border-top: 1px solid #000; border-bottom: 1px solid #000; background: #fff; padding: 3px 0; margin: 0 4px}

/*
 =Content
 --------------------------------------------------------*/
#article {background: white; padding: 20px; width: 767px}
.has_js #article {padding: 187px 20px 20px;}
#article li {list-style: inside; list-style-type: disc;}
h1.post-heading {color: #820024; font-size: 18px; margin-bottom: 20px}

/*
 =Jobs
 --------------------------------------------------------*/
.jobs-grid {width: 100%}
.jobs-grid th {font-weight: bold; background: #820024; color: #fff; padding: 4px; border-left: 1px solid #fff;}
.jobs-grid td {padding: 4px; border: 1px solid #ccc;}
.jobs-grid h2 {font-size: 12px; font-weight: bold; margin: 0!important;}
#job-details dt {font-weight: bold; float: left; width: 123px; clear: both}
#job-details dd {float: left; width: 644px}
#job-details dd, #job-details dd {margin-bottom: 10px}
#job-apply, #candidate-form, #latest-jobs {margin-top:20px; border-top: 1px solid #404040; padding-top: 20px}
#job-apply h2, #candidate-form h2, #latest-jobs h2 {color: #820024; font-weight: bold; font-size: 18px; margin-bottom: 20px}
#job-apply #default input, #job-apply #default textarea {float: left; clear: both}
#job-apply #default textarea {width: 700px}
#job-apply #default .submit {margin-left:0}
#form-left {float: left; width: 380px;}
#form-right {float: left; width: 380px;}
#browse a {font-size: 12px!important}
.job-ref-dd a {text-decoration: none; color: #404040}
.job-ref-dd a:hover {text-decoration: none; color: #404040; cursor: default}
#rss {float: right; background: url(../images/icon_rss.gif) no-repeat; padding-left: 20px}

#article .innerfade    {margin:0; padding:0}
#article .innerfade li {list-style:none; margin:0 0 10px}
#article .innerfade p {margin:0}

/*
 =News
 --------------------------------------------------------*/
#news-feed    {margin:0; padding:0;}
#news-feed li {list-style: none; margin-bottom: 10px; padding-top:10px; border-top: 1px solid #404040;}
#news-feed small {font-size: 11px}
#news-feed img {float: left; margin: 0 10px 10px 0}


/*
 =Forms
 --------------------------------------------------------*/
#contact-form {width: 370px; float: left;}
#map {float: left;}
#default label {width: 163px; float: left; clear: both}
#default input,
#default textarea {width: 185px;}
#default .submit {width: auto; margin-left: 163px}
.error {color: #980000}
.error-field {border: 1px solid #980000}

/*
 =Footer
 --------------------------------------------------------*/
#footer {background: #fff; padding: 3px 0 3px}
#footer-content {background: #820024; margin: 0 4px; padding: 3px}
#footer-content p {margin:0; color: #fff; font-size: 11px}
#footer-content a {color: #fff}

#fourofour {width: 470px; line-height: 20px; font-weight: bold}