body{font-family: Arial, Helvetica, sans-serif; text-align:center; font-size:12px; line-height:1.5em;}
.clear{ clear:both;}
#topbanner img { behavior: url(iepngfix.htc) }

#container{width:770px; margin-left:auto; margin-right:auto; text-align:left; margin-top:10px;}

#column_wrap {margin:0;padding:0; background:url(../img/backgrounds/column_wrap.gif) repeat-y top left; overflow:hidden;}

/* ---------------------- Top Banners --------------------------------------------------------------------- */
#topbanner{width:770px; height:110px; background-repeat:no-repeat;}
#topbanner img.logo{float:left; margin-top:15px; margin-left:7px;}

/* Different Top Banners */
.bannertop01{background-image:url(../img/top_banners/banner01.jpg)} /* Lake, Boat, Swans */

/* ---------------------- Text Size --------------------------------------------------------------------- */
#textsize{background-color:#fff; float:right; padding:5px; }
#textsize p{color:#004184; font-weight:bold;} #textsize a{text-decoration: none; color:#004184;} #textsize a:hover{color:#990000;}
#textsize span.small a{font-size:12px;} #textsize span.medium a{font-size:14px;} #textsize span.large a{font-size:16px; color:#004184;}

/* ---------------------- Tooltip --------------------------------------------------------------------- */
a.tooltip {color:#c00; font-size:11px;}
a.tooltip strong {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover strong {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:85px;}
a.tooltip:hover strong em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(../img/icons/pointer.gif) 0 0; display:block; font-size:1px;}

/* ---------------------- Top Navigation --------------------------------------------------------------------- */
#navcontainer {clear:both; margin: 0px; padding: 0; border-top: 1px solid #fff; }
#navcontainer ul {border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; height:28px;}
#navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#navcontainer ul li a { width: 82px; height: 28px; padding: 0; margin: 0 0 0px 0; text-decoration: none; display: block; text-align: center; font: normal 12px/28px Arial, verdana, lucida, sans-serif; }
#navcontainer ul li a:hover {}

/* Business Colours - Blue */
body.business #navcontainer{background: #004185;}
body.business #navcontainer ul{background-color:#004185;}
body.business #navcontainer ul li.on a, body.business #navcontainer ul li.on a:hover{background-color:#CFDBE7; color:#004185;}
body.business #navcontainer ul li a{background: #004185; color: #D5F1FF;}
body.business #navcontainer ul li a:hover{color: #fff; background: #003264;}

/* ---------------------- Search --------------------------------------------------------------------- */
.breadcrumbs{float:left; width:435px; padding-left:10px;} .breadcrumbs p{line-height:23px; font-size:11px;}
#search .breadcrumbs a{color:#000; text-decoration:none;} #search .breadcrumbs a:hover{color:#000; text-decoration:underline;}

#search{background-image: url(../img/backgrounds/search_bg.jpg); background-repeat:repeat-x; background-position:bottom left; padding:4px; border-bottom:1px solid #8E9DBC; margin-bottom:0px;}
#search p{color:#004185;}
#search a, #search a:visited{text-decoration:underline; color:#004185;}
#search a:hover{color:#333; text-decoration:none;}
#search input.searchbox{border:1px solid #8E9DBC; padding:3px; font-size:11px; margin-right:1px; margin-left:5px;}
#search input.searchbox:focus{background-color:#ffffcc; border:1px solid #004185;}
#search input.gobutton{background-color:#004185; padding:3px; color:#fff; font-size:9px; border:none; cursor:pointer; padding-left:4px; padding-right:4px; margin-right:10px;}
#search input.gobutton:hover{background-color: #0059B3;}

/* ---------------------- Inside Page 2 column layout --------------------------------------------------------------------- */
#main-content{}
#rightcolumn{float:right; width:585px; border-top:1px solid #fff;}
#rightcolumn p{color:#333;}
#leftcolumn{float:left; width:180px;} 


/* left navigation */
#leftcolumn ul.leftnavigation{padding-bottom:20px;}
#leftcolumn ul.leftnavigation li{padding-left:27px; padding-top:6px; padding-bottom:5px; border-top:1px solid #fff; background-repeat:no-repeat; background-position:8px 8px; }
#leftcolumn ul.leftnavigation li.sub{font-size:11px; border-top:none; padding-top:0px; padding-bottom:4px; background-position:24px 3px; padding-left:39px;}
#leftcolumn ul.leftnavigation li a{text-decoration:none;}
#leftcolumn ul.leftnavigation li a.on{font-weight:bold;}

#rightcolumn .topbanner{background-repeat:no-repeat; width:585px; height:60px; position:relative;}
#rightcolumn .topbanner h1{font-size:42px; line-height:60px; padding-left:7px;}
#rightcolumn .welcome{padding:4px; padding-left:10px; font-size:11px; margin-bottom:7px;}
#rightcolumn .town_name{background-repeat:no-repeat; width:585px; height:95px; position:relative;}


#rightcolumn .town_name h1{position:absolute; bottom:0px; right:5px; font-size:38px; font-family: "Trebuchet MS", Arial; color:#fff; line-height:48px; }

#rightcolumn .town_name select.pick_town{position:absolute; bottom:5px; left:5px; width:105px;} #rightcolumn .town_name input.go_orange{position:absolute; bottom:5px; left:115px;}

/* rhs template */
body.rhs #rightcolumn #content{float:left; width:390px; padding-bottom:30px;}
/* ie6 */ *html #rightcolumn #content{float:left; padding-left:0px;} *html body.rhs #rightcolumn #content{padding-left:0px;} 
/* ie6 */ *html #rightcolumn .topbanner{margin-left:0px;}
/* ie6 */ *html #rightcolumn .welcome{width:576px; padding-left:5px; margin-left:0px;}
/* ie6 */ *html #rightcolumn .welcome p{margin-left:6px;}

/* end ths template */
#rightcolumn #content{padding-bottom:20px;}
#rightcolumn #content p{line-height:1.6em; margin-bottom:10px;}
#rightcolumn #rhs-features{float:right; width:180px; padding-bottom:10px;}

#rightcolumn #rhs-features .rhs-headlines h2{background-repeat:repeat-x; padding:5px; font-size:12px; font-weight:bold; padding-top:7px; text-transform:uppercase; line-height:14px;}
#rightcolumn #rhs-features .rhs-headlines p.title {background-repeat:repeat-x; padding:5px; font-size:12px; font-weight:bold; padding-top:7px; text-transform:uppercase; line-height:14px;}
#rightcolumn #rhs-features .rhs-headlines ul.page li.last, #rightcolumn #rhs-features .rhs-headlines ul.calendar li.last{border-bottom:none;}
/* White Page List Style */
#rightcolumn #rhs-features .rhs-headlines ul.page{text-transform:uppercase;}
#rightcolumn #rhs-features .rhs-headlines ul.page li{padding-left:25px; padding-top:7px; padding-bottom:6px; background-image:url(../img/icons/whitepage.gif); background-repeat:no-repeat; font-size:11px; background-position:4px 7px; padding-right:3px; line-height:1.4em;}
#rightcolumn #rhs-features .rhs-headlines ul.page li a{text-decoration:none;}
#rightcolumn #rhs-features .rhs-headlines p.more{border-bottom:none;}

/* Calendar List Style */
#rightcolumn #rhs-features .rhs-headlines ul.calendar{text-transform:uppercase;}
#rightcolumn #rhs-features .rhs-headlines ul.calendar li{padding-left:25px; padding-top:7px; padding-bottom:6px; background-image:url(../img/icons/calendar.gif); background-repeat:no-repeat; font-size:11px; background-position:4px 7px; padding-right:3px; line-height:1.4em;}
#rightcolumn #rhs-features .rhs-headlines ul.calendar li a{text-decoration:none;}

/* Page Link List Style */
#rightcolumn #rhs-features .rhs-headlines ul.pagelink{padding-top:5px; padding-bottom:4px;}
#rightcolumn #rhs-features .rhs-headlines ul.pagelink li{padding-left:25px; padding-top:2px; padding-bottom:3px; background-image:url(../img/icons/pagelink.gif); background-repeat:no-repeat; font-size:11px; background-position:12px 4px; padding-right:3px; line-height:1.4em;}
#rightcolumn #rhs-features .rhs-headlines ul.pagelink li a{text-decoration:underline;}
#rightcolumn #rhs-features .rhs-headlines ul.pagelink li a:hover{text-decoration:none;}


/* More Buttons */
#rightcolumn #rhs-features .rhs-headlines p.more a, #rightcolumn #rhs-features .rhs-headlines p.more_blue a{text-decoration:none; text-transform:uppercase;}
#rightcolumn #rhs-features .rhs-headlines p.more, #rightcolumn #rhs-features .rhs-headlines p.more_blue{display:block; line-height:12px; font-size:11px; padding-right:5px; padding-top:3px; padding-bottom:3px; text-align:right;}


/********** Styleguide *************/
/*#content h2{font-size:20px; margin-top:10px; margin-bottom:10px; color:#205993;} */

/* headings */
#content h1 { font-size:26px; margin-top:13px; margin-bottom:15px; margin-left:10px; font-weight:bold; letter-spacing:-1px;}
#content h2 { font-size:18px; margin-top:10px; margin-bottom:8px; margin-left:10px;}
#content h3 { font-size:14px; font-weight:bold; margin-top:10px; margin-bottom:8px; margin-left:10px;}
#content h4 { font-size:12px; font-weight:bold; margin-top:10px; margin-bottom:8px; margin-left:10px;}

/* text styling */
#content p{margin-left:10px;}
#content p a{color:#006699; text-decoration:underline;}
#content p a:hover{color:#0099CC; text-decoration:none;}

/* image styling */
#content p img{margin-left:0px; border:1px solid #e2e2e2; padding:4px; margin-right:8px; margin-bottom:5px;}

/* blockquote */
#content blockquote{margin-bottom:10px; }
#rightcolumn #content blockquote p{color: #555; font-style:italic; font-size:12px; margin-bottom:0px;  padding-bottom:5px; margin-right:20px;}
blockquote span{font-family: Times New Roman, Verdana, Arial, serif; font-size:18px; font-weight:bold;}
cite{font-size:11px; color:#666; line-height:20px; margin-left:10px;}

/* lists */
#content ul{margin-bottom:20px; margin-left:3px; font-size:12px; margin-left:10px;} #content ul li{padding-left:19px; background:url(../img/icons/arrow.gif) no-repeat 0px 3px; margin-bottom:3px;}
#content ul li a{color:#006699; text-decoration:underline;} 
#content ul li a:hover{color:#0099CC; text-decoration:none;}

/* Downloads List */
#content ul.downloads {margin: 10px 10px 10px 10px;}
#content ul.downloads li { padding: 0 0 7px 20px; } #content ul.downloads li a{color:#006699; text-decoration:underline;} #content ul.downloads li a:hover{color:#0099CC; text-decoration:none;}
#content ul.downloads li.word {padding: 0 0 4px 21px; background: url(../img/icons/word.gif) no-repeat top left}
#content ul.downloads li.powerpoint {padding: 0 0 4px 21px; background: url(../img/icons/powerpoint.gif) no-repeat top left}
#content ul.downloads li.pdf {padding: 0 0 4px 21px; background: url(../img/icons/pdf.gif) no-repeat top left}
#content ul.downloads li.desc {background: none; border: none; padding-left:23px; font-size:0.9em; color:#999; margin-top:-6px;}

/* Photo List */
ul.photo { padding: 10 0 60px 20px; background: none; margin-bottom:25px;}
ul.photo li a{padding: 0 0 0px 35px; line-height: 45px; background: url(../img/icons/photo.jpg) no-repeat top left; font-size:1.4em; vertical-align:middle; padding-bottom:30px; color:#006699; text-decoration:underline;}


/* News List */
#content ul.news {margin: 10px 10px 15px 10px;}
#content ul.news li { padding: 0 0 0px 20px; }
#content ul.news li.title {padding: 0 0 4px 21px; background: url(../img/icons/page.gif) no-repeat top left}
#content ul.news li.desc {background: none; border: none; color: #858585; line-height:1.5em; margin-bottom:3px; padding: 0 0 0px 10px;}

/* Data Table */
table.data{width:100%; margin-bottom:10px; margin-left:0px; }
table.data th{padding:4px 6px; text-transform:uppercase; font-size:10px; color:#fff; font-family:Lucida Sans, Verdana, Arial; border-bottom:1px solid #e2e2e2; }
table.data tr.alt{}
table.data td{padding:4px 7px; font-size:12px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}

table.data td a:hover{text-decoration:none;}

table.data td select{font-size:11px; width:120px;}
table.data td input.submit{background-color:#004185; padding:3px; color:#fff; font-size:9px; border:none; cursor:pointer; padding-left:4px; padding-right:4px; margin-right:10px; font-size:12px;}
table.data td input.submit:hover{background-color: #0059B3;}

/* Search Table */
table.search-table{width:100%; margin-bottom:10px; margin-left:0px; }
table.search-table th{padding:4px 6px; text-transform:uppercase; font-size:10px; color:#fff; font-family:Lucida Sans, Verdana, Arial; border-bottom:1px solid #e2e2e2; }
table.search-table tr.alt{}
table.search-table td{padding:4px 7px; font-size:12px; }
table.search-table td a{color:#990000;} table.data td a:hover{text-decoration:none;}
table.search-table td select{font-size:11px; width:120px;}
table.search-table td input.submit{background-color:#004185; padding:3px; color:#fff; font-size:9px; border:none; cursor:pointer; padding-left:4px; padding-right:4px; margin-right:10px; font-size:12px;}
table.search-table td input.submit:hover{background-color: #0059B3;}

/* Image style */
.imgLeft {float:left; margin:0.5em 1em 0em 10px; position:relative; } *html .imgLeft {margin-left:5px;}
#content .imgLeft p {font-size:0.9em; color:#999; font-style:italic; margin:0; padding:0.5em; border-bottom:1px dotted #e2e2e2; border-right:1px dotted #e2e2e2; border-right:1px dotted #e2e2e2;margin-top:-0.5em; padding-bottom:0em; padding-top:6px; padding-bottom:3px;} 
/* curved corner */ .spareSpan {position:absolute; top:0; right:0; display:block; width:17px; height:17px; background:url(../img/backgrounds/curvedCorner.png); }

/* yellow note */
#content .yellownote{background-color:#ffffcc; padding: 4px 5px 1px 5px; margin-bottom:15px; margin-left:10px; background-image:url(../img/backgrounds/fold.gif); background-repeat:no-repeat; background-position:top right; width:97%;}

/* date style */
#content p.date{padding-left:20px; color:#999; font-size:11px; background:url(../img/icons/calendar.gif) no-repeat 0px 0px;}


/************ Boxes Styles ************** */
.narrowbox{padding:8px; width:170px; height:80px; background-repeat:no-repeat; float:left; margin-bottom:4px; margin-left:7px;}
.longbox{padding:8px; width:170px; height:140px; background-repeat:no-repeat; float:left; margin-left:7px; margin-bottom:10px;}
.largebox{width:260px; padding:8px; height:148px; background-repeat:no-repeat; float:left; background-position: bottom right; margin-bottom:10px; margin-left:10px; } .largebox img{float:right;}

#content .longbox p{margin-left:0px;}

/* ie6 */
*html .largebox{margin-left:5px;} *html .yellowbox{margin-left:5px;} *html .longbox{margin-left:5px; width:165px;} *html .narrowbox{margin-left:5px; width:165px;}

.yellowbox{width:260px; height:auto; padding:8px; background-repeat:repeat-x; float:left; background-position: bottom left; margin-left:10px; margin-bottom:27px; background-image:url(../img/backgrounds/yellow_gradient.jpg); border:1px solid #E5E8D2;}
.yellowbox img{float:left; border:1px solid #ccc; margin-right:7px; margin-bottom:3px;}

#content ul.brown_tick{margin-left:0px;}
#content ul.brown_tick li{margin-bottom: 4px; padding-left:18px; background-image:url(../img/icons/small_brown_tick.gif); background-repeat:no-repeat; background-position:0px 3px;}
#content ul.brown_tick li a{text-decoration: none;} ul.brown_tick li a:hover{text-decoration:underline;}

#content ul.green_tick{margin-left:0px;}
#content ul.green_tick li{margin-bottom: 4px; padding-left:18px; background-image:url(../img/icons/small_green_tick.gif); background-repeat:no-repeat; background-position:0px 3px;}
#content ul.green_tick li a{text-decoration: none;} ul.brown_tick li a:hover{text-decoration:underline;}

#content ul.yesno{margin-left:0px;}
#content ul.yesno li{width:40px; display:inline; margin-right:1px; padding-left:23px; padding-right:23px; padding-top:3px; padding-bottom:3px; text-transform:uppercase; font-weight:bold; font-size:11px; background-image:none;}
#content ul.yesno li a{text-decoration:none;}

#content ul.small_orange_arrow{margin-left:0px; margin-top:0px; margin-bottom:0px;}
#content ul.small_orange_arrow li{background-image:url(../img/icons/small_orange.gif); background-repeat:no-repeat; background-position:0px 5px; padding-left:11px; font-size:11px; line-height:1.4em;}
#content ul.small_orange_arrow li a{color:#028BAF; text-decoration:underline;} #content ul.small_orange_arrow li a:hover{color:#028BAF; text-decoration:none;}

#content ol{margin-left:26px; margin-bottom:12px;} *html #content ol{margin-left:34px;}

#content .narrowbox h3, #content .longbox h3, #content .largebox h3{font-size:16px; font-weight:bold; margin-bottom:5px; margin-top:5px; margin-left:0px;} .narrowbox h3 a, .longbox h3 a, .largebox h3 a, .yellowbox h5 a{text-decoration:none;}
#content .largebox p, #content .narrowbox p{margin-left:0px;}
#content .largebox h4{font-size:11px; font-weight:bold; margin:0px;}
.yellowbox h5{font-size:12px; font-weight:bold; margin-bottom:3px;} #rightcolumn #content .yellowbox p{color:#004185; font-size:11px; line-height:1.3em;}
#rightcolumn #content .narrowbox p, #rightcolumn #content .largebox p{font-size:11px; line-height:1.4em; margin-bottom:3px;}
.funding_box{background-image:url(../img/boxes/money.jpg); background-position:bottom right;}
.smilingman_box{background-image:url(../img/boxes/smiling_man.jpg); background-position:bottom right; margin-left:2px;}
/*.questionmark_box{background-image:url(../img/boxes/question.jpg); background-position: top right;}*/
.tick_box{background-image:url(../img/boxes/tick.jpg); background-position: top right; margin-left:2px;}
.townsvillages{background-image:url(../img/backgrounds/orange_gradient.jpg); background-repeat:repeat-x;}
.townsvillages select{width:110px; margin-right:2px;}

.latest {margin:0;padding:0;} .latest h2 {margin:0;padding:0;} .latest p.date {margin:0;padding:0;} .latest p.text {margin:0;padding:0;} .latest p.link {margin:0;padding:0;}

/* ******** Go button Styles ************** */
input.go_purple{background-color:#B10046; padding:3px; color:#fff; font-size:9px; border:none; cursor:pointer; padding-left:4px; padding-right:4px; margin-right:10px;}
input.go_purple:hover{background-color: #F00060;}
input.go_orange{background-color:#E67100; padding:3px; color:#fff; font-size:9px; border:none; cursor:pointer; padding-left:4px; padding-right:4px; margin-right:10px;}
input.go_orange:hover{background-color: #F8DCAA;}
input.go_blue{background-color:#004185; padding:3px; color:#fff; font-size:9px; border:none; cursor:pointer; padding-left:4px; padding-right:4px; margin-right:10px;}
input.go_blue:hover{background-color: #004185;}

/*=Pagination */
#content .pagination{padding: 2px; margin-left:10px; }
#content .pagination ul{margin: 0; padding: 0; text-align: left; font-size: 12px; }
#content .pagination li{ list-style-type: none; display: inline; padding-bottom: 1px; background:none; padding-left:0px;}
#content .pagination a, .pagination a:visited{ padding: 2px 6px; border: 1px solid #9aafe5; text-decoration: none;  color: #2e6ab1; }
#content .pagination a:hover, .pagination a:active{ border: 1px solid #2b66a5; color: #000;  }
#content .pagination a.currentpage{ background-color: #2e6ab1; color: #FFF !important; border-color: #2b66a5; font-weight: bold; cursor: default; }
#content .pagination a.disablelink, .pagination a.disablelink:hover{ background-color: white; cursor: default; color: #929292; border-color: #929292; font-weight: normal !important; }
#content .pagination a.prevnext{ font-weight: bold; }

/* *********** Footer Style ************* */
#foot {margin:0 auto;width:770px;}
#footer{clear:both; height:26px; background-repeat:repeat-x; background-position:bottom left; position:relative; text-align:left;}
#footer p{padding:3px; font-size:11px; line-height:18px; padding-left:10px;}
#footer img.aloud{position:absolute; right:5px; top:-7px; z-index:50;}
#footer a{text-decoration: none;}
#foot_options{clear:both; padding-left:10px; padding-top:3px; margin-bottom:5px; text-align:left;}
#foot_options ul li{display:inline; margin-right:7px; font-size:10px; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#999; padding-left:15px; background-repeat:no-repeat; line-height:12px; }
#foot_options ul li a{color:#999; text-decoration:none;} #foot_options ul li a:hover{color:#666;}
#foot_options ul li.bookmark{background-image:url(../img/icons/bookmark.gif);}
#foot_options ul li.sendpage{background-image:url(../img/icons/sendpage.gif);}

/* *********** Photo Gallery ************* */
.wide{width:570px !important;} .last{margin-right:0px !important;}
#gallery .thumb a img{border:1px solid #e2e2e2; background:#eee; padding:3px;}
#gallery .thumb{width:131px; float:left; margin-right:15px; margin-bottom:7px; _margin-right:12px;}
#gallery .thumb p{font-size:11px; font-family:Tahoma, Arial, serif; margin:0px; margin-left:4px;}