html, body, * { margin: 0; padding: 0; }
body { color: #333; font: .75em/1.75em Arial, Helvetica, sans-serif; background: #e9ecee url("../_images/background.jpg") 0 0 repeat; }
#content, .wrap { width: 960px; margin: 0 auto; }

/*
### OTHER TAGS ### */
p,li,dt,dd { word-spacing: 1px; }
p { margin: 1em 0 1.5em 0; }
hr { display: none; }
blockquote { margin: 1.5em 0 1.5em 20px; border-left: 2px solid #630021; padding: 0 0 0 20px; }
blockquote p { font-size: 13px; font-style: italic; margin: 0; padding: 5px 0; }
blockquote span { display: block; padding-top: 5px; }
a { color: #EC0000; }
a:visited { color: #f00; }
a:hover { color: #bc0000; }
a img { border-width: 0; }


/*
### HEADINGS ### */
h1,h2,h3,h4,h5{line-height:normal;font-family:Corbel, Arial, Helvetica, sans-serif;font-weight:normal;color:#2C2772;}
h1 { margin: .9em 0 .65em 0; font-size: 36px; }
h2 { margin: 1.5em 0 10px 0; font-size: 30px; color: #333; }
#col-2 h2 { font-size: 26px; }
h2.tinytext { color: #888; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; background: url("../_images/div_line.gif") bottom left repeat-x; padding-bottom: 3px; }
h3, .ruled .org { font-size: 15px; color: #840000; font-family: Arial, Helvetica, sans-serif; display: block; }

/*
### LISTS ### */
#content ul, ul.list { margin: 1.5em 0 1.5em 20px; padding: 0; }
#content ul li, ul.list li { background: url("../_images/bullet.gif") 0 2px no-repeat; padding-left: 20px; list-style-type: none; margin: 0; }
#col-2 ul.list { margin-left: 10px; }
#col-2 ul.list li { background-image: url("../_images/bullet2.gif"); }
#content ul ul, ul.list ul { margin-top: 0; margin-bottom: 0; }

.webster dt { font-weight: bold; }
.webster dd { margin-bottom: 1.25em; }

#content ul.ruled { border-top: 1px solid #bdc0c2; border-bottom: 1px solid #fafafb; margin: 1em 0 1.5em 0; padding: 0; }
#content ul.ruled li { border-bottom: 1px solid #bdc0c2; border-top: 1px solid #fafafb; padding: 7px 1px; background: none; }
#content ul.jobs li { padding: 11px 5px 11px 24px; float: left; width: 411px; }
#content ul.jobs li.new { background: url("../_images/new.gif") 0 0 no-repeat; }

.jobs h3, .ruled .org { margin: 0; }
.jobs h3 { width: 315px; float: left; }
.jobs p { margin: 0; line-height: 17px; }
.jobs .org { font-size: 11px !important; color: #333; padding: 3px 0 0 0; }
.jobs span { display: block; }
.jobs .at { position: absolute; left: -99114px; }
.jobs .loc { padding-top: 1px; }
.jobs .type { font-size: 11px; color: #618926; }

.ruled .org { font-size: 14px; }
.ruled .phone { padding: 0 0 1px 17px; display: block; background: url("../_images/icon_phone.gif") 0 4px no-repeat; }

/*
### HEADER ### */
#header { position: relative; overflow: hidden; width: 100%; border-top: 12px solid #4a4e53; height: 570px; background: #fff url("../_images/back_header.jpg") top center repeat-x; }
#header .wrap { height: 568px; overflow: hidden; padding: 1px 0; background: url("../_images/smiles.jpg") left 268px no-repeat; }

#header h1 { height: 115px; background: url("../_images/back_h1.gif") top center no-repeat; text-indent: -99114px; }
#header .intro { line-height: 2em; font-size: 15px; padding: 0 20px 0 187px; text-align: right; }
#header .coop { color: #999; font-size: 1.33em; line-height: 1.2em; margin: 40px 20px 65px 665px; text-align: center; background: url("../_images/logo_nar.gif") 0 center no-repeat; padding-left: 108px; }

#arrow { right:50%; top: 422px; margin-right:-190px; height: 120px; background: url("../_images/back_arrow.gif") 0 0 repeat-x; overflow: hidden; color: #fff; position: absolute; width: 100%; }
#arrow div { background: url("../_images/back_arrow.gif") right -120px no-repeat; padding: 0 60px 0 0; height: 120px; }
#arrow h2, #arrow h3 { margin: 0; height: 60px; background: url("../_images/h2_arrow.jpg") right 15px no-repeat; text-indent: -99114px; }
#arrow h3 { background-position: right -45px; }
#post { float: right; width: 270px; }

/*
### LAYOUT ### */
#content { padding-top: 15px; }
#main-wrap { width: 100%; float: left; padding: 0; }

.lyt-12 #col-1 { margin: 0 360px 0 0; padding: 0 0 0 160px; background: url("../_images/job_sign.jpg") 0 35px no-repeat; }
.lyt-21 #col-1 { margin: 0 0 0 360px; }
.lyt-312 #col-1, .lyt-213 #col-1 { margin: 0 340px; }
.lyt-1 #col-1 { margin: 0 20px 0 0; }

#col-2 { margin-left: -270px; }
#col-3 { margin-left: -960px; }
#col-2,#col-3 { width: 270px; float: left; }
#col-1 { }
#col-2 { padding-top: 10px; }
#col-3 { }
#col-1,#col-2,#col-3 { padding-bottom: 70px !important; overflow: hidden; }


/*
### FOOTER ### */
#footer { clear: both; background: #3e4145 url("../_images/back_footer.jpg") 0 0 repeat-x; padding: 10px 0 1px 0; color: #ccc; }
#footer p { float: left; }

/*
### PPGS ### */
#footer #PPGS { text-align: left; }
#footer #PPGS a { display: block; height: 19px; width: 94px; border-width: 0 !important; background: url("../_images/ppgs.gif") 0 0 no-repeat; overflow: hidden; text-indent: -9114px; position: absolute; top: 35px; right: 1px; }
#footer #PPGS a:hover { background-position: 0 -19px; }


/*
### FORM STYLES ### */
form { width: 100%; }
form p { margin: 10px 0 !important; padding: 0; }
form p span { display: block; float: left; width: 49%; margin-right: 9px; }
form div.multi-2 { width: 100%; overflow: hidden; margin: 10px 0; }
form div.multi-2 p { width: 49.2%; float: left; margin: 0 10px 0 0 !important; }
form div.multi-2 .last { margin-right: 0 !important; }
#col-2 form p span { width: 48.4%; }
.end { margin-right: 0 !important; }
fieldset { border-width: 0; margin: 20px 0; clear: both;}

form.box { border: 6px solid #EBE8E1; background-color: #F5F4F0; margin: 15px 0; }
form.box p { padding-left: 15px !important; }
form.box fieldset p { padding-left: 0 !important; }
form.box fieldset { padding: 0 15px; }
form.box p.action { background-color: #FDF3C6; margin-left: 15px !important; margin-right: 15px !important; }

form h1 { padding: 0 15px; }
legend { display: block; padding: 0; font-weight: bold; line-height: 1.5em; color: #4F4B8D; }
fieldset fieldset legend { font-size: 11px; color: #333; }
label { display: block; font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #505050; line-height: 16px; }
.box label { color: #f1FFFF; }
input, textarea, select { margin:0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url("../_images/fieldbg.gif") repeat-x top !important; color:#333; padding: 2px 0 2px 2px; width: 100%; }
input.radio, input.checkbox, input.btn { width: auto; border-width: 0 !important; background: none !important; }
input.btn { padding: 0; }
p.optlist label { font-size: 11px; font-family: Arial; display: inline; }
p.optlist span { width: 33%; margin: 0; }
textarea { height: 50px; }
.auto { width: auto; }
.twochar { width: 25px; }
.fourchar { width: 40px; }
.sixchar { width: 55px; }
.xsmall { width: 25%; }
.small { width: 33%; }
.medium { width: 50%; }
.large { width: 100%; }
.tall { height: 100px; }
.taller { height: 150px; }

.missing { background-color: #FF9999; padding: 5px !important; }
span.missing { margin: 0; padding: 5px 2px !important; width: 47.5%; }
#frm-error { border: 2px solid #FF9999; background-color:#FFCCCC; padding: 10px 5%; text-align: center; margin: 10px 15px !important; }

.cells dl { overflow: hidden; padding: 5px 0; border-bottom: 1px solid #ccc; }
.cells dt { float: left; width: 30%; }
.cells dd { float: left; width: 70%; }

.button { background: #C8C8C8 url("../_images/button_hilite.gif") 0 0 repeat-x; border-width: 1px; border-style: solid; border-color: #a3a3a3 #818181 #818181 #a3a3a3; color: #1A484D; font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 2px 5px 3px 5px; cursor: pointer; vertical-align: top; width: auto !important; width: 1; overflow: visible; }
* html .button { padding: 0 5px 1px 5px; vertical-align: baseline; }
.button:hover { background-color: #d1d1d1; }
.button span { width: auto !important; background: url("../_images/button_arrow.gif") right 4px no-repeat; padding: 0 10px 0 0; margin: 0 !important; float: none; display: inline; cursor: pointer; }



/*
### VCARD STYLES ### */
.vcard { width: 574px; float: right; margin: 1em -35px 0 0; text-align: center; }
.vcard dt { display: none; }
.vcard dt.show, .vcard dd { display: inline; }
.vcard .fn, .vcard span { padding-right: 25px; }
.vcard .locality, .vcard .region { padding-right: 0; }


/*
### INFOBOX STYLE ### */




/*
### COMMON STYLES ### */
.right { float: right; margin: 0 0 20px 20px; }
.left { float: left; margin: 0 20px 20px 0; }
img.right,img.left { border: 1px solid #999; }
p.right { text-align: right; float: none; margin: 10px 0 1.5em 0; }
span.right { float: right !important; margin-left: 10px; width: auto !important; }
.center { text-align: center; }
.caps { letter-spacing: .05em; }
.hidden { position: absolute; left: -9114px; }
.last { border-width: 0 !important; margin-right: 0 !important; background: none !important; }
.intro { font-size: 1.33em; line-height: 1.5em; color: #333; }
.fineprint { font-size: .91em; color: #999; }
.action { border-top: 1px solid #D6AE52; background-color: #F6E8B0; padding: 10px; margin-top: 3em !important; clear: both; }
.action .fineprint { font-size: 12px; padding-left: 10px; color: #808080; }
.red { color: #c00; }

.clear { clear: both; float: none !important; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
