/* CSS Document */ /*** Let's Set Everything to Zero ***/ html,body,p,div,img,ul,dl,dd,dt,form,form,hr{ font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; border:0; border-spacing:0; } input,select{ margin:0; padding:0;} /* Main DIV Layouts --------------------------------------------------*/ /* Jello */ body { padding: 0 480px 0 480px; margin: 0; text-align: center; background: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; color: #222222; font-size: 100%; } #sizer { margin: 0 auto 0 auto; padding: 0; width: 100%; max-width: 400px; /* version for IE is at the bottom of this style block */ } #expander { background: white; margin: 0 -480px 0 -480px; min-width: 960px; /* Critical Safari fix! */ position: relative; } /* Holly hack for IE \*/ * html #expander { height: 0; } /* */ /* helps IE get the child percentages right. */ #wrapper { width: 100%; } /* helps IE get the child percentages right. */ #wrapper { width: 100%; text-align: left; } /* To give the 20px space on left and right. */ #totalwrap {margin: 0px 20px 0px 20px} /* * * * * * * * * * * * * * * * * */ /* http://positioniseverything.net/easyclearing */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* Top bar --------------------------------------------------*/ #topbar {background-color: #015074; color: #FFFFFF; height: 25px } #topbar a {color:#FFFFFF; text-decoration:none; } #topbar a:visited {text-decoration: none; color:#FFFFFF; background:none} #topbar a:hover {color:#015074; text-decoration: none; background-color: #FFFFCC} #topbar a:focus {color:#015074; text-decoration: none; background-color: #FFFFCC} #topbar a:active {color:#015074; text-decoration: none; background-color: #FFFFCC} #lang {padding: 3px 0px 0px 10px; float: left; } #topfloat {display: inline; float: right; padding: 0px 10px 0px 0px } .hidden {position: absolute; left: -9000px} /* Text Size --------------------------------------------------*/ .largetext {font-size: 120%} .xlargetext {font-size: 140%} /* Banner --------------------------------------------------*/ #banner {height:98px; background-image: url(../images/header.gif); background-repeat: no-repeat; background-position: top right; background-color: #FFFFFF; border:solid #FFFFFF; border-width:0px 0px 1px 0px; } /* Top Navigation --------------------------------------------------*/ #navybar {height: 28px; background-color:#015074; color:#FFFFFF } #navcontainer {margin: 0px; padding: 0px;} #navcontainer ul {margin: 0px; padding: 0px; list-style-type: none; text-align: left;} #navcontainer ul li.navy { float: left; background: url(../images/tab_navy.gif) no-repeat top left; border-right: 1px solid #FFFFFF ; margin: 0px; height: 25px; padding-top: 3px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #navcontainer ul li.blue { float: left; background: url(../images/tab_blue.gif) no-repeat top left; border-right: 1px solid #FFFFFF ; margin: 0px; height: 25px; padding-top: 3px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #navcontainer ul li.purp { float: left; background: url(../images/tab_purp.gif) no-repeat top left; border-right: 1px solid #FFFFFF ; margin: 0px; height: 25px; padding-top: 3px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #navcontainer ul li.olive { float: left; background: url(../images/tab_olive.gif) no-repeat top left; border-right: 1px solid #FFFFFF ; margin: 0px; height: 25px; padding-top: 3px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #navcontainer ul li.red { float: left; background: url(../images/tab_red.gif) no-repeat top left; border-right: 1px solid #FFFFFF ; margin: 0px; height: 25px; padding-top: 3px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #navcontainer ul li.grn { float: left; background: url(../images/tab_grn.gif) no-repeat top left; border-right: 1px solid #FFFFFF ; margin: 0px; height: 25px; padding-top: 3px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px;} #navcontainer ul li.orng { float: left; background: url(../images/tab_orng.gif) no-repeat top left; border-right: 1px solid #FFFFFF ; margin: 0px; height: 25px; padding-top: 3px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px;} #navcontainer ul li.drkgrn { float: left; background: url(../images/tab_drkgrn.gif) no-repeat top left; border-right: 1px solid #FFFFFF ; margin: 0px; height: 25px; padding-top: 3px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px;} #navcontainer ul li a {text-decoration: none; float: left; color: #FFFFFF;} #navcontainer li.navy a:visited {color: #FFFFFF; text-decoration: none; } #navcontainer li.navy a:hover {color: #FFFFFF; text-decoration: underline; background-color:#015074;} #navcontainer li.navy a:focus {color: #FFFFFF; text-decoration: none; background-color:#015074;} #navcontainer li.navy a:active {color: #FFFFFF; text-decoration: none; background-color:#015074;} #navcontainer li.blue a:visited {color: #FFFFFF; text-decoration: none; } #navcontainer li.blue a:hover {color: #FFFFFF; text-decoration: underline; background-color:#058CDA;} #navcontainer li.blue a:focus {color: #FFFFFF; text-decoration: none; background-color:#058CDA;} #navcontainer li.blue a:active {color: #FFFFFF; text-decoration: none; background-color:#058CDA;} #navcontainer li.purp a:visited {color: #FFFFFF; text-decoration: none; } #navcontainer li.purp a:hover {color: #FFFFFF; text-decoration: underline; background-color:#5D2554;} #navcontainer li.purp a:focus {color: #FFFFFF; text-decoration: none; background-color:#5D2554;} #navcontainer li.purp a:active {color: #FFFFFF; text-decoration: none; background-color:#5D2554;} #navcontainer li.olive a:visited {color: #FFFFFF; text-decoration: none; } #navcontainer li.olive a:hover {color: #FFFFFF; text-decoration: underline; background-color:#7F8904;} #navcontainer li.olive a:focus {color: #FFFFFF; text-decoration: none; background-color:#7F8904;} #navcontainer li.olive a:active {color: #FFFFFF; text-decoration: none; background-color:#7F8904;} #navcontainer li.red a:visited {color: #FFFFFF; text-decoration: none; } #navcontainer li.red a:hover {color: #FFFFFF; text-decoration: underline; background-color:#B11E12;} #navcontainer li.red a:focus {color: #FFFFFF; text-decoration: none; background-color:#B11E12;} #navcontainer li.red a:active {color: #FFFFFF; text-decoration: none; background-color:#B11E12;} #navcontainer li.grn a:visited {color: #FFFFFF; text-decoration: none; } #navcontainer li.grn a:hover {color: #FFFFFF; text-decoration: underline; background-color:#7EBD00;} #navcontainer li.grn a:focus {color: #FFFFFF; text-decoration: none; background-color:#7EBD00;} #navcontainer li.grn a:active {color: #FFFFFF; text-decoration: none; background-color:#7EBD00;} #navcontainer li.orng a:visited {color: #FFFFFF; text-decoration: none; } #navcontainer li.orng a:hover {color: #FFFFFF; text-decoration: underline; background-color:#E27B00;} #navcontainer li.orng a:focus {color: #FFFFFF; text-decoration: none; background-color:#E27B00;} #navcontainer li.orng a:active {color: #FFFFFF; text-decoration: none; background-color:#E27B00;} #navcontainer li.drkgrn a:visited {color: #FFFFFF; text-decoration: none; } #navcontainer li.drkgrn a:hover {color: #FFFFFF; text-decoration: underline; background-color:#33756A;} #navcontainer li.drkgrn a:focus {color: #FFFFFF; text-decoration: none; background-color:#33756A;} #navcontainer li.drkgrn a:active {color: #FFFFFF; text-decoration: none; background-color:#33756A;} /* Search Box --------------------------------------------------*/ #searcharea {float: right; display: inline; color: #FFFFFF; margin: 0px 10px 0px 0px; padding: 2px 0px 0px 0px} .searchbtn {padding-top: 1px; vertical-align:top} /* Main Containers --------------------------------------------------*/ #contain {clear: both; background-color:#FFFFFF} #leftcol{padding: 20px 0px 10px 20px; margin-left: 0px; margin-right: 590px; background-color:#FFFFFF } #rightcol{padding: 20px 0px 10px 0px; float: right; width: 570px; background-color:#FFFFFF} #footer {clear: both; padding: 5px 0px 5px 5px; margin: 5px 0px 0px 0px; background-image: url(../images/footer_bg.gif); background-repeat: repeat-x; background-position: top left; border:solid #EAEAEA; border-width:0px 1px 0px 1px; text-align: center} #footer p {padding: 5px 0px 0px 0px} /* Home Box Placeholder --------------------------------------------------*/ .outline {border:solid #DADADA; border-width:1px 1px 1px 1px; margin: 0px 0px 10px 0px; background-color: #F7F7F7; padding: 5px 5px 5px 5px} .outlineright {border:solid #DADADA; border-width:1px 1px 1px 1px; margin: 0px 20px 10px 0px; background-color: #F7F7F7; padding: 5px 5px 5px 5px} div.clear {clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 1px;} /* County Council Placeholder --------------------------------------------------*/ #countyleft {width: 165px; float: left; padding: 7px 0px 0px 0px} #countyleft img {margin: 0px 0px 10px 0px} #countyright {margin-left: 165px; padding: 10px 0px 0px 0px} /* Homepage image Placeholders --------------------------------------------------*/ #col1{width:190px; float: left; } #col2{margin: 0px 190px 0px 190px; } #col3{width:190px; float: right; } #planning {width: 175px; height:140px; background-image: url(../images/place_planning_bg.gif); background-position: top left; background-repeat:no-repeat; } #planning h2 {padding: 5px 0px 0px 55px; color: #42835D; font-size:1em; margin: 0px 0px 0px 0px;} #planning p {padding: 5px 0px 0px 55px;} #planning a:link {color:#42835D; text-decoration: none; } #planning a:visited {color: #42835D; text-decoration: none; } #planning a:hover {color: #42835D; text-decoration: underline; background-color:#FFFFFF;} #planning a:focus {color: #42835D; text-decoration: none; background-color:#FFFFFF;} #planning a:active {color: #42835D; text-decoration: none; background-color:##FFFFFF;} #payonline {width: 175px; height:140px; background-image: url(../images/place_pay_bg.gif); background-position: top left; background-repeat:no-repeat; } #payonline h2 {padding: 5px 0px 0px 55px; color: #015074; font-size:1em; margin: 0px 0px 0px 0px;} #payonline p {padding: 5px 5px 0px 55px; } #payonline a:link {color:#015074; text-decoration: none; } #payonline a:visited {color: #015074; text-decoration: none; } #payonline a:hover {color: #015074; text-decoration: underline; background-color:#FFFFFF;} #payonline a:focus {color: #015074; text-decoration: none; background-color:#FFFFFF;} #payonline a:active {color: #015074; text-decoration: none; background-color:##FFFFFF;} #visitor {width: 175px; height:140px; background-image: url(../images/place_visitor_bg.gif); background-position: top left; background-repeat:no-repeat; } #visitor h2 {padding: 5px 0px 0px 55px; color: #5D2554; font-size:1em; margin: 0px 0px 0px 0px;} #visitor p {padding: 5px 5px 0px 55px;} #visitor a:link {color:#5D2554; text-decoration: none; } #visitor a:visited {color: #5D2554; text-decoration: none; } #visitor a:hover {color: #5D2554; text-decoration: underline; background-color:#FFFFFF;} #visitor a:focus {color: #5D2554; text-decoration: none; background-color:#FFFFFF;} #visitor a:active {color: #5D2554; text-decoration: none; background-color:##FFFFFF;} #funding {width: 162px; height:100px; background-image: url(../images/place_funding_bg.gif); background-position: top left; background-repeat:no-repeat; margin-top: 10px; margin-bottom: 10px; } #funding h2 {padding: 5px 0px 0px 55px; color: #04418C; font-size:1em; margin: 0px 0px 0px 0px;} #funding p {padding: 5px 5px 0px 55px;} #funding a:link {color:#04418C; text-decoration: none; } #funding a:visited {color: #04418C; text-decoration: none; } #funding a:hover {color: #04418C; text-decoration: underline; background-color:#FFFFFF;} #funding a:focus {color: #04418C; text-decoration: none; background-color:#FFFFFF;} #funding a:active {color: #04418C; text-decoration: none; background-color:##FFFFFF;} #subs {width: 175px; height:140px; background-image: url(../images/place_submissions_bg.gif); background-position: top left; background-repeat:no-repeat; } #subs h2 {padding: 5px 0px 0px 55px; color: #42835D; font-size:1em; margin: 0px 0px 0px 0px;} #subs p {padding: 5px 0px 0px 55px;} #subs a:link {color:#42835D; text-decoration: none; } #subs a:visited {color: #42835D; text-decoration: none; } #subs a:hover {color: #42835D; text-decoration: underline; background-color:#FFFFFF;} #subs a:focus {color: #42835D; text-decoration: none; background-color:#FFFFFF;} #subs a:active {color: #42835D; text-decoration: none; background-color:##FFFFFF;} #dog {width: 175px; height:140px; background-image: url(../images/place_dog_bg.gif); background-position: top left; background-repeat:no-repeat; } #dog h2 {padding: 5px 0px 0px 55px; color: #04418C; font-size:1em; margin: 0px 0px 0px 0px;} #dog p {padding: 5px 5px 0px 55px;} #dog a:link {color:#04418C; text-decoration: none; } #dog a:visited {color: #04418C; text-decoration: none; } #dog a:hover {color: #04418C; text-decoration: underline; background-color:#FFFFFF;} #dog a:focus {color: #04418C; text-decoration: none; background-color:#FFFFFF;} #dog a:active {color: #04418C; text-decoration: none; background-color:##FFFFFF;} #traffic {width: 175px; height:140px; background-image: url(../images/place_parking_bg.gif); background-position: top left; background-repeat:no-repeat; margin-bottom: 10px; } #traffic h2 {padding: 5px 0px 0px 55px; color: #841F17; font-size:1em; margin: 0px 0px 0px 0px;} #traffic p {padding: 5px 5px 0px 55px;} #traffic a:link {color:#841F17; text-decoration: none; } #traffic a:visited {color: #841F17; text-decoration: none; } #traffic a:hover {color: #841F17; text-decoration: underline; background-color:#FFFFFF;} #traffic a:focus {color: #841F17; text-decoration: none; background-color:#FFFFFF;} #traffic a:active {color: #841F17; text-decoration: none; background-color:##FFFFFF;} #development {width: 162px; height:100px; background-image: url(../images/place_development_bg.gif); background-position: top left; background-repeat:no-repeat; margin-top: 10px; margin-bottom: 10px; } #development h2 {padding: 5px 0px 0px 55px; color: #5D2554; font-size:1em; margin: 0px 0px 0px 0px;} #development p {padding: 5px 5px 0px 55px;} #development a:link {color:#5D2554; text-decoration: none; } #development a:visited {color: #5D2554; text-decoration: none; } #development a:hover {color: #5D2554; text-decoration: underline; background-color:#FFFFFF;} #development a:focus {color: #5D2554; text-decoration: none; background-color:#FFFFFF;} #development a:active {color: #5D2554; text-decoration: none; background-color:##FFFFFF;} #registor {width: 175px; height:140px; background-image: url(../images/place_registor_bg.gif); background-position: top left; background-repeat:no-repeat; margin-bottom: 10px; } #registor h2 {padding: 5px 0px 0px 55px; color: #841F17; font-size:1em; margin: 0px 0px 0px 0px;} #registor p {padding: 5px 5px 0px 55px;} #registor a:link {color:#841F17; text-decoration: none; } #registor a:visited {color: #841F17; text-decoration: none; } #registor a:hover {color: #841F17; text-decoration: underline; background-color:#FFFFFF;} #registor a:focus {color: #841F17; text-decoration: none; background-color:#FFFFFF;} #registor a:active {color: #841F17; text-decoration: none; background-color:##FFFFFF;} #roadworks {width: 175px; height:140px; background-image: url(../images/place_roadworks_bg.gif); background-position: top left; background-repeat:no-repeat; } #roadworks h2 {padding: 5px 0px 0px 55px; color: #E27B00; font-size:1em; margin: 0px 0px 0px 0px;} #roadworks p {padding: 5px 5px 0px 55px;} #roadworks a:link {color:#E27B00; text-decoration: none; } #roadworks a:visited {color: #E27B00; text-decoration: none; } #roadworks a:hover {color: #E27B00; text-decoration: underline; background-color:#FFFFFF;} #roadworks a:focus {color: #E27B00; text-decoration: none; background-color:#FFFFFF;} #roadworks a:active {color: #E27B00; text-decoration: none; background-color:##FFFFFF;} #library {width: 175px; height:140px; background-image: url(../images/place_library_bg.gif); background-position: top left; background-repeat:no-repeat; } #library h2 {padding: 5px 0px 0px 55px; color: #5D2554; font-size:1em; margin: 0px 0px 0px 0px;} #library p {padding: 5px 0px 0px 55px;} #library a:link {color:#5D2554; text-decoration: none; } #library a:visited {color: #5D2554; text-decoration: none; } #library a:hover {color: #5D2554; text-decoration: underline; background-color:#FFFFFF;} #library a:focus {color: #5D2554; text-decoration: none; background-color:#FFFFFF;} #library a:active {color: #5D2554; text-decoration: none; background-color:##FFFFFF;} #winter {width: 175px; height:140px; background-image: url(../images/place_winter_bg.gif); background-position: top left; background-repeat:no-repeat; } #winter h2 {padding: 5px 0px 0px 55px; color: #5D2554; font-size:1em; margin: 0px 0px 0px 0px;} #winter p {padding: 5px 0px 0px 55px;} #winter a:link {color:#5D2554; text-decoration: none; } #winter a:visited {color: #5D2554; text-decoration: none; } #winter a:hover {color: #5D2554; text-decoration: underline; background-color:#FFFFFF;} #winter a:focus {color: #5D2554; text-decoration: none; background-color:#FFFFFF;} #winter a:active {color: #5D2554; text-decoration: none; background-color:##FFFFFF;} #heg {width: 175px; height:140px; background-image: url(../images/place_HEG_bg.gif); background-position: top left; background-repeat:no-repeat; } #heg h2 {padding: 5px 0px 0px 55px; color: #5D2554; font-size:1em; margin: 0px 0px 0px 0px;} #heg p {padding: 5px 5px 0px 55px;} #heg a:link {color:#5D2554; text-decoration: none; } #heg a:visited {color: #5D2554; text-decoration: none; } #heg a:hover {color: #5D2554; text-decoration: underline; background-color:#FFFFFF;} #heg a:focus {color: #5D2554; text-decoration: underline; background-color:#FFFFFF;} #heg a:active {color: #5D2554; text-decoration: none; background-color:#FFFFFF;} #mayodotie {width: 175px; height:140px; background-image: url(../images/place_mayodotie_bg.gif); background-position: top left; background-repeat:no-repeat; } #mayodotie h2 {padding: 5px 0px 0px 55px; color: #42835D; font-size:1em; margin: 0px 0px 0px 0px;} #mayodotie p {padding: 5px 5px 0px 55px;} #mayodotie a:link {color:#42835D; text-decoration: none; } #mayodotie a:visited {color: #42835D; text-decoration: none; } #mayodotie a:hover {color: #42835D; text-decoration: underline; background-color:#FFFFFF;} #mayodotie a:focus {color: #42835D; text-decoration: underline; background-color:#FFFFFF;} #mayodotie a:active {color: #42835D; text-decoration: none; background-color:#FFFFFF;} #light {width: 175px; height:140px; background-image: url(../images/place_light_bg.gif); background-position: top left; background-repeat:no-repeat; } #light h2 {padding: 5px 0px 0px 55px; color: #841F17; font-size:1em; margin: 0px 0px 0px 0px;} #light p {padding: 5px 5px 0px 55px;} #light a:link {color:#841F17; text-decoration: none; } #light a:visited {color: #841F17; text-decoration: none; } #light a:hover {color: #841F17; text-decoration: underline; background-color:#FFFFFF;} #light a:focus {color: #841F17; text-decoration: underline; background-color:#FFFFFF;} #light a:active {color: #841F17; text-decoration: none; background-color:#FFFFFF;} #sept {width: 175px; height:140px; background-image: url(../images/place_water_bg.gif); background-position: top left; background-repeat:no-repeat; } #sept h2 {padding: 5px 0px 0px 55px; color: #42835D; font-size:1em; margin: 0px 0px 0px 0px;} #sept p {padding: 5px 5px 0px 55px;} #sept a:link {color:#42835D; text-decoration: none; } #sept a:visited {color: #42835D; text-decoration: none; } #sept a:hover {color: #42835D; text-decoration: underline; background-color:#FFFFFF;} #sept a:focus {color: #42835D; text-decoration: underline; background-color:#FFFFFF;} #sept a:active {color: #42835D; text-decoration: none; background-color:#FFFFFF;} /* Latest News Buttons --------------------------------------------------*/ #btnleft {width: 260px; float: left; margin-top: 7px; padding-left: 10px } #btnright {margin-left: 265px; margin-top: 7px } .btnred {margin: 0px 10px 5px 0px; } .btnred a:link {display:block; width: 212px; padding:3px 0px 3px 7px; margin: 0px 0px 0px 0px; color:#FFFFFF; background: url("../images/red_btn.gif") 0 0 no-repeat; text-decoration: none; font-weight:bold} .btnred a:visited { color:#FFFFFF; display:block; width: 212px; padding:3px 0px 3px 7px; margin: 0px 0px 0px 0px; background-color:none; background: url("../images/red_btn.gif") 0 0 no-repeat; text-decoration: none; font-weight:bold } .btnred a:hover { background-position: 0 -23px; color:#FFFFFF; background-color:#F7F7F7 } .btnred a:focus {color:#FFFFFF; background-color:none; background-color:#F7F7F7; background-position: 0 -23px;} .btnred a:active {color:#FFFFFF; background-position: 0 -46px; background-color:#F7F7F7 } /* Headings & Text --------------------------------------------------*/ #home h1 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} /*.outline h2 {color: #5D2554; font-size:1em; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; border:solid #D2D2D2; border-width:0px 0px 1px 0px;}*/ .outline h2 {border-right: #d2d2d2 0px solid; border-top: #d2d2d2 0px solid; font-size: 1em; margin: 0px; border-left: #d2d2d2 0px solid; color: #ffffff; border-bottom: #d2d2d2 1px solid; background-color:#990000; padding: 3px;} /*.outlineright h2 {align:left;text-align:left;background-color: #0F6311;color: #FFFFFF; font-size:1em; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; border:solid #D2D2D2; border-width:0px 0px 1px 0px;}*/ .outlineright h2 {background-color: #0F6311;color: #ffffff; font-size:1em; margin: 0px 0px 0px 0px; padding: 3px; border:solid #D2D2D2; border-width:0px 0px 1px 0px;} /* Lists --------------------------------------------------*/ #countyright ul {list-style: none; margin: 0px 0px 20px 0px; padding: 0 0 0.6em 0;} #countyright ul li {background: url(../images/bullet.gif) no-repeat 0em 0.4em; display: block; padding: 0 0 0.1em 10px;} .outlineright ul {list-style: none; margin: 10px 0px 0px 0px; padding: 0 0 0.6em 0;} .outlineright ul li {background: url(../images/bullet.gif) no-repeat 0em 0.4em; display: block; padding: 0 0 0.1em 10px;} .quick ul {list-style: none; margin: 10px 0px 0px 0px; padding: 0 0 0.6em 0;} .quick li {background: url(../images/bullet.gif) no-repeat 0em 0.4em; display: block; padding: 0 0 1em 10px;} /* Links --------------------------------------------------*/ a:link { color: #881D04; text-decoration: underline; } a:visited { color: #663399; text-decoration: underline; } a:hover {color: #881D04; text-decoration: underline; background-color: #FFFFCC} a:focus {color: #881D04; text-decoration: underline; background-color: #FFFFCC} a:active {color: #881D04; text-decoration: underline; background-color: #FFFFCC} #footer a:link { color: #666666; text-decoration: underline; } #footer a:visited { color: #663399; text-decoration: underline; } #footer a:hover {color: #666666; text-decoration: underline; background-color: #FFFFCC} #footer a:focus {color: #666666; text-decoration: underline; background-color: #FFFFCC} #footer a:active {color: #666666; text-decoration: underline; background-color: #FFFFCC} a:link.black { color: #333333; text-decoration: underline; font-weight:bold } a:visited.black { color: #663399;; text-decoration: underline; font-weight:bold } a:hover.black {color: #333333; text-decoration: underline; background-color: #FFFFCC; font-weight:bold} a:focus.black {color: #333333; text-decoration: underline; background-color: #FFFFCC; font-weight:bold} a:active.black {color: #333333; text-decoration: underline; background-color: #FFFFCC; font-weight:bold} .black a:link { color: #333333; text-decoration: underline; font-weight:bold } .black a:visited { color: #663399;; text-decoration: underline; font-weight:bold } .black a:hover {color: #333333; text-decoration: underline; background-color: #FFFFCC; font-weight:bold} .black a:focus {color: #333333; text-decoration: underline; background-color: #FFFFCC; font-weight:bold} .black a:active {color: #333333; text-decoration: underline; background-color: #FFFFCC; font-weight:bold} /* Fix 3px Bug --------------------------------------------------*/ /* Hide from IE5-mac. Only IE-win sees this. \*/ * html .outline{ height: 1%; margin-left: 0;} * html #countyright { height: 1%; margin-left: 0;} * html .outlineright { height: 1%; margin-left: 0;} * html #btnright { height: 1%; margin-left: 0;} * html #btnleft { height: 1%; margin-left: 0;} /* -----------------------------------------------------------------------------------------------------------------------------------------*/ /* SUBPAGE STYLE ADDITIONS ----------------------------------------------------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------------------------------------------------------*/ #leftnav {padding: 20px 0px 10px 0px; float: left; width: 190px; background-color:#FFFFFF} #content {padding: 20px 20px 20px 20px; margin-left: 195px; margin-right: 195px; background-color:#FFFFFF } #contentfull {padding: 20px 20px 20px 20px; margin-left: 195px; margin-right: 0px; background-color:#FFFFFF } #rightcolsub {padding: 20px 0px 10px 0px; float: right; width: 190px; background-color:#FFFFFF} /* History Trail --------------------------------------------------*/ #history {margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px;} /* Left Navigation --------------------------------------------------*/ #subnavcontainer { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } #subnavcontainer ul{margin: 0; padding: 0; list-style-type: none; font-family: verdana; font-size: 1em; font-weight: normal;} #subnavcontainer li {margin: 0 0 0 0; border-bottom: 1px solid #CCCCCC; width: 178px; padding: 6px 5px 6px 5px; background-color:#F6F6F6 } #subnavcontainer a {display: block; color: #333333; text-decoration : none;} #subnavcontainer a:visited {color: #333333; background-color: #F6F6F6; text-decoration : none;} #subnavcontainer a:hover {color: #333333; text-decoration : underline; background-color: #F6F6F6 } #subnavcontainer a:active {color: #333333; text-decoration : none; background-color: #F6F6F6 } #subnavcontainer a:focus {color: #333333; text-decoration : none; background-color: #F6F6F6 } #subnavcontainer ul ul {margin: 0; padding: 0; list-style-type: none; font-family: verdana; font-size: 1em; font-weight: normal;} #subnavcontainer ul ul li {margin: 0 0 0 0; border-bottom: 0px solid #CCCCCC; width: 158px; padding: 3px 5px 0px 15px; background-color:#F6F6F6; background-image:url(../images/nav_bullet.gif); background-repeat:no-repeat; background-position: 7px 10px } #subnavcontainer ul ul a {display: block; color: #333333; text-decoration : none; background-color:#F6F6F6} #subnavcontainer ul ul a:visited {color: #333333; background-color: #F6F6F6; text-decoration : none;} #subnavcontainer ul ul a:hover {color: #333333; text-decoration : underline; background-color: #F6F6F6 } #subnavcontainer ul ul a:active {color: #333333; text-decoration : none; background-color: #F6F6F6 } #subnavcontainer ul ul a:focus {color: #333333; text-decoration : none; background-color: #F6F6F6 } #subnavcontainer ul ul ul {margin: 0; padding: 0; list-style-type: none; font-family: verdana; font-size: 1em; font-weight: normal;} #subnavcontainer ul ul ul li {margin: 0 0 0 0; border-bottom: 0px solid #CCCCCC; width: 138px; padding: 3px 5px 0px 15px; background-color:#F6F6F6 } #subnavcontainer ul ul ul a {display: block; color: #333333; text-decoration : none; background-color:#F6F6F6} #subnavcontainer ul ul ul a:visited {color: #333333; background-color: #F6F6F6; text-decoration : none;} #subnavcontainer ul ul ul a:hover {color: #333333; text-decoration : underline; background-color: #F6F6F6 } #subnavcontainer ul ul ul a:active {color: #333333; text-decoration : none; background-color: #F6F6F6 } #subnavcontainer ul ul ul a:focus {color: #333333; text-decoration : none; background-color: #F6F6F6 } #subnavcontainer ul ul ul ul{margin: 0; padding: 0; list-style-type: none; font-family: verdana; font-size: 1em; font-weight: normal;} #subnavcontainer ul ul ul ul li {margin: 0 0 0 0; border-bottom: 0px solid #CCCCCC; width: 118px; padding: 3px 5px 0px 15px; background-color:#F6F6F6 } #subnavcontainer ul ul ul ul a {display: block; color: #333333; text-decoration : none; background-color:#F6F6F6} #subnavcontainer ul ul ul ul a:visited {color: #333333; background-color: #F6F6F6; text-decoration : none;} #subnavcontainer ul ul ul ul a:hover {color: #333333; text-decoration : underline; background-color: #F6F6F6 } #subnavcontainer ul ul ul ul a:active {color: #333333; text-decoration : none; background-color: #F6F6F6 } #subnavcontainer ul ul ul ul a:focus {color: #333333; text-decoration : none; background-color: #F6F6F6 } /* Terminal 4 Selected Navigation --------------------------------------------------*/ .currentbranch0 {text-decoration: underline;} .currentbranch1 {text-decoration: underline;} .currentbranch2 {text-decoration: underline;} /* Placeholders --------------------------------------------------*/ .placeholder {margin-top: 10px;} .place {border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px } #adobe {width: 190px; height:91px; background-image: url(../images/place_adobe_bg.gif); background-position: top left; background-repeat:no-repeat; margin-top: 10px } #adobe h2 {padding: 5px 0px 0px 65px; color: #D84444; font-size:1em; margin: 0px 0px 0px 0px;} #adobe p {padding: 5px 5px 0px 65px;} #adobe a:link {color:#D84444; text-decoration: none; } #adobe a:visited {color: #D84444; text-decoration: none; } #adobe a:hover {color: #D84444; text-decoration: underline; background-color:#FFFFFF;} #adobe a:focus {color: #D84444; text-decoration: none; background-color:#FFFFFF;} #adobe a:active {color: #D84444; text-decoration: none; background-color:##FFFFFF;} img.imageplace {border: 1px solid #CCCCCC; background-color:#F6F6F6; padding: 8px 8px 8px 8px; margin: 0px 10px 10px 0px;} /* Site Sections -------------------------------------------------------------------------------------------*/ /* Top Navigation Underlined in each section --------------------------------------------------*/ #home #navcontainer ul li.navy a{text-decoration: underline; } #council #navcontainer ul li.purp a{text-decoration: underline; } #forms #navcontainer ul li.olive a{text-decoration: underline; } #jobs #navcontainer ul li.orng a{text-decoration: underline; } #plan #navcontainer ul li.grn a{text-decoration: underline; } #publications #navcontainer ul li.red a{text-decoration: underline; } #services #navcontainer ul li.blue a{text-decoration: underline; } /* Other Sections Navy Colour --------------------------------------------------*/ #subpage .placetop {background-color: #015074; padding: 5px 5px 5px 5px;} #subpage .placetop h2 {color: #FFFFFF; font-size: 1em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #subpage #content h1 {color: #015074; font-size:1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px } #subpage #content p {padding: 0px 0px 10px 0px;} #subpage #content h2 {color: #015074; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #subpage #contentfull h1 {color: #015074; font-size:1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px } #subpage #contentfull p {padding: 0px 0px 10px 0px;} #subpage #contentfull h2 {color: #015074; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} /* Services --------------------------------------------------*/ #services .placetop {background-color: #058CDA; padding: 5px 5px 5px 5px;} #services .placetop h2 {color: #FFFFFF; font-size: 1em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #services #content h1 {color: #058CDA; font-size:1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px } #services #content p {padding: 0px 0px 10px 0px;} #services #content h2 {color: #058CDA; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #services #contentfull h1 {color: #058CDA; font-size:1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px } #services #contentfull p {padding: 0px 0px 10px 0px;} #services #contentfull h2 {color: #058CDA; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} /* Your Council --------------------------------------------------*/ #council .placetop {background-color: #5D2554; padding: 5px 5px 5px 5px;} #council .placetop h2 {color: #FFFFFF; font-size: 1em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #council #content h1 {color: #5D2554; font-size:1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px } #council #content p {padding: 0px 0px 10px 0px;} #council #content h2 {color: #5D2554; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #council #contentfull h1 {color: #5D2554; font-size:1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px } #council #contentfull p {padding: 0px 0px 10px 0px;} #council #contentfull h2 {color: #5D2554; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} /* Forms --------------------------------------------------*/ #forms .placetop {background-color: #7F8904; padding: 5px 5px 5px 5px;} #forms .placetop h2 {color: #FFFFFF; font-size: 1em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #forms #content h1 {color: #7F8904; font-size:1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px } #forms #content p {padding: 0px 0px 10px 0px;} #forms #content h2 {color: #7F8904; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #forms #contentfull h1 {color: #7F8904; font-size:1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px } #forms #contentfull p {padding: 0px 0px 10px 0px;} #forms #contentfull h2 {color: #7F8904; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} /* Publications--------------------------------------------------*/ #publications .placetop {background-color: #B11E12; padding: 5px 5px 5px 5px;} #publications .placetop h2 {color: #FFFFFF; font-size: 1em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #publications #content h1 {color: #B11E12; font-size:1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px } #publications #content p {padding: 0px 0px 10px 0px;} #publications #content h2 {color: #B11E12; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #publications #contentfull h1 {color: #B11E12; font-size:1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px } #publications #contentfull p {padding: 0px 0px 10px 0px;} #publications #contentfull h2 {color: #B11E12; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} /* Planning--------------------------------------------------*/ #plan .placetop {background-color: #33756A; padding: 5px 5px 5px 5px;} #plan .placetop h2 {color: #FFFFFF; font-size: 1em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #plan #content h1 {color: #33756A; font-size:1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px } #plan #content p {padding: 0px 0px 10px 0px;} #plan #content h2 {color: #33756A; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #plan #contentfull h1 {color: #33756A; font-size:1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px } #plan #contentfull p {padding: 0px 0px 10px 0px;} #plan #contentfull h2 {color: #33756A; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} /* Jobs--------------------------------------------------*/ #jobs .placetop {background-color: #E27B00; padding: 5px 5px 5px 5px;} #jobs .placetop h2 {color: #FFFFFF; font-size: 1em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} #jobs #content h1 {color: #E27B00; font-size:1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px } #jobs #content p {padding: 0px 0px 10px 0px;} #jobs #content h2 {color: #E27B00; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #jobs #contentfull h1 {color: #E27B00; font-size:1.4em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px } #jobs #contentfull p {padding: 0px 0px 10px 0px;} #jobs #contentfull h2 {color: #E27B00; font-size:1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} /* Fix 3px Bug --------------------------------------------------*/ /* Hide from IE5-mac. Only IE-win sees this. \*/ * html #content { height: 1%; margin-left: 0;} * html #contentfull { height: 1%; margin-left: 0;} /* Table Borders for Main Content Area Only */ #content table, #content td, #content th { border: 1px dotted #CCCCCC; padding: 3px;} /* Planning WatchMe Tool */ .GridView th {background-color: #33756A; color:#FFFFFF} .GridView .AltRow {background-color: #CCCCCC} .GridView .centre {text-align: center} /* Rounded Corners Pages e.g. Online Payments and Services */ div.eservicesouter {background-color: #058BDA; width: 540px; overflow: hidden;} div.eservices{width: 250px;background: #FFDA73; display:inline; float: left; margin:10px;} div.eservices img {display:inline; float:left;vertical-align:middle;padding-left:5px;padding-right:5px;border:none;} div.eservices h2 {display:inline; float:left;font-size: 110%;margin:0px 5px 0px 0px;background: #FFFFFF;color: #000000;} div.eservices p{margin:10px 10px 5px 10px;line-height: 1.3;height:100px;} div.eservicestop {background-color: #FFFFFF; width: 250px;height:55px;}