/* body attributes */
html {padding: 0; margin: 0; height: 100%;}
body {margin: 0; padding: 0; font-family: verdana, arial, helvetica, sans-serif; color: #434343; background: #fff; height: 100%; text-align: center;}
img {border: none; border: 0; margin: 0; padding: 0;}
p {margin: 0; padding: 0;}
.line {color: #91b3d9; padding: 0 10px;}
.lightblue {color: #91b3d9;}
.darkblue {color: #00659c; background: transparent;}
.button {padding: 0; margin: 0 10px; width: 19px; height: 17px; background: transparent url(../images/arrow.gif) no-repeat; border: 0; cursor: pointer;}
.btn_submit {padding: 0; margin: 0 10px; width: 56px; height: 18px; background: transparent url(../images/submit.gif) no-repeat; border: 0; cursor: pointer;}
.btn_cancel {padding: 0; margin: 0 10px; width: 56px; height: 18px; background: transparent url(../images/cancel.gif) no-repeat; border: 0; cursor: pointer;}

/* hidden */
.hide {display: none;}

/* Page */
#pageholder {width: 100%; padding: 0; margin: 0 auto; background: #fff;}

/* Text Only Contrast */
#contrast {display: none;}

/* Top Links */
#toplinks {width: 98%; height: 35px; margin: 0; padding: 0; text-align: right; background-color: #fff;}
#toplinks a {color: #434343; font-weight: normal; text-decoration: none;}
#toplinks a:hover {color: #00659c; background: transparent;}
#toplinks a.textsize {color: #91b3d9;}
#toplinks p {font-size: 60%; padding: 10px 0 0 0;}

/* Top Bar */
#top {height: 30px; margin:0; padding:0; text-align:center;}
#top ul{ margin: 0; padding:0;}
#top li {list-style: none; display: inline; margin:0; padding:0;}
#top a {float: left; text-decoration: none; height: 30px; margin:0; padding: 0; font-size: 70%}

.tab a.Home {float: left; height:30px; width:71px; background: url(../images/tab_home.gif) no-repeat; margin:0; padding: 0; color: #434343;}
.tab a.Home:hover {background-position:0 -30px; color: #fefefe;}
.tab a.Advice {float: left; height:30px; width:71px; background: url(../images/tab_advice.gif) no-repeat; margin:0; padding: 0; color: #434343;}
.tab a.Advice:hover {background-position:0 -30px; color: #fefefe;}
.tab a.Jobs {float: left; height:30px; width:81px; background: url(../images/tab_jobs.gif) no-repeat; margin:0; padding: 0; color: #434343;}
.tab a.Jobs:hover {background-position:0 -30px; color: #fefefe;}
.tab a.Community {float: left; height:30px; width:90px; background: url(../images/tab_community.gif) no-repeat; margin:0; padding: 0; color: #434343;}
.tab a.Community:hover {background-position:0 -30px; color: #fefefe;}
.tab a.Council {float: left; height:30px; width:92px; background: url(../images/tab_council.gif) no-repeat; margin:0; padding: 0; color: #434343;}
.tab a.Council:hover {background-position:0 -30px; color: #fefefe;}
.tab a.Environment {float: left; height:30px; width:92px; background: url(../images/tab_environment.gif) no-repeat; margin:0; padding: 0; color: #434343;}
.tab a.Environment:hover {background-position:0 -30px; color: #fefefe;}
.tab a.Tourism {float: left; height:30px; width:81px; background: url(../images/tab_tourism.gif) no-repeat; margin:0; padding: 0; color: #434343;}
.tab a.Tourism:hover {background-position:0 -30px; color: #fefefe;}
.tab a.Leisure {float: left; height:30px; width:81px; background: url(../images/tab_leisure.gif) no-repeat; margin:0; padding: 0; color: #434343;}
.tab a.Leisure:hover {background-position:0 -30px; color: #fefefe;}

#header {background: transparent url(../images/bg_top.gif) repeat-x top right; width: 100%; height: 107px; margin: 0; padding:0; text-align: left;}
#headerimg {background: transparent url(../images/header.jpg) no-repeat top left; width: 100%; height: 106px; margin: 0; padding:0; float: left;}

/* barholder */
#barholder {height: 27px; width: 100%; padding: 0; background: url(../images/bg_bar.gif) repeat-x;}
#barholder p {font-weight: normal; font-size: 70%; color: #434343; padding: 0 0 0 10px;}
#barholder a {color: #434343; text-decoration: none;}
#barholder a:hover	{color: #00659c; background: transparent;}
#breadcrumb {margin: 0; padding: 9px 0 0 0; text-align: left; float: left;}
#search {color: #434343; float: right; text-align: right; font-weight: normal; margin: 0; padding: 3px 0 0 0;}

/* LeftNav */
#leftnav {width: 18%; height: auto; float: left; background: none; padding: 0;  margin: 0 2% 0 1%; text-align: left; font-size: 70%;}


/* Content */
#content {text-align: left; float: left; width: 56.7%; margin: 0; font-size: 70%;}
#content div { padding: 0 0 0 0;}
#content p {color: #434343; font-size: 100%; font-weight: normal; text-decoration: none; margin: 10px 0; padding: 0;}
#content p.question {color: #434343; font-size: 100%; font-weight: bold; text-decoration: none; margin:0 0 5px 0; padding:0;}
#content p.answer {color: #434343; font-size: 100%; font-weight: normal; text-decoration: none; margin:0 10px 10px 0; padding:0 0 10px 0; border-bottom: 1px solid #e0e0e0;}
#content p.left { text-align:left}
#content p.right { text-align:right}
#content p.center { text-align:center}
#content p.justify { text-align:justify}

#content img.left { text-align:left}
#content img.right { float:right}
#content img.center { text-align:center}
#content img.justify { text-align:justify}

#content h1 {font-size: 120%; font-weight: bold; margin: 10px 0 10px 0; color: #00659c; padding: 0 0 5px 0; border-bottom: 1px solid #e0e0e0; background: transparent;}
#content h2 {font-size: 120%; font-weight: bold; margin: 10px 0 10px 0; color: #91b3d9; padding: 0;}
#content h3 {font-size: 110%; font-weight: bold; margin: 10px 0 10px 0; color: #434343; padding: 0;}
#content .border {border: #e0e0e0 solid 1px; margin: 2px 5px 2px 0;}

#content ul {list-style: none; margin: 0; padding: 0px; text-indent: 0; color: #434343; line-height: 150%;}
#content li {background: url(../images/nav_bullit.gif) no-repeat 11px 8px; padding:2px 0 2px 25px; margin: 0;}
#content a {color: #00659c; text-decoration: none;}
#content a:hover {color: #91b3d9;}

#content .backToTop {background: url(../images/icon_top.gif) no-repeat; font-weight: bold; margin: 10px 0; padding: 5px 0 0 20px; color: #434343; border-top: 1px solid #e0e0e0;}
#content table {color: #434343; font-size: 100%; font-weight: normal; text-decoration: none;}
#content td .date {width: 30%;}
#content td .news {width: 70%;}
#content form {background-color: #f6f6f6; margin: 10px;  border: 1px solid #e0e0e0; padding-left:10px; padding-bottom:10px;} 

#event1 {float: left; width: 35%;}
#event2 {float: right; width: 63%;}

#content .view {text-align: right; float: right;}
#content a.view {font-weight: bold; text-decoration: none; color: #00659c; padding: 0 15px 0 0;}
#content a.view:hover {color: #434343;}

#content .latest {border-bottom: 1px solid #e0e0e0; padding: 20px 0;}
#content .latest h1 {border: 0; float: left; margin: 0; padding: 0;}

#content .rule {border-top: 1px solid #e0e0e0; width: 100%;}

/* Contrast Table */
.choose {text-align: right;}
.choose img {display: block; width:30px; height:30px; margin: -1px;}

/* Boxes */
.box, .leftmenu {margin:5px 0; padding:0; border:1px solid #e0e0e0; background: #f6f6f6;}
.speakbox {margin:5px 0; padding:0; border:1px solid #e0e0e0; background: #f6f6f6 url(../images/speak.gif) no-repeat 90% 60%;}
.contactbox {margin:5px 0; padding:0; border:1px solid #e0e0e0; background: #f6f6f6 url(../images/rperson.gif) no-repeat 87% 60%;}
.nidirect {margin:5px 0; padding:0; border:1px solid #e0e0e0; background: #f6f6f6}
.paybox {margin:5px 0; padding:0; border:1px solid #e0e0e0; background: #f6f6f6 url(../images/payments.gif) no-repeat 88% 60%;}
.box ul, .leftmenu ul {list-style: none; margin: 0 0 10px 0; padding: 0px; text-indent: 0; line-height: 150%;}

.box li {color: #00659c; background: #f6f6f6; padding: 5px 0 5px 0; margin: 5px 10px 0px 10px; border: 0;}
.leftmenu li {font-weight: bold; color: #00659c; background: #f6f6f6; padding: 5px 0 5px 0; margin: 5px 10px 0px 10px; border-bottom: 1px solid #e0e0e0;}

.box li a, .leftmenu li a {color: #00659c; background: #f6f6f6 url(../images/nav_bullit.gif) no-repeat 0px 5px; font-weight: bold; padding: 0 0 0 10px; margin: 0; text-decoration: none; display:block;}
.box li a:hover, .leftmenu li a:hover {color: #434343; background: #f6f6f6 url(../images/nav_bullit.gif) no-repeat 0px 5px;}

.leftmenu li.indent {background:#fff; color: #377b1c; padding: 2px 10px 2px 10px; margin: 0px 10px 0px 10px; border-bottom: 1px solid #f6f6f6;}
.leftmenu li.indent .sublink {color: #434343; background: transparent url(../images/nav_bullit01.gif) no-repeat 0px 6px; padding: 0 0 0 12px; margin: 0; text-decoration: none; display:block;}
.leftmenu li.indent .sublink:hover {color: #00659c; background: transparent url(../images/nav_bullit01.gif) no-repeat 0px 6px;}

.leftmenu li.indent2 {color: #377b1c; background:#fff; padding: 2px 10px 2px 23px; margin: 0px 10px 0px 10px; border-bottom: 1px solid #f6f6f6;}
.leftmenu li.indent2 .sublink2 {color: #434343; background: transparent url(../images/nav_bullit.gif) no-repeat 0px 5px; padding: 0 0 0 10px; margin: 0; text-decoration: none; display:block; font-size: 90%;}
.leftmenu li.indent2 .sublink2:hover {color: #00659c; background: transparent url(../images/nav_bullit.gif) no-repeat 0px 5px;}

.box h1, .leftmenu h1, .speakbox h1, .contactbox h1, .paybox h1, .nidirect h1 {font-size: 120%; font-weight: bold; margin: 10px 0 10px 0; color: #00659c; padding-left: 10px; background: transparent;}
.box h1 a, .leftmenu h1 a, .speakbox h1 a, .contactbox h1 a, .paybox h1 a, .nidirect h1 a {font-weight: bold; color: #00659c; background: transparent; text-decoration: none;}
.box h2, .leftmenu h2 {font-size: 120%; font-weight: bold; margin: 0; padding: 4px 0; color: #fff; background-color: #00659c; width: 100%; text-indent: 5px;}
.box h3, .leftmenu h3 {font-size: 120%; font-weight: bold; margin: 10px 0 10px 0; color: #434343; padding-left: 10px; }
.box p, .leftmenu p, .speakbox p, .paybox p {font-weight: normal; font-size: 100%; color: #434343; padding-left: 10px; margin: 5px 0; line-height: 150%;}

.box a, .leftmenu a, .speakbox a, .paybox a, .nidirect a {color: #434343; font-weight: normal; text-decoration: none;}
.box a:hover, .leftmenu a:hover, .speakbox a:hover, .paybox a:hover {color: #00659c; background: transparent;}

/* RightNav */
#rightnav {width: 18%; height: auto; float: right; background: none; padding: 0; margin: 0 1% 0 2%; text-align: left; font-size: 70%;}

/* Footer */
#footer {width: 95.6%; min-height: 42px; margin: 1%; padding: 10px 1%; clear:both; border:1px solid #e0e0e0; background: #f6f6f6;}
#footer p {padding: 0 0 0 10px; color: #434343; font-weight: normal; margin: 5px; font-size: 65%; text-align: center;}
#footer a {color: #434343; text-decoration: none; font-size: 95%}
#footer a:hover	{color: #00659c; background: transparent;}

/* Bespoke Template Content Elements */
.input {background-color: #fff; text-decoration: none; border: 1px solid #e0e0e0; margin: 0 0 0 10px;}
.button {padding: 0 4px; width:19px; height:17px; cursor: pointer;}
form span.block {display: block; margin:0 0 15px 0;}
form span.block label {width: 190px; display: block; float: left; clear: left; text-align: left; margin:0; padding:3px 5px 0 0;}
.alphabet {border: 1px solid #e0e0e0; padding:2px 5px 2px 5px; margin: 10px 2px; font-weight: bold; text-transform: uppercase; font-size: 120%;}
.padright {padding: 0 10px;}

/* Table */
#content .waste {width: 95%; text-indent: 5px; background: #f6f6f6; width: 80%;}
#content .waste td {border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;}
#content .waste tr {height: 30px;}
#content table .rborder {border-right: 1px solid #e0e0e0;}
#content table .header {border-top: 1px solid #e0e0e0; background: #00659c; color:#fff; font-weight: bold;}

/* Gallery */
.imgborder a:link img, .imgborder a:visited img {border: 2px solid #00307B; padding: 2px;}
.imgborder a:hover img {border: 2px solid #00659c; padding: 2px;}
.imgborder a:active img {border: 2px solid #00307B; padding: 2px;}

/* events calendar */

#calendar {margin: 10px 0 0 0; border-left:1px solid #e0e0e0; width:150px; padding:0; float: left;}
#calendar th.navmonth {background: #00659c; color:#fff; height:20px; text-align:center;}
#calendar th.navday {text-align:center; color: #fff; background: #91b3d9; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; width: 20px; height: 20px;}
#calendar td {background:#fff; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; width: 20px; height: 20px; color:#434343; text-align:center;}
#calendar a.event {color:#fff;}
#calendar .calendar-month {background:#f6f6f6; color:#e0e0e0;}
#calendar .calendar-today {font-weight:bold;}

#calendar .calendarSmall {font-size:80%; color:#fff;}
#calendar .calendarMed {font-size:90%; color:#fff;}
#calendar .calendarNorm {font-weight:bold;}