/* CSS Document */ /* Normalizes margin, padding, remove list style --------------------------------------------------*/ h1, h2, h3, h4, h5, h6, form, fieldset, input, p, blockquote, img, label {margin: 0px; padding: 0px; list-style:none} table th {text-align: left; speak-header: always} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited {color: #040098; text-decoration:underline; cursor: pointer} a:hover, a:active {text-decoration:none; cursor: pointer;} input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000} label {cursor: pointer} /* Set html & body --------------------------------------------------*/ html {width:100%;} body {position:relative; width:100%; min-width: 752px; margin:11px auto; padding:0px; background:#c0c0c0; font-family:Gill Sans, Arial, Helvetica, sans-serif; font-size:12px; color:#000;} #container {position:relative; width:752px; min-height:300px; left:0px; right:0px; margin:0 auto; padding:0px; z-index:1; background:#FFF;} /* Branding --------------------------------------------------*/ #branding {position:relative; z-index:100; width:752px; height:230px; padding:0px; font-size:12px; clear:both;} #branding h1 {padding:0px; margin:0px;} #branding img {position:relative; margin:13px 0px 0px 0px; padding:0px; border-top:1px solid #FFF; border-bottom:1px solid #FFF; border-left:none; border-right:none;} /* Navigation --------------------------------------------------*/ #nav {position:relative; z-index:999999; padding:5px 0px 0px 0px; margin:0px; color:#FFF;} #nav blockquote {position:relative; left:5px; margin:0px; float:left; width:500px;} #nav #search {float:right; padding:0px 5px 0px 0px;} #nav #search span {margin:-5px 0px 0px 0px; padding:0px;} #nav h3 {position:absolute; left:-9990px;} #logo {position:absolute; top:35px; z-index:300; width:175px; height:95px;} #logo h1 {position:absolute; left:-998px;} /* Content --------------------------------------------------*/ #content {position:relative; z-index:1; width:752px; padding:0px 0px 5px 0px; margin:0px; border:none; left:0px; top:0px; background:none;} #content .clear img {border:none; padding:0px;} #content .line img {border:none;} #content img .border {border:1px solid #798542;} #content img .marginleft{margin:0px 0px 0px 15px;} #content img .marginright{margin:0px 15px 0px 0px;} #content #contentboxleft{position:relative; width: 147px; margin: 0px; padding:30px 10px 10px 10px; float:left; font-weight:bold; height:100%; overflow:inherit;} #content #contentboxright{position:relative; width: 540px; margin: 0px; padding:10px 20px 10px 20px; float:left; text-align:left;} #content #contentboxright ul{list-style:square; margin:10px;} #content #contentboxright ul li{list-style:square; margin:0px 10px 5px 20px;} #content #contentboxright blockquote{margin:10px 20px;} /* Content (Home) --------------------------------------------------*/ #home_pg #content {position:relative; z-index:1; width:752px; padding:0px 0px 5px 0px; margin:0px; border:none; left:0px; top:0px; background:none;} #home_pg #content img {border:none;} #home_pg #contentboxleft{position:relative; width: 481px; margin: 0px; padding:0px 15px 10px 15px; float:left; clear:both} #home_pg #contentboxright{position:relative; width: 241px; margin:10px 0px 0px 0px; padding:0px 0px; float:left; text-align:center;} #home_pg #contentboxright div{margin:0px 0px 10px 0px; padding:0px 0px 5px 0px; background:#c0c69b;} #home_pg #contentboxright div img{border:none; margin:0px; padding:0px;} #home_pg #contentboxright div h2{background:url(../images/bkg_subheader.jpg) no-repeat; height:32px; padding:5px 0px 0px 0px; margin:0px; text-align:center;} #home_pg #contentboxright #officials, #home_pg #contentboxright #meetings{width:241px;} #home_pg #contentboxright #officials a{color:#000;} #home_pg #contentboxright #meetings a{color:#000; font-weight:bold;} #home_pg #contentboxright #quicklinks{text-align:left; width:241px;} #home_pg #contentboxright #quicklinks ul{list-style:url(../images/bullet_square.jpg); margin:2px 10px;} #home_pg #contentboxright #quicklinks ul li{list-style:url(../images/bullet_square.jpg); margin:2px 5px 0px 25px;} #home_pg #contentboxright #quicklinks a{color:#000; font-weight:normal; font-size:12px;} #home_pg #contentboxright #committee{width:241px;} #home_pg #contentboxright #committee a{color:#000; font-weight:bold;} #home_pg #content p {font-weight:bold;} #home_pg #content #whatsnew blockquote{float:left; margin:0px 5px; text-align:center;} #home_pg #content #whatsnew blockquote #middle{width:160px; margin:0px 20px;} #home_pg #content #whatsnew blockquote p{width:130px; margin:0px 5px; font-weight:normal; font-size:11px;} #home_pg #content #whatsnew img{border:1px solid #798542;} #home_pg #content #onlineservices{position:relative; width:480px;} #home_pg #content #onlineservices blockquote{clear:both; margin:5px 0px; height:40px;} #home_pg #content #onlineservices img{float:left; margin:0px 5px 0px 0px; border:1px solid #798542;} #home_pg #content #onlineservices p{padding:10px 0px 0px 0px;} #home_pg #content #onlineservices a{color:#000;} #home_pg #content #onlineservices div{float:left; width:235px;} #home_pg #content #onlineservices #historic img{border:none; margin:0px 0px 0px 30px;} /* Ticker Scroller */ #home_pg #content #ticker{position:absolute; left:0px; z-index:99; width:506px; height:25px; padding:15px 3px 0px 3px;} .tickercontainer {/* the outer div */width: 500px; height: 20px; margin: 0; padding: 0;} .tickercontainer .mask {/* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 10px; top: 0px; width: 490px; overflow: hidden;} ul.newsticker { /* that's your list */position: relative; left: 500px; list-style-type: none; margin: 0; padding: 0;} ul.newsticker li {float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0;} ul.newsticker a {white-space: nowrap; padding: 0; color: #4F5559; margin: 0 25px 0 0;} ul.newsticker span {margin: 0 20px 0 0;} /* Text Formatting --------------------------------------------------*/ h1 {font-family:"Times New Roman", Times, serif; font-size:24px; color:#828d37; font-weight:bold; margin:15px 0px 5px 0px;} h2 {font-size:16px; color:#000; font-weight:bold; margin:10px 0px 0px 0px;} h3 {font-size:14px; color:#000; font-weight:bold; margin:10px 0px 0px 0px;} h4 {font-size:12px; color:#000; font-weight:bold;} h5 {font-size:12px; color:#000; font-weight:bold;} h6 {font-size:14px; color:#000; font-weight:bold;} p {margin:0px 0px 10px 0px; line-height:17px; font-size:12px;} .small {font-size:10px;} .small_11 {font-size:11px;} .black {color:#000;} .gray {color:#333;} .nobr {white-space: nowrap;} .clear {clear:both;} .left_percent {float:left; width:45%; margin-right: 20px} .right_percent {float:left; width:45%;} #column2 {width:530px; margin:0px auto; clear:both;} .img_right {float:right; margin:15px 0px 5px 10px;} .img_left {float:left; padding:0px; margin:0px 15px 0px 0px;} .padding_btm {padding:0px 0px 15px 0px;} .padding_top {padding:15px 0px 0px 0px;} .margin_img {margin:20px 15px 0px 0px;} a:link {color:#04064e; text-decoration:none;} a:visited {color:#493020; text-decoration:none;} a:hover {color:#828d37; text-decoration:underline;} /* Site Info --------------------------------------------------*/ #address {clear:both; width:752px; margin:0px auto; padding:8px 0px 2px 0px; font-size:12px; font-weight:bold; text-align:center;} #site_info {padding:0px 0px 5px 0px;} #site_info cite {float:left; font-style:normal; padding:15px 5px; margin:0px; font-size:11px;} #site_info p {clear:both; text-align:center;} #site_info a:link, #site_info a:visited {color:#000; font-weight:bold; font-size:11px; text-decoration:none;} #site_info a:hover, #site_info a:active {color:#000; text-decoration:underline;} /* SECTIONS COLORS --------------------------------------------------*/ /*HEADERS*/ #home_pg #branding {background:#828d37;}/*green*/ #community_pg #branding {background:#8496ab;}/*blue*/ #cityservices_pg #branding {background:#828d37;}/*green*/ #government_pg #branding {background:#2f555a;}/*teal*/ #citycouncil_pg #branding {background:#2f555a;}/*teal*/ #visitors_pg #branding {background:#835b38;}/*brown*/ #contacts_pg #branding {background:#a58d00;}/*gold*/ #misc_pg #branding {background:#81687c;}/*purple*/ #police_pg #branding {background:#031965;}/*dblue*/ #community2_pg #branding {background:#8496ab;}/*blue*/ #white_pg #branding {background:#828d37;}/*green*/ #black_pg #branding {background:#2f363c;}/*black*/ /*LEFT SUB NAVIGATION*/ #community_pg #content {background:url(../images/bkg_content_community.jpg) repeat-y;}/*blue*/ #cityservices_pg #content {background:url(../images/bkg_content_cityservices.jpg) repeat-y;}/*green*/ #government_pg #content {background:url(../images/bkg_content_citycouncil.jpg) repeat-y;}/*teal*/ #citycouncil_pg #content {background:url(../images/bkg_content_citycouncil.jpg) repeat-y;}/*teal*/ #visitors_pg #content {background:url(../images/bkg_content_whatsnew.jpg) repeat-y;}/*brown*/ #contacts_pg #content {background:url(../images/bkg_content_contacts.jpg) repeat-y;}/*gold*/ #misc_pg #content {background:url(../images/bkg_content_misc.jpg) repeat-y;}/*purple*/ #police_pg #content {background:url(../images/bkg_content_police.jpg) repeat-y;}/*purple*/ #white_pg #content {background:url(../images/bkg_content_white.jpg) repeat-y;}/*green*/ #black_pg #content {background:url(../images/bkg_content_black.jpg) repeat-y;}/*black*/ /*H1 (TEXT)*/ #community_pg #contentboxright h1 {color:#8496ab;}/*blue*/ #cityservices_pg #contentboxright h1{color:#828d37;}/*green*/ #government_pg #contentboxright h1 {color:#2f555a;}/*teal*/ #citycouncil_pg #contentboxright h1 {color:#2f555a;}/*teal*/ #visitors_pg #contentboxright h1 {color:#835b38;}/*brown*/ #contacts_pg #contentboxright h1 {color:#a58d00;}/*gold*/ #misc_pg #contentboxright h1 {color:#81687c;}/*purple*/ #police_pg #contentboxright h1 {color:#031965;}/*dblue*/ #white_pg #contentboxright h1 {color:#828d37;}/*green*/ #black_pg #contentboxright h1 {color:#2f363c;}/*black*/ /*SITE INFO (FOOTER)*/ #community_pg #address {background:#8496ab;}/*blue*/ #cityservices_pg #address {background:#828d37;}/*green*/ #citycouncil_pg #address {background:#2f555a;}/*teal*/ #government_pg #address {background:#2f555a;}/*teal*/ #visitors_pg #address {background:#835b38;}/*brown*/ #contacts_pg #address {background:#a58d00;}/*gold*/ #misc_pg #address {background:#81687c;}/*purple*/ #police_pg #address {background:#031965;}/*dblue*/ #home_pg #address {background:#828d37;}/*green*/ #community2_pg #address {background:#8496ab;}/*blue*/ #white_pg #address {background:#828d37;}/*green*/ #black_pg #address {background:#2f363c;}/*black*/ /* END SECTIONS COLORS --------------------------------------------------*/ /* MENU CODE --------------------------------------------------*/ /*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/ .qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}#qm1 li {float:none;}#qm1 li:hover>ul{top:0px;left:100%;} #qm0 {width:585px; margin:0px; padding:0px;} /*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/ /* QuickMenu 0 */ /*"""""""" (MAIN) Items""""""""*/ #qm0 a { padding:5px 8px 5px 6px; color:#ffffff; font-family:Arial; font-size:10px; text-decoration:none; } /*"""""""" (MAIN) Active State""""""""*/ body #qm0 .qmactive, body #qm0 .qmactive:hover { color:#444444; } /*"""""""" (SUB) Container""""""""*/ #qm0 div, #qm0 ul { padding:5px 10px; margin:-2px 0px 0px; background-color:transparent; border-style:none; } /*"""""""" (SUB) Items""""""""*/ #qm0 div a, #qm0 ul a { padding:3px 1px; background-color:transparent; color:#444444; font-size:11px; border-width:0px; border-style:none; } /*"""""""" (SUB) Hover State""""""""*/ #qm0 div a:hover { background-color:#dadada; color:#000000; } /*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/ #qm0 ul li:hover>a { background-color:#dadada; color:#000000; } /*"""""""" (SUB) Active State""""""""*/ body #qm0 div .qmactive, body #qm0 div .qmactive:hover { background-color:#dadada; color:#000000; } /*"""""""" Individual Titles""""""""*/ #qm0 .qmtitle { cursor:default; padding:3px 0px 3px 4px; color:#444444; font-family:arial; font-size:11px; font-weight:bold; } /*"""""""" Individual Horizontal Dividers""""""""*/ #qm0 .qmdividerx { border-top-width:1px; margin:4px 0px; border-color:#bfbfbf; } /*"""""""" Individual Vertical Dividers""""""""*/ #qm0 .qmdividery { border-left-width:1px; height:15px; margin:4px 2px 0px; border-color:#fefefe; } /*"""""""" (main) Rounded Items""""""""*/ #qm0 .qmritem span { border-color:#dadada; background-color:#f7f7f7; } /*"""""""" (main) Rounded Items Content""""""""*/ #qm0 .qmritemcontent { padding:0px 0px 0px 4px; } /*"""""""" (main) Rounded Items Hover""""""""*/ #qm0 a:hover .qmritem span { border-color:#c0c0c0; background-color:#c0c0c0; } /*"""""""" (main) Rounded Items Active""""""""*/ body #qm0 .qmactive .qmritem span, body #qm0 .qmactive:hover .qmritem span { border-color:#c0c0c0; background-color:#c0c0c0; } /*"""""""" (sub) Rounded Items""""""""*/ #qm0 div .qmritem span { border-color:#666666; background-color:#eeeeee; } /*"""""""" (sub) Rounded Items Content""""""""*/ #qm0 div .qmritemcontent { padding:0px 0px 0px 4px; } /* QuickMenu 1 */ /*"""""""" (MAIN) Container""""""""*/ #qm1 { width:150px; background-color:transparent; } /*"""""""" (MAIN) Items""""""""*/ #qm1 a { padding:5px 5px 5px 8px; color:#050505; font-family:Arial; font-size:11px; text-decoration:none; } /*"""""""" (MAIN) Hover State""""""""*/ #qm1 a:hover { text-decoration:underline; } /*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/ #qm1 li:hover>a { text-decoration:underline; } /*"""""""" (MAIN) Active State""""""""*/ body #qm1 .qmactive, body #qm1 .qmactive:hover { text-decoration:none; font-weight:bold; } /*"""""""" (SUB) Container""""""""*/ #qm1 div, #qm1 ul { padding:5px 0px; } /*"""""""" (SUB) Items""""""""*/ #qm1 div a, #qm1 ul a { padding:2px 0px 2px 15px; margin:0px 5px; background-image:none; color:#3c3c3c; font-size:11px; } /*"""""""" (SUB) Hover State""""""""*/ #qm1 div a:hover { text-decoration:underline; } /*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/ #qm1 ul li:hover>a { text-decoration:underline; } /*"""""""" (SUB) Active State""""""""*/ body #qm1 div .qmactive, body #qm1 div .qmactive:hover { text-decoration:none; font-weight:bold; } /*"""""""" Individual Titles""""""""*/ #qm1 .qmtitle { font-size:11px; }