/* webimprove css - written and maintained by Internet Architects             */
/* Yahoo fonts.css integrated. (c) 2007, Yahoo! Inc. All rights reserved.     */

/* ========================================================================== */
/* 00. base styles                                                            */

/* set base body ............................................................ */
body {font:13px/1 tahoma,trebuchet MS,tahoma,helvetica,clean,sans-serif; background:#fafafa url("img/body-bg.gif") left top repeat-x; color:#000; border:none;}

/* general reset ............................................................ */
* {margin:0; padding:0;}
html, form, img, fieldset, legend, table, tbody, thead, tfoot, tr, th, td {border:none;}
li {list-style:none;}
p, li, a, .heading, span, label {line-height:1.35em;}

/* hide elements from screen but not from source ............................ */
.hidden {position:absolute !important; top:-999em; left:-999em;}

/* clearfix class ........................................................... */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block; display:block;}

/* no print ................................................................. */
.noprint {display:none; visibility:hidden;}

/* ========================================================================== */
/* 01. page frame                                                             */

/* site frame ............................................................... */
#allContainer {width:73.85em; margin:0 auto; }
#allContainer #header, #allContainer #content {background:#fff;}
#allContainer #footer {padding:0.5em 0em; padding-bottom:3em;}

/* grid two left ............................................................ */
.gridTwoLeft {padding-left:13em; padding-bottom:1em;}
.gridTwoLeft .wrapper .content {float:right; width:100%; position:relative; margin-top:-64px; z-index:10;}
.gridTwoLeft .wrapper .navigation {float:left; width:13em; margin-left:-13em;}


/* ========================================================================== */
/* 02. headings                                                               */

/* general heading declaration .............................................. */
.heading {font-size:100%; color:#0FA6F4;}
/* h1 in content */
#content .content h1.heading span {font-size:153.9%;}


/* ========================================================================== */
/* 03. links & buttons                                                        */

/* base link ................................................................ */
a {color:#128EC2;}
a:hover {color:#555;}

/* external link ............................................................ */
a.external {background:url("img/link-external.gif") right 0.25em no-repeat; padding-right:15px;}

/* download link ............................................................ */
a.download.pdf {padding-left:15px; background:url("img/icon-pdf.gif") left 0.2em no-repeat;}

/* ========================================================================== */
/* 04. navigation                                                             */

/* skip links ............................................................... */
.skipLinks {margin-left:1.25em;padding:0;}
.skipLinks a {display:block; text-decoration:none; top:-700em; overflow:hidden; position:absolute; z-index:100; font-weight:700;}
.skipLinks a:focus, .skipLinks a:active {padding:0.1em 0.5em 0.1em 0.5em; height:auto; width:auto; top:0; overflow:visible;}
.skipLinks a:hover {cursor:pointer;}

/* language navigation ...................................................... */
.langnav {overflow:hidden; padding:0.25em 1em;}
.langnav ul {float:left; font-size:93%;}
.langnav ul li {float:left; background:url("img/langnav-sep.gif") left center no-repeat; padding-left:4px;}
.langnav ul li.first {background:none; padding:0;}
.langnav ul li .page {color:#888; text-transform:uppercase; margin:0em 0.5em;}

/* tree navigation .......................................................... */
.tree {margin-left:1.25em;}
.tree ul li {border-bottom:1px dotted #999; font-size:108%;}
.tree ul li.active .page {background:#0fa6f4; color:#fff;}
.tree ul li .page {display:block; margin:0.5em 0em; font-weight:700; color:#555; text-decoration:none; text-align:right; padding:0.1em 0.5em; padding-left:0;}
.tree ul li a.page:hover {background:#0fa6f4; color:#fff;}
.tree ul li.open .page {background:#0fa6f4; color:#fff;}
.tree ul li.open ul {margin:0.5em 0em; margin-top:-0.5em;}
.tree ul li.open ul li {border:none;}
.tree ul li.open li.active .page {color:#0fa6f4; font-weight:700;}
.tree ul li.open li .page {margin:0em; font-weight:300; padding-top:0; background:#fff; color:#555555;}
.tree ul li.open li a.page:hover {color:#0fa6f4; background:#fff;}

/* secondary navigation ..................................................... */
.secondnav {margin:0.25em 0em; margin-left:1em; overflow:hidden;}
.secondnav .heading {float:left; font-weight:300; color:#555555; margin-right:0.5em; font-weight:700;}
.secondnav .heading span {font-size:100%;}
.secondnav ul {float:left;}
.secondnav ul li {float:left; background:url("img/secondnav-sep.gif") left center no-repeat; padding-left:4px;}
.secondnav ul li .page {margin:0em 0.5em; color:#555555;}

/* ========================================================================== */
/* 05. basic content                                                          */

.textblock {overflow:hidden; margin:1em; margin-left:35px; color:#555555; margin-right:10em;}
.textblock .heading {margin:0;}
.textblock .heading span {font-size:138.5%;}
.textblock p {margin:0.5em 0em;}
.textblock ul {margin:0.75em 0em;}
.textblock ul li {background:url("img/list-bullet.gif") left 0.55em no-repeat; padding-left:10px;}
.textblock ul li ul {margin:0.1em 1em;}
.textblock ul li ul li { background-image:url("img/list-arrow.gif");}
/* in navigation */
.navigation .textblock {margin:5em 1.25em; margin-right:0.5em;}
/* on homepage */
#home .content .textblock {margin-right:4.5em;}
/* in modules home */
.moduleHome .content .textblock ul li {margin-bottom:0.5em;}

/* image .................................................................... */
.image.leftFloat {float:left; display:inline;}
.image.rightFloat {float:right; display:inline; margin-left:0.5em;}

/* ========================================================================== */
/* 06. specific components                                                    */

/* sitelabel ................................................................ */
.sitelabel {background:url("img/header-repeat-left.gif") left top repeat-x;}
.sitelabel .labelWrap1 {background:url("img/header-repeat-right.gif") left top repeat-x; margin-left:13em; height:183px; position:relative;}
.sitelabel .labelWrap1 .siteName {width:13em; position:absolute; height:183px; top:0; left:-13em; background:url("img/header-fix-left.jpg") right top no-repeat;}
.sitelabel .labelWrap1 .siteName a {display:block; width:278px; height:82px; margin-left:96px;}
.sitelabel .labelWrap1 .siteTag {height:183px; background:url("img/header-fix-right.jpg") left top no-repeat; margin-right:1.5em;}
/* french version */
.fr .sitelabel .labelWrap1 .siteTag {background-image:url("img/header-fix-right-fr.jpg");}

/* logos .................................................................... */
.logos {margin:1em 1.25em; margin-right:0.5em;}

/* focus .................................................................... */
.focus {background:url("img/focus-fade-bottom.gif") left bottom no-repeat; margin:1em; margin-left:35px; margin-bottom:0;}
.focus .focusWrap1 {background:url("img/focus-fade-right.gif") right top no-repeat;}
.focus .focusWrap2 {background:url("img/focus-fade-corner.gif") right bottom no-repeat; padding:7px; padding-left:0; padding-top:0;}
.focus ul {border:2px solid #e8e8e8; padding:0.5em; padding-bottom:0; padding-left:0; overflow:hidden;}
.focus ul li {float:left; margin:0.5em; margin-right:0; margin-top:0; width:18em; background:#fafafa; color:#555555;}
.focus ul li .heading {background:#00a5ea url("img/focus-head.gif") left bottom repeat-x; font-weight:300;}
.focus ul li .heading a {color:#fff; display:block; padding:0.25em 0.5em; background:url("img/focus-one.gif") 4px center no-repeat; padding-left:26px; font-weight:700; text-decoration:none;}
.focus ul li .focuscontent {height:15em; overflow:hidden;}
.focus ul li p {margin:0.5em;}
.focus ul li ul {border:none; padding:0; margin:0.5em;}
.focus ul li ul li {float:none; margin:0; width:auto; background:url("img/list-bullet.gif") left 0.55em no-repeat; padding-left:10px; height:auto;}
.focus ul li .price {margin:0.5em; color:#00a5ea; font-weight:700;}
.focus ul li .foot {padding:0.25em 0.5em; background:#fff;}
/* custom headers */
.focus ul li.two .heading a {background-image:url("img/focus-two.gif");}
.focus ul li.three .heading a {background-image:url("img/focus-three.gif");}
.focus ul li.four .heading a {background-image:url("img/focus-four.gif");}
.focus ul li.five .heading a {background-image:url("img/focus-five.gif");}
.focus ul li.six .heading a {background-image:url("img/focus-six.gif");}

/* event .................................................................... */
.event {margin:1.5em 0em;}
.event .heading {margin-bottom:0.25em;}
.event .heading span {font-size:108%; color:#555;}
.event .meta {font-style:italic;}
.event .p {margin:0.5em;}

/* contact info ............................................................. */
.contactInfo {margin:1em; margin-left:2.5em; overflow:hidden;}
.contactInfo .contactIndigov {float:left; width:48%;}
.contactInfo .contactIA {float:right; width:48%;}
.contactInfo .heading span {font-size:116%;}
.contactInfo .vcard {margin:0.75em 0em; color:#555555;}
.contactInfo .vcard .heading span {font-size:100%; color:#555555;}
.contactInfo .vcard .adr {margin:0.25em 0em;}


/* ========================================================================== */
/* 07. forms                                                                  */

.formbox {margin:1em; margin-left:2.5em; border:1px solid #555555; padding:1em; width:45em; position:relative;}
.formbox .requiredLegend {position:absolute; right:1em; top:3.5em;}
.formbox .heading {border-bottom:1px solid #00326d; margin-bottom:1.5em;}
.formbox .heading span {font-size:123.1%;}
.formbox .formrow {overflow:hidden; margin:0.5em 0em;}
.formbox .formrow .inputCaption {float:left; width:9.5em; text-align:right; padding-right:1em; position:relative;}
.formbox .formrow .inputCaption .label .required {position:absolute; right:0.1em; top:0.15em;}
.formbox .formrow .inputControl {margin-left:11em;}
.formbox .formrow .inputControl input, .formbox .formrow .inputControl textarea, .formbox .formrow .inputControl select {border:1px solid #000; padding:0.1em 0.25em;}
.formbox .formrow .inputControl select {width:15.9em;}
.formbox .buttongroup .advance {margin-left:11em; margin-top:1em;}