@charset "utf-8";
/* css document */

/*** global & fonts ***/
body { font:13px/1.4 helvetica, arial, 'liberation sans', freesans, sans-serif }
a:focus { outline:1px dotted invert }
hr { border-top-width:1px; border:0 #ccc solid; clear:both; height:0 }
h1 { font-size:23px }
h2 { font-size:21px }
h3 { font-size:19px }
h4 { font-size:17px }
h5 { font-size:15px }
h6 { font-size:13px }
ol { list-style:decimal }
ul { list-style:square }
li { margin-left:30px }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom:10px }
a { text-decoration:none; color:#03c; }
a:hover { text-decoration:underline; color:#09f; }
ol li { padding-bottom:6px; }
h1 { color:#069; margin-top:-2px; }
h2 { color:#09f; }
h1, h2, h3 { margin-bottom:8px; }
#flinks h3, #flinks2 h3 { margin-bottom:6px; padding-top:10px; color:#9cf; }
ul.linklist li { display:block; margin:0 0 6px 0; padding:0; }
ul.linklist a { color:#fff; }
#copyright, #copyright a { color:#9cf; }
#copyright a:hover, #flinks a:hover, #flinks2 a:hover { text-shadow:0 0 3px #fff; }
.strong { font-weight:bold !important; }
h1.first, h2.first, h3.first, h4.first, h5.first, h6.first, p.first { padding-top:0; margin-top:0; }
.footnote { margin:0; font-size:11px; line-height:1.2em; }

/*** sticky footer ***/
html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }
#main { padding-bottom: 253px; }
/* must be same height as the footer */
#footer { position: relative; margin-top: -253px; /* negative value of footer height */ height: 253px; clear:both; background: url(/img/site/bg_ftr.gif) #fff repeat-x; }
/* clear fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* hides from ie-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from ie-mac */

/*** sticky footer 2 ***/
#main2 { padding-bottom: 413px; }
/* must be same height as the footer */
#footer2 { position: relative; margin-top: -413px; /* negative value of footer height */ height: 413px; clear:both; background: url(/img/site/bg_ftr2.gif) #fff repeat-x; }

/*** layout divs ***/
#container { padding-bottom:20px; background: url(/img/site/bg_hdr.jpg) #fff repeat-x; color:#666; }
#hdr { margin:0 auto 10px auto; width:960px; height:216px; background: url(/img/site/bg_hdr2.jpg) transparent no-repeat; }
#flinks { margin:0 auto; width:960px; height:253px; background: url(/img/site/bg_ftr.jpg) transparent no-repeat; }
#flinks2 { margin:0 auto; width:960px; height:413px; background: url(/img/site/bg_ftr2.jpg) transparent no-repeat; }

/*** navigation ***/
#navbar { width:722px; height:50px; position:relative; top:13px; left:231px; overflow:hidden; }
#navbar ul { margin:0; padding:0; list-style:none; }
#navbar li { margin:0; padding:0; display:block; float:left; }
#navbar li a { display:block; height:50px; background-image: url(/img/site/nav.gif); text-indent:-5000px; }
#home a { width:95px; background-position: 0 0; }
#home a:hover { background-position: 0 100px; }
#home a:active { background-position: 0 50px; }
#agency a { width:187px; background-position: -95px 0; }
#agency a:hover { background-position: -95px 100px; }
#agency a:active { background-position: -95px 50px; }
#employment a { width:135px; background-position: -282px 0; }
#employment a:hover { background-position: -282px 100px; }
#employment a:active { background-position: -282px 50px; }
#public a { width:147px; background-position: -417px 0; }
#public a:hover { background-position: -417px 100px; }
#public a:active { background-position: -417px 50px; }
#contacts a { width:158px; background-position: -564px 0; }
#contacts a:hover { background-position: -564px 100px; }
#contacts a:active { background-position: -564px 50px; }
body #homenav #home a { background-position: 0 50px; }
body #agencynav #agency a { background-position: -95px 50px; }
body #employmentnav #employment a { background-position: -282px 50px; }
body #publicnav #public a { background-position: -417px 50px; }
body #contactsnav #contacts a { background-position: -564px 50px; }
#adminMenu { border-bottom:1px solid #dedbd1; }
#adminMenu li { padding:0; margin:0; list-style:none; background-color:#f3f1eb; }
#adminMenu a { padding:5px; display:block; color:#069; border-top:1px solid #dedbd1; border-left:1px solid #dedbd1; border-right:4px solid #dedbd1; }
#adminMenu a:hover { color:#09f; border-right:4px solid #09f; background-color:#dedbd1; }
#adminMenu a.admin:hover { border-right:4px solid red; }

/*** tables ***/
table { }
tr { }
th { vertical-align:top; }
td { vertical-align:top; }
.linktable a { display:block; margin:0 4px 4px 0; border:1px solid #dedbd1; padding: 4px; background: #f3f1eb; position:relative; color:#999; }
.linktable a:hover { border:1px solid #069; }
.linktable a span { position:absolute; bottom:0; right:4px; color:#666; font-size:9px; }
.tbl_forms td { padding:4px 0; }
.formtext240 { width:240px; }
.tblPR { margin:0; }
.tblPR tr { vertical-align:text-top; }
.tblPR td { padding:6px; }
.tbl_cards { width:700px; }
.tbl_list { border:1px solid #dedbd1; }
.tbl_list th, .tbl_list td { padding:0 6px; vertical-align:middle; text-align:left; }
.tbl_list tr:nth-child(odd) {background-color:#f3f1eb;}
.tbl_list tr:nth-child(even) {background-color:#dedbd1;}
.tbl_list tr:hover { background-color:#dedbd1; }
.tbl_portlet { background: #f3f1eb; border: 1px solid #dedbd1; }
.tbl_portlet th { background: #dedbd1; padding:6px; text-align:left; }
.tbl_portlet td { padding:6px; }

/*** forms ***/
.form { background:#f3f1eb; border:1px solid #dedbd1; }
.form td { padding:4px 10px; }
.form_req { color:red; font-weight:bold; }
.form_signin { background: #f3f1eb; border: 1px solid #dedbd1; }
.form_signin th { background: #dedbd1; padding:6px; text-align:left; }
.form_signin td { padding:6px; }
.form_signin input { padding:4px; color:#000; width:190px; }
.form_btn { width:100%; padding:0 6px; margin:0; color:#000; }

/*** custom classes ***/
.message { border:2px solid #cc3333; margin-bottom:10px; padding:10px; text-align:center; vertical-align:middle; }
.message h1 { color:#cc3333; }
.video { margin-bottom:10px; }
.divide { border-top:1px solid #dedbd1; padding-top:14px; margin-top:18px; }
.barlist { border: 1px solid #dedbd1; background-color: #f3f1eb; list-style:none; margin:0; padding:0; }
.barlist li { margin:0; padding:4px 6px 6px 26px; color:#39f; background: url(/img/site/ballsm_blue_grey.gif) transparent no-repeat 4px 4px; border-bottom:1px solid #dedbd1; }
.barlist li.last { border:none; }
.barlist p { margin:0 12px; padding:0; }
.right { float:right !important; }
.callout { border:1px solid #dedbd1; padding:14px 16px 0 16px; margin:20px; background-color:#f3f1eb; }
.card { border:1px solid #dedbd1; padding:4px; background-color:#f3f1eb; margin-bottom:20px; line-height:1.4em; color:#999; width:330px; text-align:left; }
.card img { border:1px solid #dedbd1; padding:2px; background-color:#fff; clear:left; float:right; padding-bottom:14px; }
.card strong { display:block; padding:4px; margin-bottom:4px; background-color:#dedbd1; color:#000; }
.card span { background-color:#fff; padding:4px; margin-top:4px; display:block; border:1px solid #dedbd1; }
.listtitle { color:#069; }
.linkbtn { border:1px solid #dedbd1; background-color: #f3f1eb; padding:4px; width:200px; display:block; text-align:center; margin:8px 0; }
.linkbtn:hover { border:1px solid #069; }
.downloadbutton { line-height:18px; cursor:pointer; display:block; float:right; font-size:9px; text-decoration:none; color:#0088cc; }
.downloadbutton b { background:transparent url(/img/site/download_l.gif) no-repeat scroll 0 center; display:block; float:left; font-style:normal; font-weight:normal; overflow:hidden; padding:2px 0 1px; text-indent:-99999px; width:80px; }
.downloadbutton i { background:transparent url(/img/site/download_r.gif) no-repeat scroll 100% center; color:#6a6a6a; display:block; float:left; font-style:normal; font-weight:normal; padding:2px 10px 1px 4px; text-align:center; }

/*** dialog boxes ***/
.notice { background-color:#fffdf1; border:6px solid #fff3b4; margin-bottom:15px; padding:15px 15px 8px 15px; }
.notice2 { border:6px solid #fff3b4; margin-bottom:10px; padding:6px 6px 6px 22px; font-size:11px; background:#fffdf1 url(/img/site/alert.gif) no-repeat -12px -4px; line-height:1.3em; }
.alert_icon { }
.alert_text { margin-left:64px; }

/*** tabs widget ***/
.widget { margin: 0; padding: 10px; background: #f3f1eb; border: 1px solid #dedbd1; margin-bottom: 15px; }
.widget a { color: #222; text-decoration: none; }
.widget a:hover { color: #009; text-decoration: underline; }
.tabnav { margin-bottom:0; }
.tabnav li { text-transform: uppercase; color:#222; font-weight:bold; font-size:14px; display:inline; list-style:none; padding-right: 5px; margin:0; }
.tabnav li a { text-decoration: none; text-transform: uppercase; color: #222; font-weight: bold; padding: 4px 6px; outline: none; }
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a { background: #dedbd1; color: #222; text-decoration: none; }
.tabdiv { margin-top: 1px; background: #fff; border: 1px solid #dedbd1; padding: 5px; }
.tabdiv h3 { font-size:17px; line-height:1.2em; margin:6px 0 0 0; text-transform:uppercase; }
.tabdiv h3 + p { margin-top:8px; }
.tabdiv p { margin-bottom:0; }
.tabdiv p + p { margin-top:8px; }
.tabdiv li { list-style-image: url("star.png"); margin-left: 20px; }
.ui-tabs-hide { display: none; }

.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

/*** j carousel widget ***/
.jcarousel-container { position: relative; width:940px; padding-top:58px; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0 auto; overflow: hidden; position: relative; width:865px; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 75px; /* we set the width/height explicitly. no width/height causes infinite loops. */ height: 75px; }
.jcarousel-next, .jcarousel-prev { z-index:3; }
.jcarousel-prev-horizontal:hover { }
.jcarousel-prev-horizontal { background:transparent url(/img/site/prev-horizontal.gif) no-repeat scroll 0 0; cursor:pointer; height:32px; left:-26px; position:absolute; top:80px; width:32px; }
.jcarousel-next-horizontal:hover { }
.jcarousel-next-horizontal { background:transparent url(/img/site/next-horizontal.gif) no-repeat scroll 0 0; cursor:pointer; height:32px; position:absolute; right:-26px; top:80px; width:32px; }

/*** accordion widget ***/
h2.acc_trigger { padding: 0; margin: 0 0 2px 0; background-color:#f3f1eb; border: 1px solid #dedbd1; height: 24px; line-height: 24px; width: 100%; float: left; font-size:1em;}
h2.acc_trigger:hover { background-color:#dedbd1; }
h2.acc_trigger a { color: #069; text-decoration: none; display: block; padding: 0 0 0 26px; border-right:4px solid #dedbd1; }
h2.acc_trigger a:hover {  }
h2.news { background: url(/img/icons/newspaper.png) transparent no-repeat 4px 4px;}
h2.news a span {float:right; color:#666; padding-right:4px;}
h2.user { background: url(/img/icons/user.png) transparent no-repeat 4px 4px;}
h2.active { background-color:#dedbd1; margin-bottom:0; }
h2.active a { color: #000; }
.acc_container { margin:0 0 5px; padding: 0; overflow: hidden; width: 100%; clear: both; background: #f3f1eb; border: 1px solid #dedbd1; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.acc_container .block { padding: 10px 26px; max-height: 300px; overflow:auto; }
.acc_container .block p { padding: 5px 0 0 0; margin: 5px 0 0 0; }
.acc_container h3 { font-size:1em; margin: 0 0 10px; padding: 0 0 5px 0; border-bottom: 1px dashed #ccc; }
.acc_container img { float: left; margin: 10px 15px 15px 0; padding: 5px; background: #ddd; border: 1px solid #dedbd1; }

/*** CSS3 Drop Shadows ***/
.card, .card img, .video, #tabnews, #tabvalues, #tabpositions, #tabdocs, #publicMeetings, #upload, #projectNWS, #latestNews { -moz-box-shadow: 3px 3px 3px #666; -webkit-box-shadow: 3px 3px 3px #666; box-shadow: 3px 3px 3px #666 }

/*** CSS3 Rounded Corners ***/
.notice, .notice2, .linkbtn { -moz-border-radius:6px; border-radius:6px; }