/*
############################################
    TOP LEVEL
############################################

*/

.div_float_left {
float:left
}

.div_float_right {
float:right
}


body { font-size:96%; background: #000; color: #fff; margin:0 15px; padding:0 10px; line-height: 1.6em;}
body img { display:none; }

.ulbredbody { color: #ff0; font-weight:bold; margin:0; padding:0; }

/* generic text
---------------*/
html, body, div, a, p, ul, li, input, .myform 
{ font-family:Verdana, Tahoma, Arial, Helvetica, Sans-Serif; color:#0ff;}

h1, h2, h3, .h_1, .h_2, .h_3, h4, h5, h6, .colheading, .cap, .category, .thumbtitle,  .date, .nologo, legend, .grn, .hidekey, .keyinfo_h, .azheader, .colheading_right, .colheading_sign, .bblackbody, .ulbblackbody, .ulbredbody
{ color: #ff0; font-weight:bold; margin:0; padding:0; }




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

.small { font-size: 0.9em; font-weight: bold; padding:4px 0 4px 0;}
.bold { font-weight: bold; }
.first { font-weight: bold; font-size: 1.05em;}
.slim { margin:0; padding:3px 0 3px 0; }
.space {clear: both; margin:0; padding: 5px 0;}
.bigspace {clear: both; margin:0; padding: 20px 0;}

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

input, .myform { color:#000;  }

/* headings
---------------*/
#council_name {margin:0; font-size: 2.6em; padding:0.2em 0; color: #ff0; line-height: 1em;}

h1, .h_1 {padding:0; font-size: 2.3em; padding:0.7em 0;} /* the page title heading, i.e, Contact us, Register */
h1, .h_1 a {color: #ff0;}
h2, .h_2 { margin:1em 0 1em 0; padding:0; font-size: 1.7em; }/* control centre  heading .form_line/
h2, .h_2 a {color: #ff0;}
h3, .h_3 { font-size: 1.4em; font-weight: bold; margin:0.4em 0 0.4em 0; }/* control centre sub heading */

h4, .servicehead { font-size: 1.3em; } /* homepage feature headline */

h5 { font-size: 1.1em; font-weight: bold; margin:0.2em 0 0.2em 0; } 

.colheading, .keyinfo_h {padding:0; font-size:1.2em;} /* left and right column headings */

/*Mozilla div span hack*/
.mozhack {clear:both;}

#print_footer, #council_name_print {display: none;}
 
 /*
############################################
    STRUCTURAL LAYOUT
############################################
*/
 
#wrapper {
    margin: 0 auto;
}

#footer {
    clear: both;
    margin: 0 auto;
    border-top: 1px dotted #ccc;
}
/* Access navigation */    
#access {
    font-size: 0.9em;
    padding: 2em 0;
}
/* Mast section */
	
#searchstrip form {
    margin:0;
    padding:0;
}
#searchstrip label {
    display: none;
}
#searchstrip {
    display: inline;
    margin:0;
    padding: 0;
}

#az_inner {font-size: 1.2em;}
/* Horizontal navigation */

#navigation {

}

#navigation ul {
    margin:0; padding:0; list-style:none;
}

#navigation li {
    float:left; margin:0;padding:0;
}

#navigation a:link, #navigation a:visited {
    font-size: 1.1em;padding: 0 0.5em;  
}

/* Left column navigation */

.colheading, .colheading_sign, .azheader, .colheading_right, .colheading_sign {
    padding: 1.3em 0; font-size: 1.1em;
}

#rightcolumn {clear: both; border-top: 1px dotted #ccc; margin: 2em 0 0 0;}
  
#leftcolumn ul, #rightcolumn ul {
    margin:0;
    padding:0;
    list-style: none;
}
    
.menu_wrap li {
    margin:0;
    padding:0;
}

.sub a {
    display: none;
}
    
.greeting {
    padding: 1.3em 0;
    font-size: 1.2em;
}
    
.greetingb {
    font-weight: bold;}
    
#sign_failed {
        color: #ff0;
        font-style: italic;
        font-size: 1.3em;
}

#poll {
        margin:1px 0 0 1px;
        padding:0 5px 8px 5px;
}
    
#poll div {
        padding: 2px 0;
}
    
    
.poll_answer {
       font-size: 1.03em;
}


/*
############################################
    HEADINGS AND HEADLINES
############################################
*/
	
.feath_1 a:link, .feath_1 a:visited, .newsh_1 a:link, .newsh_1 a:visited {
    text-decoration: none;
    font-size: 1.3em;
}
        
.feath_1 a:hover, .feath_1 a:active, .newsh_1 a:hover, .newsh_1 a:active {
    text-decoration: underline;
    font-size: 1.3em;
}
    
.feath_2 a:link, .feath_2 a:visited, .newsh_2 a:link, .newsh_2 a:visited {
    font-size: 1.5em;
    margin: 0.5em 0;
    color: #ff0;
    font-weight: bold;}
     
.feath_2 a:hover, .feath_2 a:active, .newsh_2 a:hover, .newsh_2 a:active {
    font-size: 1.5em;
    font-weight: bold;}	
        
/*
############################################
    FONTS AND TEXTS
############################################
*/

#content hr {
    border: 0; width: 100%; color: #ccc; background-color: #ccc; height: 1px;}
        
.b {
    font-weight: bold; }
        
.i {
    font-style: italic;}
        
.small {
    font-size: 0.9em;}
        
.first {
    font-size: 1.1em;}

.slim {
    margin:0; padding: 2px 0; }
        
.space {
    margin:0; clear: both; padding: 8px 0;}
        
.h {
    font-style: italic;}

/* Breadcrumb navigation */

#bc {
    font-size: 0.9em;
    border-bottom: 1px dotted #ccc;
    padding: 1em 0;
    margin:1em 0;
    line-height: 1.4em;
}
        
.bcb {
    font-weight: bold;
    color: #ff0;}
        
/*
############################################
    IMAGES
############################################
*/
#random {
    display: none;
}

/*
############################################
    CONTENT COLUMNS (creates two columns lists) AND INFO BOXES
############################################
*/
#categorywrap {
    margin: 0; padding: 0;}
         
#categorywrap ul {
    list-style: none; margin: 1em; padding: 0;}
        
#categorywrap li {
    list-style: disc; padding: 0.3em 0; margin:0;}
        
.categorywrap {
    margin: 0; padding: 0;}
         
.categorywrap ul {
    list-style: disc; margin: 1em; padding: 0;}
        
.categorywrap li {
    list-style: disc; padding: 0.3em 0; margin:0;}
    
.info_wrap {
    border-bottom: 1px dotted #ccc; margin: 1em; padding: 0;}
    
.info_wrap ul {
    list-style: disc; margin: 1em; padding: 0;}
        
.info_wrap li {
    list-style: disc; padding: 0.3em 0; margin:0;}
    
.info_left {
    width:46%; float:left; padding:0; margin:0;}
        
.info_right {
    width:46%; float:right; padding:0; margin:0;}
        
.docspace {
    padding-bottom: 2em;}

/* Home page middle feature */
.box {
    padding: 1.1em 0;}
	
.featurebox {
    border-bottom: 1px dotted #ccc; margin:1em 0; padding: 1em 0;}

/* News - home page and news_index etc */
        
.newsbox {
    border-bottom: 1px dotted #ccc; margin:1em 0; padding: 1em 0;}
    
.newsbox p {
    font-size: 1.1em;}

.newsdate {
    font-size: 0.9em;}
    
.news_leftcolumn {
    width:47%; float:left; margin:0;}
        
.news_rightcolumn {
    width:47%; float:right;margin:0;}
        
.news_column {
    float:left; padding-top:5px; width: 100%;  border-bottom: 1px dotted #ccc;}
    
#dropdownbox {
    padding:1em 0; line-height: 2em; clear: both; margin:0;}
    
.dropdownwidth {
    border:1px solid #333; margin:2px 0;}
        
.dropdownwidth option {
    padding:2px 0; font-size: 0.95em;}
    
#rss {
    padding:16px 0;margin:0; color: #000;}


/* Further information box */
		
.furtherinfo {
    border:1px solid #ccc;padding: 1em; margin:0; overflow:hidden;}
      
.furtherinfo_h {font-size: 1.1em;}
        
.furtherinfo p {
    margin:0; padding: 6px 0 0 0;}
        
.furtherinfo_padding {
    padding: 14px;}
        
.furtherinfo_padding div {
    padding: 10px 0;}
        
/* Page list */

#navbox {
    padding: 0 1em;}
#navbox ul {
    margin:0; padding:0;}
#navbox li {
    list-style: disc; padding: 0.3em 0;}
#navbox a {
   font-weight: normal;}
 
 /* Top ten list */
.topten li {
    font-weight: normal; list-style: decimal; padding:0; line-height: 1.5em;}
 
/* Related Info box */
#inforow {
    border: 1px solid #ccc; padding:1em; margin:1em 0;}

#inforow ul {
    line-height:1.8em; margin:2px;padding:0; font-size: 1em;}
    
#inforow li {
    display:inline; padding:4px 4px 4px 18px;}

/*
############################################
    SPECIFIC PAGE/SECTION STYLES
############################################
*/

/* A-Z of services */

#az_index a, #az_footer a {
    font-weight: bold;}

#azhome, #az_index, #az_footer {
    float: left;
    font-weight:bold;
    margin:1em 0; padding:0;
    line-height: 1.1em; 
}

#azhome { 
    font-size:1.5em;
    word-spacing: 0.3em;
}

#az_index {
    font-size:1.6em;
    text-align: left;
    margin-top: 10px;
    word-spacing: 0.2em;
}

#az_footer {
    font-size:1.1em;
    margin-top: 12px;
    text-align: center;
}

.azhome_none {
    color:#ccc;
    word-spacing: 0.4em;
}

.aznone {
    color:#ccc;
    word-spacing: 0.2em;
}

#bigletter {
    width:68px;
    float:left;
    font-size:56px;
    color:#ff0;
    font-weight:bold;
    padding:0; margin:0;
}
    
#contentlist {
    padding:0; font-size: 1.1em; }
    
#contentlist  li {
    list-style: disc; margin:3px 0 5px 30px; padding:0;}
    
 .pid {
    font-style: italic;}

/* Links */

.linkbox {
    margin:4px 0 7px 20px; padding:0 0 12px 0; display: block;}

/* Downloads */

.download_wrap {
    clear: both; margin: 1em 0; padding: 1em;}
    
.download_indent {
    margin:0; padding:  0 0 0 25px;}

.download_indent p {
    padding: 2px 0 2px  16px;margin:0;}
        
/*FAQ styles */

.faq {
    padding-bottom:12px 0; margin:0;}

.question {
    margin:0 0 0 15px; padding: 5px 0;}
    
.answer {
    margin:0 0 0 30px; padding: 10px 0;}

.faq_q { 
    font-weight: bold; font-size: 1.1em;  color: #ff0;}
.faq_a {
    font-weight: bold; color: #ff0;}
        
/* Councillors */

.councillor_wrap {
     margin:1em 0;
}
     
.other_councillor_wrap {
      margin:1em 0;
}	 

.h_councillor {
    font-size: 1.3em;
    margin:0;
    color: #ff0;
    padding: 3px 0;
}

.nolist ul{
    list-style:disc;
    padding: 0;
    margin:10px 5px;
}

.nolist li {
    list-style:disc;
    padding: 3px 0 3px 16px; font-size: 1.1em;
}

/* Site Map */

#sitemap {
    font-size: 1em;}

#sitemap ul {
    padding: 1em; list-style: disc;  margin:0;}
    
#sitemap li {
    padding: 0;line-height:1.5em;}

.map_h {
    font-weight: bold;}
        
/* Events and calendar */

.h_event {font-weight: bold; font-size: 1.3em; color: #ff0; margin:1em 0; padding: 0; }
    
.divider {
    border-bottom: 1px dotted #ccc;
    padding: 0 0 12px 20px;
    margin:0 0 5px 0;
}
    
#calendarcontainer, #calendarcontainerinfo {
    display: none;
}

 /* Search results */

.result {
    padding: 1em 0;}
.relevance {
    color:#ff0; font-size: 0.94em; margin:0; padding:0 0 2px 0;}
    
.search_highlight {
    font-weight: bold; color: #ff0;}
        
 /*advanced search */
 
#searchcheck {
    float: left; display: inline; margin:0 0 12px 0;}
    
#searchcheck label {
    width:40%; text-align: left; display: inline;}

.adv_checks {
    margin:3px 5px 0 0; padding: 3px 5px 3px 0; clear: none;}
    
.searchfield { float: right; width: 40%; margin-left: 5px; border:1px solid #333; }

#keyword { margin:0; padding: 0; float: left; }
input#keyword, select#keyword {float:right; width:50%; text-align:left; border:1px solid #333;padding:2px;}
select#keyword {padding:0; }

/* consultations */

/* The tabs
    #consultation_nav {
        padding:0; font-size: 1.1em; margin:20px 0 0 0; }
        
    #tab_consultation {
        margin-top:0.3em;
        padding:2px;
        padding-bottom:3px;
        padding-top:0;
        margin-left:0;
        margin-bottom:0;
        border-bottom:1px solid #99c;}

#tab_consultation li {
        list-style:none;
        margin-left:5px;
        display:inline;}

#tab_consultation li a {
        padding:3px;
        border:1px solid #ccf;
        border-bottom:none;
        background:#eee;
        text-decoration:none;}

#tab_consultation li a:link {color: #336;}
#tab_consultation li a:visited {color: #336;}
#tab_consultation li a:hover{background: #ddd; border-color: #99c; color: #000;}
#tab_consultation li a#current {color: #000; background:#fff;border-color:#99c;border-bottom:1px solid #fff;} */

/* The content 


#consultation_wrap {
    background:#fff; border: 1px solid #99c; border-top: none; margin:0 0 0 0; padding: 5px 0 0 0;}

.consultation {
    margin:0 0 8px 0; padding: 5px 0 8px 0; border-bottom: 1px solid #ccf;}
    
.consultation div {
    margin:0 0 0 14px; padding: 2px 0;}
    
.consultation p {
    margin:0; padding: 6px 0;}
    
.consultation_h3 {
    font-size: 1.3em; padding:0; color:#333; margin:0; padding:0 0 4px 0; }
    
.consultation_h2 {
    margin:0; padding: 4px 0 0 0; font-size: 1.2em; color:#333;}

#consultation_signup {
    background: url(images/f_email.gif) 0px 5px no-repeat; padding: 5px 0 5px 20px; margin:0;}

#consultation_comment {
    background: url(images/f_feedback.gif) 0px 5px no-repeat; padding: 5px 0 5px 20px; margin:0;}

.conmedia {
    background:#fff;border:1px solid #ccf; padding:1px 8px; margin: 8px 0;}
    
.conmedia ul {text-align:left;margin:0;padding: 5px 0 1px 5px; list-style:none;}
.conmedia li {margin:0; padding:0 0 5px 5px;}
.conmedia p {padding: 4px 0 4px 5px; margin:0;}

.conmedia_h3 {font-size: 1.2em;display:block; color:#333; padding:0 8px; margin:0;}
.conmediaheader {font-size: 1.1em; color:#333; padding: 4px 0 1px 5px ; margin:0; font-weight:bold;}

.conmedia ol {text-align:left; margin:0;padding: 5px 0 1px 30px;}
.commentfield {border:1px solid #666;font-size:1em;padding:4px;}

.conmedia a:link, .conmedia a:visited {font-weight:bold; text-decoration:none; color:#336;}
.conmedia a:hover, .conmedia a:active {font-weight:bold; text-decoration:underline; color:#336;}

.emailalert {margin:5px 0; padding:6px; border: 1px solid #ccc; font-size:1.1em;}
.next {padding:8px 0 12px 0;}
.youare {color:#036;font-weight:bold;}
.chapterrule {border-bottom:1px solid #ccc; padding:2px 0 5px 0;margin-bottom:3px;}

/* Consultation form */

.consultation_form label {width: 100%;}


/*
############################################
    FORMS
    feedback.php, register.php, change_details.php, change-password.php and email_friend.php
############################################
*/
.jform {
    margin:0; padding:0;}
        
form.jform div {
    clear:both; padding:0.7em 0 0 0;}
    
.jform label {
    float:left;
    width:42%;
    text-align:right;
    padding-top:3px;
    font-size: 1.1em;
}

input.jform, textarea.jform { 
    float:left;
    width: 55%;
    text-align:left;
    border:1px solid #000;
    padding:1px;
    margin-left: 5px;
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 1.1em;
}

.selectwidth {
    margin-left: 5px;
    border:1px solid #000;
    width:220px;
}

.jform fieldset {
    border: 1px solid #ccc;
    padding:8px;
    margin:18px 0;
    clear:both;
}
    
.jform legend {
    font-size: 1.2em;
    color:#ff0;
}

.jform_multipleinput_label {
    float:left;
    width:42%;
    text-align:right;
    padding-top:3px;
    font-size: 1.1em;
}

.jform_multipleinput {
    float:left;
    width: auto !important;
    text-align:right !important;
    margin-left: 8px;
}

.jform_dob {
    font-size: 0.9em;
}

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


.field {
    padding:0 1px; border: 1px solid #000; }

.datemyform {
    border:1px solid #000; padding:1px;}
        
/* Main button type */

.button, .rightbutton, .sign_button  {
    margin:0; background: #ccc; border: 1px solid #000; font-size: 1.1em; color: #000; font-weight: bold;}
    
.button {
    margin: 0 8px;}
    
.rightbutton {
    margin: 0 8px; float: right;}
        
.sign_button { 
    margin:0 10px;}

/*Kind warning box*/

.kind_warning {
    margin: 1em;
    color:#ff0;
    font-weight:bold;
    font-size:1.3em;
}

/*form error box*/

.errorbox {
    margin: 1em;
    color:#ff0;
    font-weight:bold;
    font-size:1.3em;
} 

.star {
    color:#fff; font-weight:bold; font-size:1.1em;
}

/* This styles controls the job application  scripts */
/***************************************/

/* This styles controls the job application  scripts */
/***************************************/
    
.jobs_form, .jobs_txtarea, .jobs_form textarea {
    font-size: 1em;margin:0; padding:0; font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;}
		
input.jobs_form, textarea.jobs_form {
    float:right; width: 55%; text-align:left; padding:1px; border: 1px solid #333; font-size:1em;}

.jobs_form label {
    float:left; width:42%; text-align:right; padding:0.3em 0 0 0;}

form.jobs_form div {
    padding:0.9em 0 0 0;}
		
select.jobs_form {
    border:1px solid #333; padding:0px; font-size:1em;float:left; margin-left:7px;}
		
.field {
    padding:1px; border: 1px solid #333;}
		
.multipleinput_label {
    float:left; width:42%; text-align:right; padding: 0.3em 0 0 0;}
    
.multipleinput {
    float:left; width: auto !important; text-align:right !important; margin-left: 8px;}
    
.jobs_date {
    border:1px solid #333; padding:1px; margin-left: 1px;}
    
.jobs_txtarea_wrap {
    padding:0 12px 5px 12px; margin:0; width: 100%; text-align:center;}
    
.jobs_txtarea {
    width: 55%; text-align:left; padding:2px; border: 1px solid #333; background: #fff; margin:0;}

.jobs_txtarea_wrap label {
    margin: 0 0 5px 18px; padding:0; text-align:left !important; }

.jobs_form select {
    border: 1px solid #333; background: #fff; margin: 1px 0 4px 11px; width: 330px;}

.check_column_wrap {
    clear:both; width:100%; padding: 0 0 22px 0; margin: 0; border-bottom: 1px solid #ccc; }

.check_column_wrap label {
    float: left; width: auto; margin-left: 20px; padding-top: 12px; white-space: nowrap;}
				
.ref_column { width:270px; float:left; margin:0 20px 0 0; padding:0; }
		.ref_column  p {margin:0; padding: 5px 0 0 0;}

.jobs_heading {border-bottom: 1px solid #ccc; font-size:1.4em;margin:0;padding:10px 0 4px 0; font-weight:bold; color:#ff0;}
.jobs_subheader {font-size: 1.2em; font-weight: bold; color: #ff0; margin:0; padding: 6px 0 2px 0;} 
.top_rule {border-top: 1px solid #ccc; margin: 12px 0; padding: 12px 0; }
.form_line {border-bottom: 1px solid #ccc ; clear: both; margin:0; padding:0;}

		
/* Step / Progress box */

.stepbox {border:1px solid #ccc; padding: 1em; margin: 1em;}

.stepbox p {font-size:1.1em; font-weight: bold; margin:0; padding:1em; }

.stepbox_column {width: 345px; margin:0; padding:0; float: left; }

.stepbox ul { list-style-type: none; margin:0; padding-left: 6px; }
.stepbox li {margin:0; padding: 6px 0 6px 18px;  font-weight: bold;}
		
		
/* Save for later box */
		
.laterbox {
   padding:0; margin: 1em 0;}

.h_laterbox {
    font-size: 1.2em;  font-weight:bold; color: #ff0;}

.laterbox p {
    margin:0; padding: 0;}

.laterbox div {
    padding-top: 4px;}

.laterbox form {
    margin:0; padding:0;}

/* Jobs, xforms Buttons */
.center {
    text-align: center; margin: 20px 0; padding: 10px 0; clear: both;
}
.right {
    text-align: right; margin:0; padding: 18px 0 28px 0;
}
.proceed_button {
    padding:0 5px; margin:0; color:#000; font-size: 1.2em; font-weight:bold; border:1px solid #000; background-color:#ccc;
}
.later_button {
    float: right; padding:0 3px; margin:0; color:#000; font-size: 1.1em; font-weight:bold; border:1px solid #000; background:#ccc;
}
.submit_button {
    padding:0 5px; margin:0; color:#000; font-size: 1.3em; font-weight:bold; border:1px solid #000; background-color:#ccc;
}

/* xForm progress */
#progressbar { display: none;
} 

.help { color: #ff0; font-size:0.9em; padding:0 2px 0 2px; }
.p { margin:0; padding:15px 0 15px 0; border-bottom: 1px solid #ccc;}

blockquote input, blockquote textarea {border: 1px solid #000;}