/* -------------------- */ /* Reset */ /* -------------------- */ /* REMOVED FROM THIS BECAUSE OF FORMATTING [p,img,]*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, form, label, legend{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline} body{line-height:1.5} a img{border:none} /* -------------------- */ /* Grid */ /* -------------------- */ /* A container should group all your columns. */ /* -------------------- */ /* Typography */ /* -------------------- */ /* Default font: % of 16px. (0.75 * 16px = 12px) */ body{font-size: 9pt; font-family: arial, verdana, sans-serif; font-weight: normal; color: #000000; line-height: 1.3; background:#557e39;}/*Rest of site is green for the footer */ h1, h2, h3, h4, h5, h6{font-weight:normal; color:#000000} h1 {font-size: 14pt; font-family: arial, sans-serif; color: #000000;} h2 {font-size: 14pt; font-family: arial, sans-serif; color: #000000;} h3 {font-size: 14pt; font-family: arial, sans-serif; color: #000000;} HR {color: #718d56;} A {color:#000000;} /*448fa2*/ A:hover {color:#1065DE;text-decoration:none;} TD {font-size: 9pt; font-family: arial, verdana, sans-serif; font-weight: normal; color: #000000;} /* Regular clearing */ .clear {clear:both} /* OLD TEMPLATE --------------------------------------------------------------------------------- */ /* ============ --------------------------------------------------------------------------------- */ .DropDown {font-size: 10pt;} .Class_DropDown {font-size: 10pt;} .QuickNav {font-size: 9pt;} .SubmitButton {font-size: 9pt; font-weight: bold;} .Button {font-size: 8pt; font-weight: bold;} .ApprovalButton {font-size: 8pt; font-weight: bold; color: white; background-color: red;} .Warning, .warning {font-weight: bold; color: red !important;} .alert {color: red;} .Alert2 {color: #339A66; font-weight: bold;} a.alertlink {color: red;} .Header {font-size: 20pt; line-height:1.25; font-weight: normal; color: #448fa2;} .Header2 {font-size: 12pt; font-weight: bold;} .SmallText {font-size: 7.5pt; font-family: verdana, sans-serif;} .WebisteLink{font-size: 8pt; font-family: arial, sans-serif;} .searchForm {font-size: 7.5pt; color: #666;} a.scrubberhelp {color: red;} /* ONE CLICK */ input.OCB{ color:#fff; font-family: arial, sans-serif; font-size: 8pt; font-weight:bold; border:1px solid; border-top-color:#999; border-left-color:#999; border-right-color:#666; border-bottom-color:#666; width: 200px; background-color:#33CC33; filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0,StartColorStr='#33CC33',EndColorStr='#339933'); } input.OCB_DHP{ background-color:#FF0101; filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0,StartColorStr='#FF0101',EndColorStr='#990000');} input.OCB_CHP{ background-color:#0000FE; filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0,StartColorStr='#0000FE',EndColorStr='#000099');} /* input.button{font-size: 7.5pt; font-family: arial, sans-serif;font-weight: bold;color:#ffffff;background-color:#6C5487;border:1px solid;border-top-color:#666666;border-left-color:#666666;border-right-color:#666666;border-bottom-color:#666666;} input.buttongreen {} input.buttonred {font-size: 7.5pt; font-family: arial, sans-serif;font-weight: bold;color:#ffffff;background-color:#A1120B;border:1px solid;border-top-color:#666666;border-left-color:#666666;border-right-color:#666666;border-bottom-color:#666666;} input.buttonblue {font-size: 7.5pt; font-family: arial, sans-serif;font-weight: bold;color:#ffffff;background-color:#3C5EA4;border:1px solid;border-top-color:#666666;border-left-color:#666666;border-right-color:#666666;border-bottom-color:#666666;} */ .AdminSmallText {font-size: 8pt; font-family: arial,verdana, sans-serif;} .AdminSmallgreen {font-size: 8pt; font-family: arial,verdana, sans-serif; color: #339966;} .Search {font-size: 11pt; font-weight: bold; color: #339966;} .FileSize {font-size: 7pt; font-family: verdana, sans-serif;} .File {font-size:10pt; font-family: arial, verdana, sans-serif; font-weight: bold;} .sectionsearch {font-size: 10pt; font-weight: bold; color: #053d4b; text-decoration: none;} .SectionSearchBox {border: 1px solid #448fa2} .captiontext {font-size: 8pt; font-weight: bold; color: #000000;} .SearchResultsMessage {font-size: 10pt; font-weight: bold; color: #339966;} a.BackLink {font-size: 7.5pt; font-family: verdana, arial, sans-serif; font-weight: bold; color: #114C7A;} a.BackLink:hover {font-size: 7.5pt; font-family: verdana, arial, sans-serif; font-weight: bold; color: #E50000;} a.SmallLink {font-size: 7.5pt; font-family: verdana, arial, sans-serif; font-weight: bold; color: #114C7A;} a.SmallLink:hover {font-size: 7.5pt; font-family: verdana, arial, sans-serif; font-weight: bold; color: #E50000;} a.Breadcrumb {font-size: 8pt; font-family: arial, sans-serif; font-weight: normal; color: black;} .MiniHeader {font-size: 12pt; font-family: arial, sans-serif; font-weight: bold; color: black;} /* TD ROLLOVERS */ .linkout {background-color: #8C969C; cursor: hand;} .linkovergovernment {background-color:#FFBA00; cursor: hand;} .linkoverhealth {background-color:#25AD2E;cursor: hand;} .linkoverlaw {background-color:#DC0C0C; cursor: hand;} .linkoverliving {background-color:#79128C; cursor: hand;} .linkoverdoing {background-color:#EC8000; cursor: hand;} a.HomepageTopicBox {font-size: 10pt; font-weight: bold; color: #ffffff; text-decoration: none;} a.HomepageTopicBox:hover {font-size: 10pt; font-weight: bold; color: #ffffff; text-decoration: none;} /* DESIGN */ .date {font-size: 8pt; color: #000000;} .HeaderForPage {font-size: 10pt; font-weight: bold; color: #000000;} .HeaderGreenGradient {font-size: 10pt; font-weight: bold; color: #ffffff;} .BarHeader {font-size: 10pt; font-weight: bold; color: #ffffff;} .formlistingtitle {font-size: 9pt; color: #3E6280; font-weight:bold; text-decoration: none;} .formlistingRelease {font-size: 7.5pt; color: #000000; font-weight:normal; text-decoration: none;} .AdminTitle {font-size: 14pt; color: #000000; text-transform: uppercase;} .AdminSectionTitle {font-size: 8pt; color: #004073; text-transform: uppercase;} a.listingtitle {font-size: 10pt; color: #12568D; font-weight:bold; text-decoration:underline;} a.listingtitle:hover {font-size: 10pt; color: #12568D; font-weight:bold; text-decoration: none;} /* BOX */ .BoxText {font-size: 9pt; color: #000000;} .BoxHeader10 {font-size: 9pt; color: #FFFFFF; font-weight: bold; text-transform : capitalize;} .BoxHeader20 {font-size: 10pt; color: #FFFFFF; font-weight: bold;} .BoxHeader30 {font-size: 10pt; color: #000000; font-weight: bold;} /* APPROVAL */ a.Approval_Waiting_DA {font-size:7.5pt; font-family: verdana; color:green} a.Approval_Waiting_SA {font-size:7.5pt; font-family: verdana; color:red} a.Approval_AddNew {font-size:7.5pt; font-family: verdana; color:#6699ff} a.Approval_View {font-size:7.5pt; font-family: verdana; color:purple} a.Approval_Draft {font-size:7.5pt; font-family: verdana; color:orange} .Approval_Draft {color:orange;} .Approval_Waiting_DA {color:green} .Approval_Waiting_SA {color:red} /* NAVIGATION */ a.NavMain {font-size: 8pt; color: #000000; text-decoration:none;} a.NavMain:hover {font-size: 8pt; color: #E50000; text-decoration:underline;} a.NavMainS {font-size: 8pt; color: #E50000; text-decoration:underline;} a.NavMainS:hover {font-size: 8pt; color: #E50000; text-decoration:underline;} .NavMainText {font-size: 7.5pt; color: #000000; text-decoration:none;} a.NavFooter {font-size: 8pt; color: #000000; text-decoration:none;} a.NavFooter:hover {font-size: 8pt; color: #E50000; text-decoration:underline;} /* a.NavFooter:visited {font-size: 8pt; color: blue; text-decoration:underline;} */ a.NavFooterS {font-size: 8pt; color: #E50000;} a.NavFooterS:hover {font-size: 8pt; color: #E50000; text-decoration:underline;} .NavFooterText {font-size: 7.5pt; color: #000000; text-decoration:none;} a.NavSecondary {font-size: 8pt; color: #000000; text-decoration:underline; text-indent: -0;} a.NavSecondary:hover {font-size: 8pt; color: red; text-decoration:none; text-indent: -0;} a.NavSecondaryS {font-size: 8pt; color: red; text-decoration:none; text-indent: -0;} a.NavSecondaryS:hover {font-size: 8pt; color: red; text-decoration:none;} a.adminLink {font-size: 8pt; color: black; text-decoration:none; font-weight: bold;} a.adminLink:hover {font-size: 8pt; color: red; text-decoration:underline; font-weight: bold;} a.adminLinkS {font-size: 8pt; color: red; text-decoration:underline; font-weight: bold;} a.adminLinkS:hover {font-size: 8pt; color: red; text-decoration:underline; font-weight: bold;} .adminLinkSeperator {font-size: 8pt; color: #D8DADB; text-decoration:none; font-weight: bold;} /* DATAGRID */ .headerwhite {font-size: 8pt; font-weight: bold; color: white; text-transform: uppercase; text-decoration: none;} .TableHeader {font-size: 10pt; font-weight: bold; background-color: #448fa2; color: white; text-transform: uppercase; text-decoration: none;} a.TableHeader {font-size: 8pt; font-weight: bold; color: white; text-transform: uppercase;} a.TableHeader:hover {font-size: 8pt; font-weight: bold; color: red; text-transform: uppercase; text-decoration: none;} .RowLight {background-color: #F7F3EF; } .RowDark {background-color: #EAEAE4; } .RowAlert {background-color: #ffcc33; } .TabNavSelected {font-weight: bold; background-color: #448fa2; color: white; text-decoration: none;} a.TabNavSelected {font-weight: bold; color: white; text-decoration: none;} a.TabNavSelected:hover {font-weight: bold; color: red; text-decoration: none;} .TabNav {font-weight: bold; background-color: #EEEEEE; color: black; text-decoration: none;} a.TabNav:hover {font-weight: bold; background-color: #EEEEEE; color: red; text-decoration: none;} .TabTable {background-color: #448fa2;} .TabTableInterior {background-color: #ffffff;} /* News */ /* Calendar */ a.Activestyle {font-weight: normal; font-size: 10pt; color: #000000; text-decoration: none;} a.Activestyle:hover {font-weight: bold; font-size: 10pt; color: red; text-decoration: none;} .InactiveStyle {font-weight: normal; color: #ffffff; text-decoration: none;} .InactiveStyle:hover {font-weight: normal; color: #ffffff; text-decoration: none;} a.c {color: #FFFFFF; font-size: 9pt; font-weight: bold; text-decoration: none} a.c:hover {color: #669999; font-size: 9pt; font-weight: bold; text-decoration: underline;} a.c2 {color: green; font-size: 9pt; font-weight: bold; text-decoration: underline; } a.c2:hover {color: #EEE939; font-size: 9pt; font-weight: bold; text-decoration: underline; } a.c3 {color: black; font-size: 9pt; text-decoration: underline; } a.c3:hover {color: #EEE939; font-size: 9pt; text-decoration: underline; } a.c4 {color: red; font-size: 9pt; font-weight: bold; text-decoration: underline; } a.c4:hover {color: green; font-size: 9pt; font-weight: bold; text-decoration: underline; } a.c5 {color: black; font-size: 9pt; font-weight: bold; text-decoration: underline; } a.c5:hover {color: #669999; font-size: 9pt; font-weight: bold; text-decoration: underline; } a.c6 {color: black; font-size: 9pt; font-weight: bold; text-decoration: underline; } a.c6:hover {color: #669999; font-size: 9pt; font-weight: bold; text-decoration: underline; } a.c6a {color: black; font-size: 9pt; font-weight: bold; text-decoration: underline; } a.c6a:hover {color: green; font-size: 9pt; font-weight: bold; text-decoration: underline; } .c0 {color: black; font-size: 9pt; text-decoration: none} .c {color: #FFFFFF; font-size: 9pt; font-weight: bold; text-decoration: none} .c1 {color: black; font-size: 9pt; font-weight: bold; text-decoration: none} .c2 {color: #913A37; font-size: 14pt; font-family: century gothic, verdana, arial, sans-serif; font-weight: bold; text-decoration: none} .c3 {color: #913A37; font-size: 14pt; font-family: century gothic, verdana, arial, sans-serif; font-weight: bold; text-decoration: none} .c5 {color: black; font-size: 9pt; font-weight: none; text-decoration: none} .c5h {color: white; font-size: 9pt; font-weight: bold; text-decoration: none} .c6 {color: black; font-size: 9pt; font-weight: bold; text-decoration: none} .c7 {color: black; font-size: 9pt; font-weight: bold; text-decoration: none} .c9 {color: #1D2F69; font-weight: bold; text-decoration: none} .calendarDay {color: #ffffff; font-size: 9pt; font-weight: bold} /* ADMIN NAVIGATION */ /* NEW TEMPLATE --------------------------------------------------------------------------------- */ /* ============ --------------------------------------------------------------------------------- */ #wrap {width:100%; float:left; background:#daf0fd;display:block;} .container {width:927px; padding:0 10px 0 10px; margin:0 auto; text-align:left; background:#fff url(../Images/bkg_main_shadow.jpg) repeat-y;} .bottomcontainer {width:100%; background:transparent url(../Images/bkg_footer_road.jpg) repeat-x;} .bottomHolder {width:947px; height:80px; margin:0 auto; text-align:left; background:transparent url(../Images/bkg_footer_fullroad.jpg) no-repeat;} .mainHolder {width:927px; float:left; background:#fff;} #logoTop {width:927px;height:107px;background:#fff;} #logoTop .logo {float:left;width:627px;height:107px;} #logoTop .whereDoI {float:left;width:300px;height:107px;text-align:right;} #logoTop h1{font: normal 32px/32px Arial, Verdana, Sans-Serif;color: #fff;font-weight:bold;} /* Special TOP Nav styles */ #navTop {width:927px;height:54px;background:#537982 url(../Images/bkg_navtop_base.jpg) repeat-x;} #navTop .nav{float:left;width:782px;} #navTop .search{float:left;width:145px;padding-top:13px;color:#fff;} #navTop h1{font: normal 14px/18px Arial, Verdana, Sans-Serif;color: #fff;font-weight:bold;} #navTop h2{font: normal 14px/18px Arial, Verdana, Sans-Serif;color: #fff; font-style:italic;} #navTop ul{ /*topmost and sub ULs, respectively*/ margin: 0; padding: 0; font: bold 13px/22px Arial, sans-serif; list-style-type: none; overflow: hidden; width: 100%; } #navTop li{display: inline;margin: 0;} #navTop li a { float: left; display: block; text-decoration: none; margin: 0; padding: 9px 13px; /*padding inside each tab*/ border-right: 1px solid #4d6f77; color: white; font-weight:bold !important; } #navTop li a:visited{color: #fff;} #navTop li a:hover{color:#ffeea3;background:#95ac78 url(../Images/bkg_navtop_selected.jpg) 50% 0 no-repeat; }/*background of tabs for hover state */ #navTop a.selected{color:#ffeea3;background:#95ac78 url(../Images/bkg_navtop_selected.jpg) 50% 0 no-repeat;}/*background of tab with "selected" class assigned to its LI */ #navTop .searchInput {float:left;width:102px;height:24px;background:transparent url(../Images/bkg_mainSearch.png) no-repeat 0 0;} #navTop .searchButton {float:left;width:31px;height:24px;} #navTop input.searchField {border:0;color:#7d7d7d;font-size:12px; font-weight:normal;margin-top:4px; margin-left:7px;} /* Special MID Nav styles */ #navMid {width:927px;height:38px;background:#fff url(../Images/bkg_navmid_base.jpg) repeat-x;} #navMid ul{ /*topmost and sub ULs, respectively*/ margin: 0; padding: 0; font: bold 12px/30px Arial, sans-serif; list-style-type: none; overflow: hidden; width: 100%; } #navMid li{display: inline;margin: 0;} #navMid li a { float: left; display: block; text-decoration: none; margin: 0; padding: 3px 18px; /*padding inside each tab*/ color: #414141; font-weight:normal !important; } #navMid li a:visited{color:#414141;} #navMid li a:hover{color:#ffeea3;background:#95ac78;}/*background of tabs for hover state */ #navMid a.selected{color:#ffeea3 !important;background:#95ac78;}/*background of tab with "selected" class assigned to its LI */ #home {width:927px;background:#ececec;} #home .hS1 {float:left;width:19px;height:1px;display:block;} #home .hS2 {float:left;width:18px;height:1px;display:block;} #home .hS3 {float:left;width:18px;height:1px;display:block;} #home .hS4 {float:left;width:18px;height:1px;display:block;} #home .hC1 {float:left;width:269px;} #home .hC2 {float:left;width:603px;} #home .flash {float:left;width:603px;height:217px;margin-bottom:15px;} #home .news {float:left;width:292px;} #home .stayConnected {float:left;width:293px;} #home .homeHeader {font-size: 12pt; color: #000000;} #home .meetThe {width:293px;height:154px;} #home .countyAlerts {width:293px;height:136px;background:#fff url(../Images/bkg_home_emailsignup.jpg) no-repeat;} #secondary {width:927px;background:#ececec;} #administation {width:927px;background:#fff;} #footerHolder {width:947px; margin:0 auto; text-align:left; color:#fff; background:#fff url(../Images/bkg_footer_shadow.jpg) repeat-y;} #footerHolder .footerBottom {width:947px; background:transparent url(../Images/bkg_footer_buildings.jpg) left bottom no-repeat;} #footerHolder .footerContent {width:927px; padding:0 10px 0 10px; margin:0 auto; text-align:left;} /*background:#448fa2;*/ #footerHolder strong {color: #fff;} #footerHolder h1{color:#fff; font-size:1.25em;font-weight:bold; line-height:1; margin-bottom:1em;} #footerHolder a{color:#fff;} #footerHolder a.eventsTitle{font-weight:bold !important;} #footerHolder .eventsDate{color:#fff;font-weight:normal;} #footerHolder .fS2, #footerHolder .fS3, #footerHolder .fS4 { float:left;width:0px;height:200px;margin-top:15px;border-left:solid 1px #397b8c;border-right:solid 1px #58a1b3;display:block; } #footerHolder .fS1 {float:left;width:10px;height:1px;display:block;} #footerHolder .fC1 {float:left;width:208px;margin-top:15px;}/*width:208px;*/ #footerHolder .fC2 {float:left;width:208px;margin-top:15px;}/*width:208px;*/ #footerHolder .fC3 {float:left;width:208px;margin-top:15px;}/*width:208px;*/ #footerHolder .fC4 {float:left;width:208px;margin-top:15px;}/*width:235px;*/ #footerHolder .fC1 a, #footerHolder .fC2 a, #footerHolder .fC3 a { font: normal 12px/18px Arial, Verdana, Sans-Serif; color: #fff; text-decoration: none; } #footerHolder a.selected{color: #ffd200;text-decoration: underline;} #footerHolder a:hover{color: #ffd200;text-decoration: underline;} .headerBar {width:100%;height:9px;display:block;background:#448fa2 url(../Images/bkg_header_greenbar.gif) no-repeat top right;} a.HowDoITitle {color: #448fa2; text-decoration:underline;} a.HowDoITitle:hover {color: #4f4f51; text-decoration:none;} .HowDoITopic {font-size:7.5pt;color: #4f4f51;text-transform:uppercase;display:block;margin-top:10px;} .HowDoIText {color: #4f4f51;} input.GoButton {cursor:pointer;width:50px;height:50px;border:none;color:#527f8a;background:transparent url(../Images/btn_home_emailsignup.jpg) no-repeat top left;} /* HOME TAB STRUCTURE - COULD PUT ON HOMEPAGE ONLY IF YOU WANT */ .dashTab {float:left;height:24px; width:85px; text-align:center;display:block; background-color:#daf0fd; border-top:solid 1px #7daeb9; border-right:solid 1px #7daeb9;border-left:solid 1px #7daeb9;border-bottom:solid 1px #a5a5a5;text-decoration:none;} .dashTab .text {font-size:11px;color:#4f4f51; padding:7px; line-height:23px;} .dashTabS {float:left;height:24px; width:85px; text-align:center;display:block; background-color:#ebebeb; border-top:solid 1px #a5a5a5;border-right:solid 1px #a5a5a5;border-left:solid 1px #a5a5a5;border-bottom:solid 1px #f0f0f0;text-decoration:none;} .dashTabS .text {font-size:11px; color:#4f4f51; padding:7px;line-height:23px;} .dashTabHolder {width:269px;} #tabInterior {width:269px;border-right:solid 1px #a5a5a5;border-left:solid 1px #a5a5a5;border-bottom:solid 1px #a5a5a5;background:#fff url(../Images/bkg_tabinterior.gif) repeat-x;} #tabcontainer {width:269px;background:url(../Images/bkg_tabcontainer.gif) repeat-y;} #tabTab {background: url(../Images/bkg_tab_background.gif) repeat-x;} /*may need imag here*/ /*PD Meeting Files*/ .fileheader {background-color: #bdd3de;} .fileBarheader {font-size: 12pt; color: #3E6280; font-weight: bold; text-decoration: none;} a.backtoTop {font-size: 7.5pt; color: #4d5578; font-weight: normal; text-decoration: none;}