﻿
/* == Global Reset 
------------------------------------------------------------------------------------------------------------------------ */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}
ol, ul {
	list-style: none;
}

/* == Base Element Styling
------------------------------------------------------------------------------------------------------------------------ */

body{color: #6f7c85;font-family: Arial, Verdana, sans-serif;font-size: 75%; background: #FFF;padding-bottom: 40px;}

h1, h2, h3, h4, h5, h6{font-size: 200%;margin: 20px 0;font-weight: bold;color: #252525;}
h1{margin: 0 0 10px 0;color: #003e37;letter-spacing: -2px;line-height: 0.9em;}
h2{font-size: 150%;color: #78a09c;border-top: dashed 1px #e1e1df;border-bottom: dashed 1px #e1e1df;padding: 5px 0;}
h3{font-size: 140%;}
h4{font-size: 130%;}
h5{font-size: 120%;}
h6{font-size: 110%;}

h1.home{font-size: 250%;}
h2.curve{border: 0;color: #143c33;font-size: 140%;background: url(../_img/title-grey-curve.gif) top left no-repeat;height: 35px; line-height: 35px;border-bottom: solid 1px #d2d1ce;padding: 0 0 0 10px;margin: 0 0 10px 0;}
h2.greyLozenge{border: 0;padding: 0;color: #143c33;font-size: 140%;background: url(../_img/title-grey-left.gif) top left no-repeat;margin: 0 0 10px 0;}
h2.greyLozenge span{display: block;height: 36px;line-height: 36px;background: url(../_img/title-grey-right.gif) top right no-repeat;padding-left: 13px;position: relative;}
h2.greyFade{border: 0;padding: 0;color: #df8107;font-size: 140%;background: url(../_img/title-fade-left.gif) top left no-repeat;margin: 0 0 10px 0;}
h2.greyFade span{display: block;height: 36px;line-height: 36px;background: url(../_img/title-fade-right.gif) top right no-repeat;padding-left: 13px;}
h2.greenCurve{background: url(../_img/title-green-curve.gif) top left no-repeat;height: 27px; line-height: 27px;border: 0; padding: 0 0 0 20px;color: #fff;font-size: 120%;margin: 0 0 20px 0;}

p{margin: 20px 0;line-height: 1.7em;}
blockquote{margin: 20px;}

ul{margin: 10px 0 20px 30px; list-style-image: url(../_img/bullet-default.gif);}
ul li{margin: 5px 0;}
ol{margin: 20px 0 20px 25px; list-style-type: decimal;}
ol li{margin: 10px 0;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: collapse;}
thead{}
tfoot{}
th{border: solid 1px #aaa;padding: 3px;}
tr{}
td{border: solid 1px #ddd;padding: 3px;}

form{margin: 10px 0;}
fieldset{}
legend{font-weight: bold;}
input.text{margin: 3px 0;border: solid 1px #a5acb2;font-size: 95%;padding: 2px;background: url(../_img/input-bg.gif) top left repeat-x;}
select{margin: 3px 0;border: solid 1px #a5acb2;font-size: 95%;}
.submitSmall{height: 23px; width: 51px; background: url(../_img/btn-small.gif) top left no-repeat;border: 0; padding: 0; color: #333333; text-align: center;font-size: 90%; letter-spacing: 0;font-weight: bold;cursor: pointer;}

em{}

/* Cross browser hr styling */
div.hr{margin: 5px 0px; border: none; border-top: 1px dashed #ccc;clear:both;}
div.hr hr{display:none;}

a{color: #34796e;text-decoration: underline;}
a:hover{text-decoration: none;}

img{vertical-align: bottom;}

/* = Independent Global Styles
------------------------------------------------------------------------------------------------------------------------ */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
/** clearing **/
.clr{clear: both;}
.clrSml{clear: both;line-height:1px;height:1px;}
.clrz{clear: both;line-height:1px;height:1px;}
/** presentation **/
.fade{color: #d4d4d1;}
.orange{color: #df8107;}
.light{color: #75a6a1;}
.intro{font-size: 110%;line-height: 1.5em;}
.zoneOne p {margin: 10px 0;}
.templateOne .intro{font-size: 120%;}
.imgLeft{margin: 3px 10px 10px 0;}
.date{color: #256ec2; font-size: 95%;}
.sml{font-size: 95%;}
.viewLink{background: url(../_img/arrow.gif) center right no-repeat; padding-right: 15px;}
.titleRSS{position: absolute; bottom: 5px; right: 8px;}
.standoutText{color: #014c40;}



/* == PRINT SPECIFIC
----------------------------------------------------------------------------------------------------------------------*/
.backLink{display:none;}
.print{display:none;}
.printPDF{display:none;}
.send{display:none;}
.hr {display:none;}



/* == Global Classes
----------------------------------------------------------------------------------------------------------------------*/
.divLoading{float: left;font-size: 95%;margin: 3px 0 0 0;}
.hide { display: none;}
.error {margin:0 0 5px 18px; float:left;}
ul.error li {}

.paging ul {margin:0 0 0 18px; list-style-type:none; list-style-image:none; margin:0; background-color:#ddd;}
.paging li{float:right;font-weight:bold;}
.paging li.det {float:left; }
.zoneTwo p {margin:5px 0 5px 0;}
.sub {color:#DF8107}

/* == Form
----------------------------------------------------------------------------------------------------------------------*/

.formHolder {padding:0; background:#FFF url(../_img/bg-form.gif) repeat-x;}
.formHolder .btn {background:transparent url(../_img/btn-small.gif) no-repeat scroll left top; border:0 none; color:#333333; cursor:pointer; font-size:90%; font-weight:bold; height:23px; letter-spacing:0; padding:0; text-align:center; width:51px;} 
.formHolder input.input {width: 228px;background:transparent url(../_img/input-bg.gif) repeat-x scroll left top; border:1px solid #A5ACB2; font-size:95%; margin:3px 0; padding:2px;}
.formHolder textarea {width: 228px;background:#FFF; font-family:verdana; border:1px solid #A5ACB2; font-size:95%; margin:3px 0; padding:2px;} 
.formHolder select {width: 234px;} 
.formHolder input.input{float:left}
.formHolder label {width:130px; float:left;} 
.formHolder h3 {margin:0 0 10px 0;}
.formHolder .innerform{padding:0 15px 15px 15px;}
/*.contactform p {border:1px #fb9c12 solid; padding:5px; color:#FFF; background:url(../_img/bg-error.gif) repeat-x; margin:0 0 10px 0; } */

/* == Form Overide (right column)
----------------------------------------------------------------------------------------------------------------------*/
#wrap .zoneThree .formHolder select {width:180px;}
#wrap .zoneThree .formHolder input.input{ width:173px;}
#wrap .zoneThree .formHolder textarea {width:173px;}
#wrap .zoneThree .formHolder {}
#wrap .zoneThree .formHolder label {display:none;}

/* == Main Layout Structure
----------------------------------------------------------------------------------------------------------------------*/

#wrap{width: 100%;margin: 0 auto; padding: 0 9px 0 9px;text-align: left; background-color:#FFF;}
#wrap #head{float: left;width: 950px; }
#wrap #head #nav{float: left; display:none; width: 950px;height: 60px;background: url(../_img/nav-bg.gif) bottom left repeat-x;}
#wrap #mainContent{float: left;width: 950px; background-color: #FFF; }
#wrap #footer{display:none;}

/* == Main Content Divisions
----------------------------------------------------------------------------------------------------------------------*/

#wrap .templateOne .zoneOne{float: left;width: 604px;margin: 15px 0 0 23px;display: inline;}
#wrap .templateOne .zoneTwo{float: right;width: 300px;margin-top: -30px;position: relative; z-index: 10;}

#wrap .templateTwo .zoneOne{float: left;width: 190px;padding: 20px 20px 0 20px;background: #f0f7f9; display:none;}
#wrap .templateTwo .notFound {background: #ffffff;}

#wrap .templateTwo .zoneTwo{float: left;width: 900px;margin: 20px 0 0 20px;}
#wrap .templateTwo .zoneThree{float: right;width: 210px; margin: 20px 14px 0 0;display: none; }

#wrap .templateOne .zoneOne .splitLeft{float: left; width: 49%;}
#wrap .templateOne .zoneOne .splitRight{float: right; width: 49%;}

/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #head .logo{float: left;margin: 0 0 0 50px;}

#wrap #head ul.contactInfo{float: left;margin: 32px 0 0 65px;list-style-image: none;font-size: 130%;color: #124035;}
#wrap #head ul.contactInfo li{margin: 5px 0;padding-left: 30px;}
#wrap #head ul.contactInfo li.phone{background: url(../_img/phone.gif) center left no-repeat;}
#wrap #head ul.contactInfo li.email{background: url(../_img/mail.gif) center left no-repeat; display:none;}
#wrap #head ul.contactInfo li a{text-decoration: none;color: #124035;}

#wrap #head .register{float: right;color: #0f3f33;letter-spacing: -1px;width: 290px;margin: 28px 0 0 0; display:none;}
#wrap #head .register p{font-size: 150%;margin: 0;}
#wrap #head .register form{margin: 0;}
#wrap #head .register input.inputSmall{height: 20px; width: 123px; background: url(../_img/input-small.gif) top left no-repeat;border: 0; padding: 3px 0 0 5px; margin: 0; color: #858484;margin-right: 10px;}
#wrap #head .register input.submitSmall{float: right;margin: 5px 20px 0 0;}

#wrap #head .siteSearch{float: right;padding: 27px 5px 0 0;width: 300px;}
#wrap #head .siteSearch form{margin: 0;}
#wrap #head .siteSearch label{color: #fff; font-weight: bold; font-size: 110%;float: left;margin: 3px 5px 0 0;}
#wrap #head .siteSearch .searchInput{float: left;background: url(../_img/search-input.gif) top left no-repeat; height: 21px; width: 203px; border: 0;padding: 2px 0 0 5px;}
#wrap #head .siteSearch .searchBtn{border: 0; padding: 0; margin: 0 0 0 5px; height: 23px; width: 23px; background: url(../_img/search-btn.gif) top left no-repeat;cursor: pointer;}

/* == Navigation
----------------------------------------------------------------------------------------------------------------------*/

#wrap #head #nav ul{float: left; list-style: none; margin: 12px 0 0 10px;display: inline;}
#wrap #head #nav ul li{float: left; margin: 0; background: url(../_img/nav-dot.gif) bottom right no-repeat; padding: 0 8px 0 0;margin: 0 8px 0 0;}
#wrap #head #nav ul li a{float: left;color: #fff;font-size: 110%;text-decoration: none;}
#wrap #head #nav ul li a span{float: left;height: 29px;cursor: pointer;padding: 18px 12px 0 12px;}
#wrap #head #nav ul li a:hover, #wrap #head #nav ul li a.on{background: url(../_img/nav-hover-left.gif) top left no-repeat;}
#wrap #head #nav ul li a:hover span,  #wrap #head #nav ul li a.on span{background: url(../_img/nav-hover-right.gif) top right no-repeat;}

#wrap .templateTwo .zoneOne ul{margin: 5px 0 5px 20px;list-style-image: url(../_img/bullet-target.gif);}
#wrap .templateTwo .zoneOne ul li{margin: 8px 0;}
#wrap .templateTwo .zoneOne ul li a{color: #666;text-decoration: none;}
#wrap .templateTwo .zoneOne ul li a:hover,
#wrap .templateTwo .zoneOne ul li a.on{color: #0f3f33;font-weight: bold;}
#wrap .templateTwo .zoneOne ul li ul{margin: 5px 0 5px 20px;list-style-image: url(../_img/bullet-green.gif);}
#wrap .templateTwo .zoneOne ul li ul li a{font-weight: bold;}
#wrap .templateTwo .zoneOne ul li ul li a:hover,
#wrap .templateTwo .zoneOne ul li ul li a.on{text-decoration: underline;}

/* == Footer Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #footer ul{text-align: center;margin: 8px 0;color: #dc7c01;}
#wrap #footer ul li{display: inline; list-style: none;}
#wrap #footer ul li a{color: #fff;text-decoration: none;font-size: 90%;border-right: solid 1px #b57b21;padding: 0 10px 0 0; margin: 0 10px 0 0;}
#wrap #footer ul li{display: inline; list-style: none;}
#wrap #footer ul li a:hover{text-decoration: underline;}
#wrap #footer ul li.navContact a{border-right: 0;}

#wrap #mainContent .leadPanel{float: left; width: 950px;background: #e8fffb url(../_img/lead-btm.gif) bottom left no-repeat;padding: 0 0 5px 0;}
#wrap #mainContent .leadPanel .offerings{float: left;margin: 12px 0 0 25px;display: inline;}
#wrap #mainContent .leadPanel .offerings h2{border: 0;background: url(../_img/offerings.gif) top left no-repeat; height: 31px; line-height: 31px; width: 240px;color: #fff; font-size: 110%;font-weight: bold;padding: 0 0 0 15px;margin: 0;}
#wrap #mainContent .leadPanel .offerings ul{margin: 5px 0 5px 30px;list-style-image: url(../_img/bullet-target.gif);}
#wrap #mainContent .leadPanel .offerings ul li a{text-decoration: none;color: #333;}
#wrap #mainContent .leadPanel .offerings ul li a:hover,
#wrap #mainContent .leadPanel .offerings ul li a.on{color: #0f3f33;font-weight: bold;}
#wrap #mainContent .leadPanel .offerings ul li a.blistselected{color: #0f3f33;font-weight: bold;}

#wrap #mainContent .leadPanel .changePanel{float: left;position: relative;height: 245px;}
#wrap #mainContent .leadPanel .changePanel div.slide{position: absolute; top: 0; left: 0;width: 620px;background: #efffff;}
#wrap #mainContent .leadPanel .featureImg{float: left;margin: 0 70px 0 30px;background: #efffff;}
#wrap #mainContent .leadPanel .links{float: left;margin: 15px 0 0 0;width: 200px;}
#wrap #mainContent .leadPanel .links h1{margin: 0;}
#wrap #mainContent .leadPanel .links ul{margin: 10px 0 10px 16px;list-style-image: url(../_img/bullet-blue.gif);}
#wrap #mainContent .leadPanel .links ul li a{color: #024d41;text-decoration: none;font-weight: bold;}
#wrap #mainContent .leadPanel .links ul li a:hover{text-decoration: underline;}

#wrap #mainContent .helpBox{float: left; background: url(../_img/help-btm.gif) bottom left no-repeat;}
#wrap #mainContent .helpBox .inner{float: left; width: 235px; background: url(../_img/help-top.gif) top left no-repeat;padding: 20px 28px 10px 20px;}
#wrap #mainContent .helpBox .inner h2{border: 0;padding: 0;color: #fff; font-size: 110%;font-weight: bold;margin: 0 0 20px 0;}
#wrap #mainContent .helpBox .inner select{width: 234px;}
#wrap #mainContent .helpBox .inner .btn{float: right;}
#wrap #mainContent .helpBox .formHolder {border:0; padding:0; margin:0; background-color:#FFF; background-image:none;}
#wrap #mainContent .helpBox .contactform label {display:none;}
#wrap #mainContent .helpBox .contactform textarea {display:none;}
#wrap #mainContent .helpBox h2.greyLozenge {display:none;}
#wrap #mainContent .helpBox div.hr {display:none;}
#wrap #mainContent .helpBox .innerform {padding:0;}
#wrap #mainContent .helpBox .innerform #clrSpacer {display:none;}
#wrap #mainContent .helpBox .innerform input.input {width:106px;margin-right:10px;}
#wrap #mainContent .helpBox .innerform input.inputEmail {margin-right:0px;}



#wrap #mainContent .homeNews{float: left; width: 277px;margin-top: 20px;}
#wrap #mainContent .homeNews ul.newsListing {margin: 0;}
#wrap #mainContent .homeNews ul.newsListing li{margin: 0 0 5px 0; list-style-image: none; border-bottom: dashed 1px #ccc;padding-bottom: 10px;}
#wrap #mainContent .homeNews ul.newsListing li a.thumbnail{float: left;border: solid 1px #f1bf7f;padding: 2px;margin: 0 5px 0 0;}
#wrap #mainContent .homeNews ul.newsListing li a{text-decoration: none;color: #6b6b6b;}
#wrap #mainContent .homeNews ul.newsListing li a:hover{text-decoration: underline;}
#wrap #mainContent .homeNews ul.newsListing li img{border:none; float:none; margin:0;}
#wrap #mainContent .homeNews p {display:none;}
#wrap #mainContent .homeNews .paging {display:none;}

#wrap #mainContent .sideControl ul.newsListing{list-style-image:url(../_img/bullet-default.gif);margin:0 0 20px 30px;}
#wrap #mainContent .sideControl ul.newsListing li {margin:8px 0;}
#wrap #mainContent .sideControl ul.newsListing .viewLink {display:none;}

#wrap #mainContent .sideControl p {display:none;}
#wrap #mainContent .sideControl .paging {display:none;}
#wrap #mainContent .sideControl .greyLozenge{margin:0;}
#wrap #mainContent .sideControl a.thumbnail{display:none;}

#wrap #mainContent .bookmarks{border: solid 1px #99cdff;float: left; width: 100%;line-height: 22px; display:none;}
#wrap #mainContent .bookmarks p{margin: 0; float: left; background: #dbe8f0; padding: 3px 20px;color: #333;}
#wrap #mainContent .bookmarks a{margin-right: 10px;}
#wrap #mainContent .bookmarks a img{margin: 3px 0 0 5px;vertical-align: middle;}
#wrap #mainContent .bookmarks a:hover img{opacity: 0.70;-moz-opacity: 0.70; filter: alpha(opacity=70);background: #fff;}
#wrap #mainContent .bookmarks a.social{float: left;}
#wrap #mainContent .bookmarks a.social span{display: none;}
#wrap #mainContent .bookmarks a.social:hover {border:0; position:relative; z-index:300; text-decoration:none;}
#wrap #mainContent .bookmarks a.social:hover span {display:block; position:absolute; bottom:26px; left:0px;z-index:500; padding: 5px; color:#fff;background:#df8107; border: solid 2px #aaa; text-decoration: none;}


/* == News Listing
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .newsListing {}
#wrap #mainContent .newsListing .inner {padding-left:14px; margin-bottom:15px;}
#wrap #mainContent .newsListing img {float:right; border:1px #DDD solid; padding:2px; margin-left:5px; margin-bottom:5px;}
#wrap #mainContent .newsListing .inner div.main {float:left; margin-top:10px;}
#wrap #mainContent .newsListing h2 { margin:3px 0; border-top:0; padding-left:14px; background:transparent url(../_img/bullet-default.gif) no-repeat 0 12px;}
#wrap #mainContent .newsListing h2 a {color:#78A09C; text-decoration:none;}
#wrap #mainContent .newsListing h2 a:hover {text-decoration:underline;}
#wrap #mainContent .newsListing h5 {margin:8px 0;}
#wrap #mainContent ul.newsListing { list-style-type:none; list-style-image:none; margin:0;}
#wrap #mainContent ul.newsListing  li {margin:0;}
#wrap #mainContent .newsListing .standoutText {font-size:70%; color:#A7A7A7; font-weight:normal;}

/* == News Item
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .newsItem h2 { margin:3px 0; border-top:0; padding-left:0px; background:transparent url(../_img/bullet-default.gif) no-repeat 0 12px;}
#wrap #mainContent .newsItem h2 a {color:#78A09C; text-decoration:none;}
#wrap #mainContent .newsItem h2 a:hover {text-decoration:underline;}
#wrap #mainContent .newsItem h5 {margin:8px 0;}
#wrap #mainContent .newsItem p {margin:10px 0 0 0;}
#wrap #mainContent .newsItem .holder {}
#wrap #mainContent .newsItem .holder img {float:right; border:1px #DDD solid; padding:2px; margin-left:5px; margin-bottom:5px;}

