/* Larne Borough Council - text size 1 */

/* general attributes */
html {padding:0px; margin:0px; height: 100%;}
body {margin: 0; padding: 0; font: 70% verdana, arial, helvetica, sans-serif; height: 100%; text-align:center;}
img {border:0;}
.txtInput {border:1px solid #BEC7CD; font:100% Verdana, Arial, Helvetica, sans-serif; background: #fff;}
.txtInput2 {border:1px solid #fff; font:100% Verdana, Arial, Helvetica, sans-serif; background: #fff;}

.hide {display: none;}
form {margin: 0;}

/* Page */
#pageholder {margin:0 auto; width:780px; padding: 0; text-align:center;}

/* Top Bar */
#top {background:#F7C200 url(../images/bgTop.gif) no-repeat; width: 780px; height: 41px; margin: 0; padding: 0; text-align: right; color:#fff;}
#top p {margin: 0; padding:4px 5px 5px 0;}
#top a {margin: 0; padding: 0 5px; text-decoration: none; color:#fff;}
#top a:hover {color:#000;}

#logo {margin: 0; padding: 0; float:left;}
#imgBank {margin: 0; padding: 0; float:left;}

#toptabs {height: 23px; clear:both; background:#fff; width:780px; margin: 0; padding: 0;}
#toptabs ul{ margin: 0; padding: 0;}
#toptabs li {list-style: none; display: inline; margin: 0; padding: 0; }
#toptabs a {float: left; text-decoration: none; height: 23px; color: #fff; margin: 0; padding: 0;}
#tab a.blue {float: left; height:23px; width:103px; background:  url(../images/tabblue.gif) no-repeat; text-decoration: none; color: #fff; margin: 0; padding: 0; text-align: center;}
#tab a.blue:hover {background-position:0 -23px; color:#fff;}
#tab a.yellow {float: left; height:23px; width:103px; background:  url(../images/tabyellow.gif) no-repeat; text-decoration: none; color: #fff; margin: 0; padding: 0; text-align:center;}
#tab a.yellow:hover {background-position:0 -23px; color:#fff;}
#tab a.section {float: left; width: 162px; background:  url(../images/bgsection.gif) no-repeat; text-decoration: none; color: #fff; margin: 0; padding: 0; text-align:center;}

/* BreadCrumb */
#breadcrumb { margin: 0; padding: 0; text-align: left; clear:both; width:780px;}
#breadcrumb p {color: #000; padding: 5px 0 0 15px; margin: 0;}
#breadcrumb a, breadcrumb a:visited  {text-decoration: none; color: #000; padding: 0; margin: 0;}
#breadcrumb a:hover {text-decoration: none; color: #5C85C7;}

/* LeftNav */
#leftnav {width:162px; padding: 0; margin: 0; float:left; text-align:left;}

#nav {width:162px; padding: 0; margin:5px 0 0 0; float:left; text-align:left;}
#nav h1 {background: #CFDEF8 url(../images/bgLeftnav1.gif) no-repeat; margin: 0; padding:10px 5px 0 8px; font-size:120%; color:#5D84C8;}
#nav h2 {background:url(../images/bgLeftnav2.gif) no-repeat; margin: 0; padding: 0; font-size:140%; color:#CFDEF8;}
#nav ul {list-style: none; margin: 0; padding: 0; text-indent:0;}
#nav li a {line-height:17px; display: block; margin: 0; padding:3px 0 3px 20px; text-decoration: none; background: #CFDEF8 url(../images/bullit1.gif) no-repeat 10px .7em; color:#000;}
#nav li a:hover {line-height:17px; display: block; margin: 0; padding:3px 0 3px 20px; text-decoration: none; background: #CFDEF8 url(../images/bullit1.gif) no-repeat 10px .7em; color:#5D84C8;}
#nav li.indent .sublink  {line-height:17px; display: block; margin: 0; padding:3px 0 3px 20px; text-decoration: none; background: #F3F7FD url(../images/bullit3.gif) no-repeat 10px .7em; color:#5D84C8; border-bottom:1px solid #CFDEF8;}
#nav li.indent .sublink:hover {line-height:17px; display: block; margin: 0; padding:3px 0 3px 20px; text-decoration: none; background: #F3F7FD url(../images/bullit3.gif) no-repeat 10px .7em; color:#000; border-bottom:1px solid #CFDEF8;}
#nav li.indent2 .sublink2  {line-height:17px; display: block; margin: 0; padding: 3px 0 3px 25px; text-decoration: none; background: #F6F9FE; color:#5D84C8; border-bottom:1px solid #CFDEF8;}
#nav li.indent2 .sublink2:hover {line-height:17px; margin: 0; padding:3px 0 3px 25px; background: #fff; color:#000; border-bottom:1px solid #CFDEF8;}

#left {width:162px; padding: 0; margin:5px 0 0 0; float:left; text-align:left; background:#CFDEF8;}
#left h1 {background:url(../images/bgLeftnav1.gif) no-repeat; margin: 0; padding:10px 5px 0 8px; font-size:120%; color:#5D84C8;}
#left h2 {background:url(../images/bgLeftnav2.gif) no-repeat; margin: 0; padding: 0; font-size:140%; color:#CFDEF8;}
#left p {margin: 0; padding:5px 5px 0 8px; line-height:15px;}
#left a, left a:visited  {text-decoration: none; color: #5C85C7; padding: 0; margin: 0; font-weight:bold;}
#left a:hover {text-decoration: none; color: #000;}

#left2 {width:162px; padding: 0; margin:5px 0 0 0; float:left; text-align:left; background:#CFDEF8;}
#left2 h1 {background:url(../images/bgLeftnav1.gif) no-repeat; margin: 0; padding:10px 5px 5px 8px; font-size:120%; color:#5D84C8;}
#left2 h2 {background:url(../images/bgLeftnav2.gif) no-repeat; margin: 0; padding: 0; font-size:140%; color:#CFDEF8;}
#left2 p {margin: 0; padding:5px 5px 0 8px; line-height:15px;}
#left2 a, left2 a:visited  {text-decoration: none; color: #000; padding: 0; margin: 0; font-weight:normal;}
#left2 a:hover {text-decoration: none; color: #5C85C7;}
#left2 ul {list-style: none; margin: 0; padding: 0; text-indent:0;}
#left2 li {font-weight: normal; color: #000; margin: 0; padding:5px 0 5px 20px; background: url(../images/bullit1.gif) no-repeat 10px .7em;}

#guestbook {width:162px; height:164px; padding: 0; background:url(../images/bgGuestbook.gif) no-repeat; margin:5px 0 0 0; float:left;}
#guestbook h1 {margin: 0; padding:10px 5px 5px 8px; font-size:120%; color:#5D84C8;}
#guestbook p {margin: 0; padding:5px 15px 0 27px; line-height:15px;}
#guestbook p.name {margin: 0; padding:5px 0 5px 15px; line-height:15px;}
#guestbook a, guestbook a:visited  {text-decoration: none; color: #5C85C7; padding:0 0 0 15px; margin: 0; font-weight:bold;}
#guestbook a:hover {text-decoration: none; color: #000;}
#guestbook ul {list-style: none; margin: 0; padding: 0; text-indent:0;}
#guestbook li {font-weight: normal; color: #000; margin: 0; padding:5px 0 5px 20px; background: url(../images/bullit1.gif) no-repeat 10px .7em;}

#Header {border-bottom:1px solid #efefef; margin: 0; padding:10px 0 5px 0; width:436px; height:20px;}
#leftHeader {margin: 0; padding: 0; float:left; color:#F7C200; font-weight:bold; font-size:120%;}
#rightHeader {margin: 0; padding:2px 0 0 0; float:right;}
#rightHeader a, rightHeader a:visited  {text-decoration: none; color: #5C85C7; padding: 0; margin: 0; font-weight:bold;}
#rightHeader a:hover {text-decoration: none; color: #000;}

/* Content with right menu */
#content {margin: 0 10px; text-align: left; padding: 0; float:left; width:436px; display: inline; overflow: hidden;}
#content h1 {color:#F7C200; font-weight:bold; font-size:120%; padding:5px 0; margin: 0; border-bottom:1px solid #efefef;}
#content h2 {color:#5C85C7; font-size:120%; font-weight:bold; margin: 0; padding:5px 0;}
#content h3 {clear:both; background:url(../images/bgBackTop.gif) no-repeat 1px 3px; color:#5C85C7; font-size:100%; font-weight:bold; margin:50px 0 0 0; padding:5px 0 0 20px; border-top:1px solid #efefef;}
#content p {color:#000; font-weight:normal; margin: 0; padding:5px 0; line-height:15px;}
#content td {font-weight: normal;text-decoration: none;color:#000;font-size: 70%;}
#content a, content a:visited  {text-decoration: none; color: #5C85C7; padding: 0; margin: 0; font-weight:bold;}
#content a:hover {text-decoration: none; color: #000;}
#content ul {list-style: none; margin: 0; padding: 0; text-indent:0;}
#content ul li {font-weight: normal; color: #000; margin: 0; padding:5px 0 5px 20px; background: url(../images/bullit2.gif) no-repeat 10px .7em;}
#content form {background-color: #EEF2F9; border: 1px solid #CFDEF8; padding:5px; margin:10px 0; color:#000;}

/* Content without right menu */
#content2 {margin: 0 10px; text-align: left; padding: 0; float:left; width:598px; overflow: hidden;}
#content2 h1 {color:#F7C200; font-weight:bold; font-size:120%; padding: 5px 0; margin: 0; border-bottom:1px solid #efefef;}
#content2 h2 {color:#5C85C7; font-size:120%; font-weight:bold; margin: 0; padding: 5px 0;}
#content2 h3 {clear:both; background:url(../images/bgBackTop.gif) no-repeat 1px 3px; color:#5C85C7; font-size:100%; font-weight:bold; margin:50px 0 0 0; padding:5px 0 0 20px; border-top:1px solid #efefef;}
#content2 h4 {color:#5C85C7; font-size:100%; font-weight:bold; margin: 0; padding: 0; border-bottom:1px solid #efefef;}

#content2 p {color:#000; font-weight:normal; margin: 0; padding: 5px 0; line-height:15px;}
#content2 td {color:#000; font-size:70%;}
#content2 th {color:#fff; font-size:70%; background:#5D84C8; text-align:left; padding:5px;}
#content2 a, content2 a:visited  {text-decoration: none; color: #5C85C7; padding: 0; margin: 0; font-weight:bold;}
#content2 a:hover {text-decoration: none; color: #000;}
#content2 ul {list-style: none; margin: 0; padding: 0; text-indent:0;}
#content2 ul li {font-weight: normal; color: #000; margin: 0; padding:5px 0 5px 20px; background: url(../images/bullit2.gif) no-repeat 10px .7em;}
#content2 ul li.gallery .linkgallery {font-weight: normal; color: #000; margin: 0; padding:5px 0 5px 5px;}
#content2 form {background-color: #EEF2F9; border: 1px solid #CFDEF8; padding: 5px 5px 5px 20px; margin: 5px 0 10px 0; color:#000;}
#content2 form.noBG {background-color: #fff; border: 1px solid #fff; padding:5px; margin:10px 0;}
#content2 ul li.bin {font-weight: normal; color: #000; margin: 0; padding: 0; display:inline; float:left;}
#content2 .tradeContact {margin: 10px 0; padding: 5px 10px; border: 1px solid #F7C200; width: 200px;}

#bins {margin: 0; padding: 0; display:block; width:598px;}
#bin1 {float:left; width:140px; margin:0 0 0 7px; padding: 0; text-align:center; border-top:1px solid #CFDEF8;  border-right:1px solid #CFDEF8;  border-left:1px solid #CFDEF8;}
#bin2 {background-color: #EEF2F9; float:left; width:140px; margin:0 0 0 7px; padding:5px 0; text-align:left; border-bottom:1px solid #CFDEF8;  border-right:1px solid #CFDEF8;  border-left:1px solid #CFDEF8;}
#bin2 p {margin: 0; padding: 0; text-align:center;}
#bin2 label {width: 60px; display: block; float: left; clear: left; text-align: right; margin: 0; padding:0 5px 0 0;}

/* Forms */
form span.block {display: block; margin:0 0 15px 0;}
form span.block label {width: 270px; display: block; float: left; clear: left; text-align: right; margin: 0; padding:3px 5px 0 0;}
.cost {color:#5C85C7; font-size:120%; font-weight:bold; width: 270px; display: block; float: left; clear: left; text-align: right; margin: 0; padding:0 5px 0 0;}
.cost2 {color:#5C85C7; font-size:120%; font-weight:bold; float: left; text-align: left; margin: 0; padding:3px 0 0 0;}

.required {color:#5C85C7; font-weight:bold;}
fieldset {margin: 10px;border: 1px solid #CFDEF8;}
legend {color:#5C85C7; font-size:120%; font-weight:bold; margin: 0; padding:5px 0;}

form span.block2 {display: block; margin:0 0 15px 0; clear:both;}
form span.col1 {width: 360px; display: block; float: left; text-align: left; margin: 0; padding:3px 0 0 5px;}
form span.col2 {width: 180px; display: block; float: left; text-align: right; margin: 0; padding:3px 5px 0 0; clear:right;}

form span.block3 {display: block; margin:0 0 15px 0;}
form span.block3 label {width: 170px; display: block; float: left; clear: left; text-align: right; margin: 0; padding:3px 5px 0 0;}

form span.block4 {width: 170px; display: block; float: left; clear: left; text-align: right; margin: 0; padding:0 5px 0 0;}

.bgTable {background:#EEF2F9;}
.bgTableEnd {background:#CFDEF8;}

.tblBin {width:100%; padding: 0; margin: 0;}
.tdBin {padding: 0; margin: 0; background:#EEF2F9; height:20px; text-align:right;}
.tdBin1 {padding: 0; margin: 0; background:#EEF2F9; height:20px; text-align:left;}

#councillors {border: 1px solid #CFDEF8; margin: 10px 10px 0 0; padding: 0; float: left; width: 284px; height: 156px;}
#councillors1 {float: left; width: 105px; margin: 0; padding: 3px;}
#councillors2 {float: left; width: 173px; margin: 0; padding: 0;}
#councillors3 {float: left; width: 170px; margin: 0; padding: 3px;}
#councillors4 {float: left; margin: 0; padding: 0;}

#listings {clear:both; margin: 0; padding: 0; border-bottom:1px solid #efefef; height:70px;}
#listings2 {clear:both; margin: 0; padding: 0; border-bottom:1px solid #efefef; height:90px;}

#list1, #list2, #list3, #list4 {margin: 0; padding: 10px 0 0 0; float: left;}
#list1 {width: 70px;}
#list2 {width: 326px;}
#list3 {width: 100px;}
#list4 {width: 480px;}

#event1 {width:160px; margin: 0; padding:10px 0 0 0; float:left;}
#event2 {width:276px; margin: 0; padding:10px 0 0 0; float:left;}
#event2 ul {list-style: none; margin: 0; padding: 0; text-indent:0;}
#event2 li {font-weight: normal; color: #000; margin: 0; padding:5px 0 5px 20px; background: url(../images/bullit2.gif) no-repeat 10px .7em;}

#box {background-color: #EEF2F9; border: 1px solid #CFDEF8; padding:10px; margin:10px 0;}

/* Right Column */

#rightnav {width:162px; padding: 0; margin: 0; float:left; text-align:left;}
#right {width:162px; padding: 0; margin: 5px 0 0 0; background:#CFDEF8;}
#right h1 {background:url(../images/bgLeftnav1.gif) no-repeat; margin: 0; padding:10px 5px 0 8px; font-size:120%; color:#5D84C8; border: none;}
#right h2 {background:url(../images/bgLeftnav2.gif) no-repeat; margin: 0; padding: 0; font-size:140%; color:#CFDEF8;}
#right p {margin: 0; padding:5px 5px 0 8px; line-height:15px;}
#right a, right a:visited  {text-decoration: none; color: #000; padding: 0; margin: 0; font-weight:normal;}
#right a:hover {text-decoration: none; color: #5C85C7;}
#right ul {list-style: none; margin: 0; padding: 0; text-indent:0;}
#right li {font-weight: normal; color: #000; margin: 0; padding:5px 0 5px 20px; background: url(../images/bullit1.gif) no-repeat 10px .7em;}

#bannerLeisure {width:162px; height:92px; margin:5px 0 0 0; padding: 0; background:url(../images/bannerleisure.jpg) no-repeat;}
#bannerLeisure h1 {margin: 0; padding:6px 10px 10px; font-size:120%; color:#5D84C8;}
#bannerLeisure p {margin: 0; padding:0 0 0 10px;}
#bannerLeisure a, bannerLeisure a:visited  {text-decoration: none; color: #000; padding: 0; margin: 0; font-weight:normal;}
#bannerLeisure a:hover {text-decoration: none; color: #5C85C7;}

#bannerMuseum {width:162px; height:92px; margin:5px 0 0 0; padding: 0; background:url(../images/bannerMuseum.jpg) no-repeat;}
#bannerMuseum h1 {margin: 0; padding:6px 10px 5px; font-size:120%; color:#5D84C8;}
#bannerMuseum p {margin: 0; padding:0 0 0 10px;}
#bannerMuseum a, bannerMuseum a:visited  {text-decoration: none; color: #000; padding: 0; margin: 0; font-weight:normal;}
#bannerMuseum a:hover {text-decoration: none; color: #5C85C7;}

#bannerPark {width:162px; height:92px; margin:5px 0 0 0; padding: 0; background:url(../images/bannerPark.jpg) no-repeat;}
#bannerPark h1 {margin: 0; padding:6px 10px 5px; font-size:120%; color:#5D84C8;}
#bannerPark p {margin: 0; padding:0 0 0 10px;}
#bannerPark a, bannerPark a:visited  {text-decoration: none; color: #000; padding: 0; margin: 0; font-weight:normal;}
#bannerPark a:hover {text-decoration: none; color: #5C85C7;}

#bannergallery {width:162px; height:92px; margin:5px 0 0 0; padding: 0; background:url(../images/bannergallery.jpg) no-repeat;}
#bannergallery h1 {margin: 0; padding:6px 10px 5px; font-size:120%; color:#5D84C8;}
#bannergallery p {margin: 0; padding:0 0 0 10px;}
#bannergallery a, bannerPark a:visited  {text-decoration: none; color: #000; padding: 0; margin: 0; font-weight:normal;}
#bannergallery a:hover {text-decoration: none; color: #5C85C7;}

#bannerRPA {width:162px; height:92px; margin:5px 0 0 0; padding: 0; background:url(../images/RPA_Button.jpg) no-repeat;}
#bannerRPA h1 {margin: 0; padding:6px 10px 5px; font-size:120%; color:#5D84C8;}
#bannerRPA p {margin: 0; padding:0 0 0 10px;}
#bannerRPA a, bannerPark a:visited  {text-decoration: none; color: #000; padding: 0; margin: 0; font-weight:normal;}
#bannerRPA a:hover {text-decoration: none; color: #5C85C7;}

#bannerMuseum2010 {width:162px; height:92px; margin:5px 0 0 0; padding: 0; background:url(../images/bannerMuseum2010.jpg) no-repeat;}
#bannerMuseum2010 h1 {margin: 0; padding:6px 10px 5px; font-size:120%; color:#5D84C8;}
#bannerMuseum2010 p {margin: 0; padding:0 0 0 10px;}
#bannerMuseum2010 a, bannerMuseum2010 a:visited  {text-decoration: none; color: #000; padding: 0; margin: 0; font-weight:normal;}
#bannerMuseum2010 a:hover {text-decoration: none; color: #5C85C7;}

/* footer */
#footer {clear:both; width: 780px; margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #efefef; text-align:left;}
#footer1 {margin: 0; padding: 0; float:left; width:600px;}
#footer1 p {margin: 0; padding: 0; color:#000; font-size:80%;}
#footer1 a {margin: 0; padding: 0; text-decoration: none; color:#5D84C8;}
#footer1 a:hover {color:#000;}
#footer2 {margin: 0; padding: 0; float:left; width:180px; font-size:80%;}
#footer2 a {margin: 0; padding: 0; text-decoration: none; color:#5D84C8;}
#footer2 a:hover {color:#000;}

#twoColLayout {width:100%; margin: 0; padding: 0 0 0 10px;}
#twoColLayout .row {clear:both; color:#000; font-family: verdana, arial, helvetica, sans-serif;}
#twoColLayout .col1 {float:left; width:40%; font-weight:bold;}
#twoColLayout .col2 {float:left; width:60%; text-align:left;}

#leftalign {margin: 0; width: 200px; float: left; padding: 5px 0;}
#rightalign {margin: 0; clear: right; padding: 5px 0;}

#frmLeft {float:left;}
#frmRight {float:right;}

/* events calendar */
#calendarMain {border:0; width:150px;}
#calendarMain th {background: #F7C200; color:#fff; height:20px; text-align:center;}
#calendarMain .calendarSmall {font-size:60%; color:#fff;}
#calendarMain .calendarMed {font-size:60%; color:#fff;}
#calendarMain .calendarNorm {font-size:70%; font-weight:bold;}

#calendar {border-left:1px solid #BEC7CD; width:150px; padding: 0; float: left;}
#calendar th {color: #fff; background: #5D84C8; border-right: 1px solid #A2ADBC; border-bottom: 1px solid #BEC7CD; border-top: 1px solid #BEC7CD; width: 20px; height: 20px;}
#calendar td { background:#fff;border-right: 1px solid #BEC7CD; border-bottom: 1px solid #BEC7CD; width: 20px; height: 20px; color:#000; text-align:center;}
#calendar a.event {background:url(../images/bgevent.gif);  color:#fff;}
#calendar .calendar-month {background:#EEF1F5; color:#BEC7CD;}
#calendar .calendar-today {font-weight:bold;}

.normtext {font-size: 70%; color: #369;}
.notstandardview {display: none;}

#calculator {width: 100%;}
#calculator th {padding: 1px 3px;}
#calculator .small {padding: 0 5px 0 0; font-size: smaller;}
#calculator .description {font-style: italic;}
#calculator .quantity {width: 10%; text-align: right;}
#calculator .price {width: 10%; text-align: center;}
#calculator .total {font-weight: bold;}
#calculator .category td {background: #fdd86b; font-weight: bold; text-transform: uppercase;}
#calculator input {width: 40px; text-align: right; padding: 0 3px 0 0; border: 1px solid #f7c200;}