body { font-size:74%; color: #000; margin:0; padding:0;}
body #frame {text-align:center; }
#content { text-align:left; }

/* generic text
---------------*/
html, body, div, a, p, ul, li, input, .myform { font-family:Verdana, Tahoma, Arial, Helvetica, Sans-Serif;}
h1, h2, h3, h4, h5, h6, .colheading, .cap, .category, .thumbtitle,  .date { font-weight:bold; margin:0; padding:0; }

.small { font-size: 0.9em; font-weight: normal; padding:3px 0 3px 0; margin:0;}
.bold { font-weight: bold; }
.first { font-weight: bold; font-size: 1.05em; color: #000;}
.slim { margin:0; padding:3px 0 3px 0; }
.orange { font-weight:bold;}
.underline { border-bottom:1px solid rgb(199,208,217);padding:0 0 10px 0;}

.hello { display:none; }
blockquote { margin-left:40px; font-size: 1.1em; font-style: italic; padding:5px;}

a:link, a:visited, a:hover, a:active { font-weight: bold; text-decoration:none; color:#000;}


/* headings
---------------*/

.nologo {padding:0 0 10px 0; font-size: 2.6em; font-weight:bold; border-bottom:1px solid #000;}

h1 {padding:0; font-size: 2em; color:#000; padding-bottom:8px;} /* the page title heading, i.e, Contact us, Register */

h2 { margin:8px 0 15px 0;padding:0;font-size: 1.7em; color: #000; }/* control centre  heading */

h3 { font-size: 1.2em; font-weight: bold; color: #000; margin:4px 0 4px 0; }/* control centre sub heading */

h4 {margin:6px 0 6px 0;padding:0; font-size: 18px;color: #000;line-height:20px;} /* homepage feature headline */

h5 { font-size: 1.1em; font-weight: bold; color: #000; margin:6px 0 6px 0; } 


/*  establish main layout parameters
-------------------------------------*/
#mastframe { width: 570px; margin-right: auto; margin-left: auto; padding: 15px; }


#content { margin: 0px auto; width: 570px; }


/* A WHOLE LOTTA STUFF THAT NEEDS HIDING
----------------------------------------*/
#tabnav, #colleft, #colright, #footstrip, #foot, #footlogos, .logo, #bottomshadow, #bottom, .bottombit, #optionsnav, #breadc, .randomimage, #strip, #mast img, .kbclogo, .tag, #navbox {display:none;}

/* HOMEPAGE SPECIALITIES!
--------------------------*/

/* the 2 column box containing news and what's on */
.newscontainer { background:#fff; padding:0; margin:0;}

.contactbox { /* homepage feature box */
clear: both; 
background: #fff; 
margin:0; 
padding:30px 0 0 0;
color: #999;
}
.contactbox a, .hide, .bold {color: #999; font-weight: normal;}

.featurebox { /* homepage feature box */
background: #fff; 
margin:0; 
padding:10px 0 0 0; 
}

.featurei { display: none;}

/* Mozilla hack - Div span bug */
.mozhack {clear:both;}

/* other text boxes boxes
--------------------------*/


.space { padding:5px 0 5px 0; margin:0 0 5px 0; border-top: 1px solid rgb(199,208,217);}
.padding { padding:8px 0 14px 0; }

/* Related Information box
--------------------------*/
#inforow {  display:none;} 


/* Services / documents
------------------------------- */

.service, .meetings { width:429px; padding:0 0 5px 0; margin:0; }
.leftcont, .rightcont, .topten { padding:0; width:210px;  }
.leftcont, .topten  { margin-right:2px; float:left;}
.rightcont { margin-left:2px; float:right;}

.totp { width:429px; border-bottom: 1px solid rgb(199,208,217);  }
.topten li { list-style: decimal; padding:3px 0 0 0; }

/* Services Content info specific */
.contentimage { display: none;}

#linksbox { margin:0; padding:0; width:100%;}
#linksbox li {text-align:left; margin:0; padding:2px 0 2px 0; list-style:url(images/bulletsmall.gif);}

.linklist {width:210px; float:left; margin:0; padding:0;}

.documentimage { width:70px; height:70px; float:right; margin: 0 0 3px 7px; background:#fff; padding:2px; border:1px solid #000;}

/* Services Text*/
.service a:link, .service a:visited, .service a:hover, .service a:active { 
font-weight: normal; text-decoration:none; margin:0; padding:0;
}

.service a:link { color:#000; }
.service a:visited { color:#369;}
.service a:hover { color:#000; text-decoration:underline;}
.service { margin:0;padding:0; }

.service ul { padding:0; margin:0; }
.service li {
line-height:1.4em;
display: inline;
}

.servicehead { 
font-size: 1.2em; color: #000; 
padding:0; margin:5px 0 5px 0; text-decoration: none; font-weight: bold; }

.servicehead a:link { color:#000; font-weight: bold;}
.servicehead a:visited { color:#000;font-weight: bold;}
.servicehead a:hover { text-decoration:underline; color: #000;font-weight: bold;}

.b1 { font-weight: bold; color: #000; }

/* A-Z styles
-------------*/
#contentlist { padding:0; }

#contentlist  li { list-style: url(images/bullet.gif); font-size: 1.3em; margin:0 0 0 39px; padding:0;/* background: url(images/bullet.gif) no-repeat 4px 8px;*/line-height: 1.3em;}

.azbottom { display:none;}

/* These are the new accessible a-z letters*/
#azletters { font-weight:bold; font-size: 2em; padding:0; margin:0;}
#azletters ul li { list-style-type: none; display:block; float:left; line-height: 0.8em; text-align:left;}
#azletters li {padding:0.2em;}

/* These are the old a-z letters that look good
#azletters ul li { list-style-type: none; display:block; float:left; width:28px; height:35px; font-size: 15px; font-weight:bold; line-height: 20px; text-align:left;}

#azletters a:link, #azletters a:visited, #azletters a:active, #azletters a:hover
{ text-decoration: none; padding:6px 10px 12px 3px;}

#azletters a:link, #azletters a:visited, #azletters a:active
{ color:#b10; background: url(images/azpage.gif) no-repeat 0px 5px;}
#azletters a:hover
{ color:#fff; background: url(images/azpageon.gif) no-repeat 0px 5px;}
#azletters a:active
{ color:#fff; background: url(images/azpageact.gif) no-repeat 0px 5px;}
*/

.bigletter { width:57px; float:left; font-size:55px; color:#b10; font-weight:bold; padding:0; margin:0;}

/* FAQ styles
-------------*/
.feature ul li { list-style-image: url(images/question.gif);font-size:1.05em; padding:0 0 10px 0;}
li.answer  { list-style-image: url(images/answer.gif)!important; font-size:1.05em; font-weight:bold;}

/* news
-------------------------------*/
#newsdate { font-size:0.9em; }
.newsimage, .topnewsthumb, .newsthumb, .cllrthumb  { margin: 2px 5px 5px 5px; background:#fff; padding:2px; border:1px solid #000; position:relative;}
.newsthumb { height:40px; width:40px; float:left; margin: 2px 3px 3px 3px;}
.newsimage { height:147px; width:147px; float:right;}
.topnewsthumb { height:75px; width:75px; float:right;}

.thumbtitle { border-top:1px solid rgb(199,208,217); color: #000; font-size: 1.1em; font-weight: bold; margin:0; padding:4px 0 4px 0;}
.thumbbox {width:200px; float:left; padding:5px 5px 12px 5px;}


#bottombox { display: none;}

/* Councillors, events
----------------------*/
#panelcontainer { width:165px; margin:5px 5px 5px 0; padding:2px; float:left; border:1px solid rgb(199,208,217); }
#panel { padding:4px; }

#panel p {margin: 0 0 3px 0;padding:0;}
#panel form { margin:0; padding:3px 0 0 0 ; }
#panel select {width: 125px; font-size:0.9em;}

.cllrbox {width:200px; float:left; padding:5px; border-bottom:1px solid rgb(199,208,217);}
.cllrthumb { margin: 2px 5px 3px 0; height:45px; width:45px; float:left;}


.meetings a:link, .meetings a:hover, .meetings a:visited, .meetings a:active { 
font-weight: normal; text-decoration:none; margin:0; padding:0;
}
.meetings a:link { color:#000; }
.meetings a:visited { color:#369;}
.meetings a:hover { color:#000; text-decoration:underline;}
.meetings { margin:0;padding:0; }

.meetings ul { padding:0; margin:0; }
.meetings li {
line-height:1.2em;
list-style:url(images/bulletsmall.gif);margin:2px 0 0 16px; padding:0;
}

.meetingshead { 
font-size: 1.2em; color: #000; 
padding:0; margin:5px 0 5px 0; text-decoration: none; font-weight: bold; }

.meetingshead a:link { color:#000; font-weight: bold;}
.meetingshead a:visited { color:#000;font-weight: bold;}
.meetingshead a:hover { text-decoration:underline; color: #000;font-weight: bold;}

/* xforms
----------*/
#progressbar { background: rgb(231,235,239); border:1px solid #000;height:10px; width:190px; margin:0 0 6px 0; padding:0;} 
#progressbar img { height:10px; margin:0; padding:0;}
.progress { width:100%; padding:0; margin:0; font-size: 1em; color: #000; font-weight:bold; border-bottom: 1px solid rgb(199,208,217); }
.red { color:#000; font-weight:bold;}
.number { font-weight: bold; color: rgb(181,36,33); padding:0;margin:5px;}
.q { font-weight: bold; color: #333; padding:0;margin:5px;}

.p { margin:0; padding:5px 0 5px 0; }
.topline { margin:14px 0 0 0; padding:5px 0 5px 0; border-top: 1px solid rgb(199,208,217); }



/* bits and bobs
------------------*/
#hide { display: none;}
.hide { display: inline; }
.hideprint { display: inline; }

 fieldset  {border: none;}
.genimage {  border-style:none; padding:0; margin:10px; }
.map { margin:0; padding:0; }

/* form error box */
.errorbox { width:400px; height:45px;  margin: 0 auto; margin-bottom:15px;padding:4px;display:block; color:rgb(181,35,32); font-weight: bold; font-size:1.5em; vertical-align: middle;}
.errori { float:left; margin:0; padding-right:10px; height:45px; width:45px;}
.star { color:rgb(181,35,32); font-weight: bold; font-size:1.2em; }

.feedform { width:400px; margin:0 auto; padding:5px; line-height:2em; border: 1px solid rgb(237,241,244);}
.formtxt { padding:8px; font-weight:bold; border-bottom: 1px solid rgb(199,208,217);}
.field { margin-left:5px; border:1px solid #000; padding:2px; font-weight: normal;} 

/* feedback forms 
-----------------*/

fieldset {border:none ;padding:5px;margin:0 0 10px 0; clear:both;}
legend { font-weight:bold;font-size: 1.2em;color:#333;}
label {float:left; text-align:right; padding-top:3px;}

.myform label {float:left;width:38%;text-align:right;padding-top:3px; }

form.myform {padding:0;width:419px;margin: 0 auto; clear: both;}
form.myform div {clear:both; padding:0.6em 0 0 0;}

input.myform, textarea.myform {float:right;width: 60%;text-align:left;border:1px solid #666;padding:1px; font-size:1em;}
textarea.myform {border:1px solid #666;}


.multipleinput_label {float:left; width:38%; text-align:right; padding-top:3px; }
.multipleinput {float:left; width: auto !important; text-align:right !important; margin-left: 2px; }

.adv_checks { float:left; width: auto !important;  margin-right: 5px; white-space: nowrap;}

.dataprotection_input {float:left; width: 100% !important; text-align:left !important; margin-left: 2px; }


.datemyform {border:1px solid #666; padding:1px; font-size:1em;}
.select {padding:0px;font-size:1em;float:left;margin-left:7px;}
.eventform, .eventform option {margin:0;padding:0;}
.field {border:1px solid #666; padding:1px; font-size:1em;}

/* payment */

.amount {float:right;width: 60%;text-align:left; font-size:1em; padding-top: 5px; color: #600;}
.pay_sofar {  border-color: #600; }
.paybutton {display: none; }
.payremovebutton {display: none; }
.bigbutton {display: none;}

.paylabel {float:left;width:50%;text-align:right;padding-top:3px; }
.deletethis { font-weight: normal; font-size: 0.9em; }


/* calendar 
-----------------*/
#calendarcontainer, #calendarcontainerinfo { display:none;}

#calendar {padding:0; margin:0; font-size: 10px; text-align:center; }

#calendar th { background:#000; padding:1px; color:#fff; width:30px;}
#calendar td { border: 1px solid rgb(199,208,217); padding:0; height:14px; }
#calendar tr { padding:0px; margin:0; }

#calendar .month { font-size: 11px; background:#000; width:100%; }
#calendar .month a:link { color:#fff;}
#calendar .month a:visited { color:#fff;}
#calendar .month a:hover { color:#fff; text-decoration: underline; }

.week a:link { display:block; padding:0px; text-decoration: none; }
.week a:hover { background:#000; color:#fff; padding:0px; text-decoration: none; }

.eventspace { margin:0; padding:4px 0 5px 0; }

/* Advanced Search
-----------------*/
.searchheading { font-size:1.3em; margin:3px 0 0 0; }
.searchsubheading { font-size:1.1em; margin:1px 0 1px 0; }
.keyword legend { font-weight: bold; font-size: 1.3em; color: #000;}

.keyword label { float: left; width: 55%; text-align: right; }
input.keyword { float: right; width: 42%; text-align: left; border:1px solid #000; padding:0.2em; font-size:1.1em;}
select.keyword  { float: right; width: 42%; text-align: left; border:1px solid #000; padding:0; font-size:1.1em;}
.buttonkeyword  {float:right; }

.result { padding: 0 0 8px 0; }