@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; }

/*** 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;}

/*** forms ***/
.form { background:#F3F1EB none repeat scroll 0 0; border:1px solid #DEDBD1; color:#999999;
				padding:10px;}
.form td { padding:4px 10px; }
.form_req { color:red; font-weight:bold; }

/*** 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:20px;}
.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;
  -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px;}
.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 { -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; background-color:#fffdf1; border:6px solid #fff3b4; margin-bottom:15px; padding:15px 15px 8px 15px; }
.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; }

/*** 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; }

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