/* ###################
SEPARATED STYLES FOR SEASONING
#####################
*/
#skip {display:none;}
#handheldonly {display:none;}

/* Main background image */
body {
    background:#f6fdeb url(../images/bg.gif) top center repeat-y;
}

/* Background of site search in mast */
#search form {
    background: #A5BD4B url(../images/search_corner.gif) bottom right no-repeat;
    border-left: 1px solid #690;
}

/* Primary navigation bottom border colours */
ul#navlist a:link, ul#navlist a:visited {
    border-bottom: 3px solid #CAE49C;
}

ul#navlist a:hover, ul#navlist a:active {
    border-bottom: 3px solid #95AD3F;
}

/* Horizontal tagline graphic */
#tagline {
	background: #8CAE12 url(../images/tagline.gif) top left repeat-x;
}
#tagline div {
    background: url(../images/00grass.gif) 0px 0px no-repeat;
}

/* Sign in box border and header background */
#sign_in {
    border: 3px solid #CCDC94;
}

#signin_header {
	background: #8CAE12;
}

/* Border, homepage random image */
#randomimage img {
    border: 3px solid #CCDC94;
}

/* Middle advert borders */
.feat_wrap img {
	border: 1px solid #A4BD4B;
}

/* Background ../images for right hand adverts */
.adwrap {
	background:#fff url(../images/advert_bg.gif) top center no-repeat;
}
.adwrap span {/* COLOUR SEPARATED */
    background: url(../images/advert_bottom.gif) bottom center no-repeat;
}

/* Backgrund image and colour for left column widget headings */
.widget_heading {/* COLOUR SEPARATED */
    color: #fff;
    border: 1px solid #769508;
    background:#8CAE12 url(../images/00grass_widget.gif) 0px 0px no-repeat;
}

/* Left column Tabs colours and background ../images */
#tab_options {
	background:#fff;
	border-bottom: 5px solid #8CAE12;
}
#tab_options li {
	background:url(../images/tab_left.gif) no-repeat left top;
}
#tab_options a {
	background:url(../images/tab_right.gif) no-repeat right top;
	color:#333;
}

#tab_options #current {
	background-image:url(../images/tab_left_on.gif);
}
#tab_options #current a {
	background-image:url(../images/tab_right_on.gif);
	color:#fff;
}

/* Image borders  */

.contentimage {
	border: 3px solid #CCDC94;
}

.documentimage {
	border: 3px solid #CCDC94;
}
                   
.locationmap {
	border: 3px solid #CCDC94;
}

.rightcolumn img, .leftcolumn img {
	border: 2px solid #CCDC94;
}

.newsbox img { 
	border: 3px solid #CCDC94;
}

.cat_news img {
	border: 2px solid #CCDC94;
}

.newsimage {
	border: 3px solid #CCDC94;
}

.councillor_image {
    border:3px solid #CCDC94;
}
		
.cllrthumb {
	border:2px solid #CCDC94;
}

/* Contact the council box */

.contactbox {
    border: 4px solid #CCDC94;
}

/* Footer */

#footer {
    background:#fff url(../images/footer.gif) top left repeat-x;
}
/* ######################################################################################
#####################
*/

/* CSS owned by the Chiltern District Council - Created by Jadu, August 2005. www.jadu.co.uk */ 

html, body{
    margin:0;
    padding:0; 
    text-align:center; 
}

body {/* COLOUR SEPARATED */
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size:72%;
}

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

/* Text only council heading name */

#council_name, #council_name_print {
    display: none;}

/*
############################################
STRUCTURAL LAYOUT - EXTREME CAUTION! 
############################################
*/
#mast_wrapper {
    width:100%;
    background: #fff;
}

#mast {
    width:771px;
    height: 109px;
    margin:0 auto;
    padding:0;
    background: #fff url(../images/crest.gif) 0px 0px no-repeat;
}

#search {
    color: #666;
    text-align: right;
}

#search p {
    display: inline;
    margin:0;
    padding:10px 8px 0 0;
    float: right;
    font-size: 0.9em;
}

#search form span {
    position: absolute;
    bottom: -1.8em;
    right:12px;
    margin:0;
    padding:0;
    font-size: 0.9em;
}

#search form {/* COLOUR SEPARATED */
    float:right;
    margin:0;
    display: block;
    padding:5px 10px 6px 12px;
    position: relative;
}

#search label {
    display: none;
}

#mast {
    width:770px;
    height: 109px;
    margin:0 auto;
    padding:0;
    background: #fff url(../images/crest.gif) 0px 0px no-repeat;
}

#wrapper {
    width:770px;
    margin:0 auto;
    padding:0;
    text-align: left;
}

#inner_wrapper {
	float: left;
	width:770px;
    background:#fff url(../images/bg_content.gif) top left repeat-y;
}

#inner_wrapper_nocols {
	float: left;
	width:770px;
    background:#fff;
}

#leftcolumn {
    width:288px;
    float:left;
    display: block;
    padding: 0 1px;
}

#primary_content {
    float: right;
    width: 451px;
    padding: 0 12px 12px 0;
}

#primary_content_nocols {
    padding:0 12px 12px 12px;
}

#footer {/* COLOUR SEPERATED */
    clear: both;
    font-size: 0.9em;
    text-align: center;
    padding: 15px 0 15px 0;
    width: 770px;
    margin: 0 auto;
}

#footer img {
    border: none;
}

#footer p {
    margin: 0;
    padding: 6px;
}

/* horizontal navigation */

#horiznav {
    clear: both;
    width:710px;
    float: right;
    padding-top: 59px;
    margin:0;
}

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

ul#navlist li {
    margin: 0;
    float: left;
    display: block;
    padding: 0px 5px 0px 6px;
}

ul#navlist a {
float: left;
}

 /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
 ul#navlist a {float:none;}
  /* End IE5-Mac hack */
  
ul#navlist a:link, ul#navlist a:visited {/* COLOUR SEPARATED */
    display: block;
    padding: 0px 0 3px 0;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}

ul#navlist a:hover, ul#navlist a:active {/* COLOUR SEPARATED */
    display: block;
    padding: 0px 0 3px 0;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}

#horiznav>ul#navlist li a {
    width: auto;
}

/* for the active state tab */
#home #horiznav #t1 a,
#news #horiznav #t2 a,
#information #horiznav #t3 a,
#events #horiznav #t4 a,
#faqs #horiznav #t5 a,
#contact #horiznav #t6 a,
#register #horiznav #t7 a,
#sign #horiznav #t8 a, #jobs #horiznav #t9 a {color: #333; font-weight: normal; text-decoration: none; border-bottom: 3px solid #F18C00;}

/* Bread crumb navigation */

#bc {
    margin: 10px 0;
    padding:0 0 8px 0;
    color: #777;
    font-size: .9em;
    line-height: 1.3em;
    background: url(../images/rule.gif) bottom left repeat-x;
}

#bc a:link {font-weight:normal; color:#009;}

#bc a:visited {font-weight:normal;color:#009;}

#bc a:hover, a:active {font-weight: normal;color:#009;}

.bcb {
    font-weight: bold;
    font-size: 1.2em;}


/* Tagline graphic */

#tagline {/* COLOUR SEPARATED */
	clear: both;
	height: 56px;
	padding-top: 2px;
}

#tagline div {/* COLOUR SEPARATED */
	width:770px;
	height: 54px;
    margin:0 auto;
    text-align: right;
}

#tagline a {
	color: #fff;
	font-size: 1.2em;
	padding: 14px 12px 0 0;
	display: block;
}

/* Hompage specific */

#sign_in {/* COLOUR SEPARATED */
	width: 300px;
	float: left;
	margin: 12px 0;
}

#signin_header {/* COLOUR SEPARATED */
	color: #fff;
	font-size: 1.1em;
	padding: 4px 0 4px 8px;
}

.hello {font-style: italic;}

#sign_in form {
    padding: 0;
    margin: 0;
}

#sign_in div {
    clear: both;
    padding: 4px 0 4px 8px;
}

#sign_in label {
    padding:4px 8px 0 0;
    width: 30%;
    float: left;
    text-align: right;
}

.sign_in_input {
    width: 48%;
    float: left;
    border: 1px solid #666;
}

#sign_in p {
    margin:0;
    padding: 6px 8px 6px 8px;
    float: left;
}

#sign_in a {
    padding-left: 8px;
}

.sign_failed {
    font-weight: bold;
    color: #333;
    padding: 5px 0;
}

#home_main {
	width: 307px;
	float: left;
}

#home_right {
	width: 130px;
	float: right;
	margin: 8px 0;
}

#randomimage {
    padding: 0;
	margin:10px 0;
}

#randomimage img {/* COLOUR SEPARATED */
    padding: 1px;
    background: #fff;
}

#home_right p {
	font-size: 0.9em;
	margin:0;
	padding: 5px 0 0 0;
}

.feat_wrap {
	clear: both;
	width: 307px;
	float: left;
	background: url(../images/rule.gif) top left repeat-x;
    padding: 8px 0 0 0;
    margin: 8px 0 0 0;
    
}

.feat_wrap p {
    padding:0;
    margin: 0;
    font-size: 0.93em;
}

#feedlist {
    padding:4px 0 0;
    margin:0px;
    list-style:none;
}
#feedlist li {
	background:url(../images/bllt.gif) 0 6px no-repeat;
	padding:0 0 4px 8px;
	font-size:.9em;
}
#feedlist li a {
	font-weight:normal;
}

.feat_h1 a:link, .feat_h1 a:visited {
    font-size: 1.3em;
    text-decoration: none;
    padding: 0 0 6px 0;
}

.feat_h1 a:hover, .feat_h1 a:active {
    font-size: 1.3em;
    text-decoration: underline;
    padding: 8px 0 6px 0;
}

.feat_wrap img {/* COLOUR SEPARATED */
    padding: 1px;
    margin: 2px 5px 2px 3px;
    width: 50px;
    height: 50px;
    display: block;
}

.feat_h2 {
    padding: 3px 0 8px 0;
    font-weight: bold;
    color: #333;
}


/* Right adverts*/

.adwrap {/* COLOUR SEPARATED */
    width: 113px;
    float: left;
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 0.9em;
    text-align: center;
}

.adwrap img {
    padding:0 0 5px 0;
    display: block;
    margin: 0 auto;
    width: 36px;
    height: 36px;
    background: #fff;
    border: none;
}

.adwrap span {/* COLOUR SEPARATED */
    display: block;
    padding: 0 6px 10px 3px;
}

.adwrap a:link, .adwrap a:visited {
    color: #333; 
}
.adwrap a:hover, .adwrap a:active {
    color: #009;
    text-decoration: none;
}


/*
############################################
LEFT COLUMN CONTENTS 
############################################
*/
/* The LGCL navigation and widget navigation */

.widget_heading {/* COLOUR SEPARATED */
    clear: both;
    width: 278px;
    font-size: 1.1em;
    padding: 2px 2px 2px 6px;
}

.widget {
    float: left;
    width: 136px;
    padding: 0 5px 0 3px;
}

.widget li {
    padding:0;
    display: inline;
    margin:0;
}

.widget ul {
    width: 135px;
    float: left;
    padding:0;
    display: block;
    list-style-type:none;
    margin:2px 0 ;
}

.widget li {
    padding:0;
    margin:0 ;
}

.widget_link a {/* Colour separated */
     font-size: 0.9em; font-weight: normal; display: block; text-decoration: none; padding:4px 3px 4px 7px; margin: 0;
}
.widget_link a:link {
	color: #000; font-weight: normal; text-decoration: none; background: url(../images/bllt.gif) 2px 8px no-repeat;
}
.widget_link a:visited {
	color: #000; font-weight: normal; text-decoration: none; background: url(../images/bllt.gif) 2px 8px no-repeat;
}
.widget_link a:hover {
	color: #000; font-weight: normal; text-decoration: underline; background: url(../images/bllt.gif) 2px 8px no-repeat;
}
.widget_link a:active {
	color: #000; font-weight: normal; text-decoration: underline; background: url(../images/bllt.gif) 2px 8px no-repeat;
}

/* The tabs */

#tab_options {/* COLOUR SEPARATED */
	float:left;
	width:100%;
	font-size:0.9em;
	line-height:normal;
}
#tab_options ul {
	margin:0;
	padding:10px 6px 0 6px;
	list-style:none;
}
#tab_options li {/* COLOUR SEPARATED */
	float:left;
	margin:0;
	padding:0 0 0 5px;
}
#tab_options a {/* COLOUR SEPARATED */
	float:left;
	display:block;
	padding:5px 10px 5px 5px;
	text-decoration:none;
}
#tab_options a:hover {
	text-decoration:underline;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tab_options a {float:none;}
/* End IE5-Mac hack */
#tab_options a:hover {
	text-decoration:underline;
}
#tab_options #current a {/* COLOUR SEPARATED */
	background-image:url(../images/tab_right_on.gif);
	color:#fff;
}

.tab_box {
	clear: both;
	width:100%;
	background: #eee url(../images/tab_box.gif) bottom left repeat-x;
	margin: 0 0 2px 0;
}

.tab_box_bottom {
	background: url(../images/tab_box.gif) top left repeat-x;
}

.tab_box p {
	font-size: 0.9em;
	padding: 8px 6px 6px 6px;
	margin:0;
}

#az {
    margin:0;
    padding: 0px 6px 10px 6px;
}

#az a {
    font-weight:bold;
    padding:0 2px;
    font-size: 1.2em;
}

.aznone {
    padding:0 2px;
    color: #999;
    font-weight:bold;
    font-size: 1.2em;
}

.tab_box ul {
    margin: 0;
    font-size: 0.9em;
    padding:0 0 6px 0;
    display: block;
    list-style-type:none;
}

.tab_box li {
    background: url(../images/bllt.gif) 4px 4px no-repeat;
    margin: 0;
    line-height: 1.4em;
    padding:0 0 6px 10px;
    display: block;
    list-style-type:none;
}

/*
############################################
FONTS, LINKS & HEADINGS
############################################
*/

/* Prime links */

a:link, a:visited, a:hover, a:active {font-weight: bold; background:transparent;}

a:link {text-decoration:none; color:#009;}

a:visited {text-decoration: none; color:#669;}

a:hover, a:active {text-decoration: underline; color:#009;}

a img { border: 0; }
		
/* Not visited */

.not_visited a:link {color:#009;}

.not_visited a:visited {color:#009;}

.not_visited a:hover, a:active {color:#009;}
		
/* Links that are not blue */

.txtlink a:link {color:#000; font-weight: normal;}
    
.txtlink a:visited {color:#333;font-weight: normal;}
    
.txtlink a:hover {color:#000;font-weight: normal;}
        
.txtlink a:active {color:#000;font-weight: normal;}

/* Headings */
 
h1 {
    font-size: 1.9em;
    padding: .1em 0 .5em 0;
    margin:0;
    color:#333;
    font-weight: normal;
}
 
h2 {
    font-size: 1.6em;
    margin: 1em 0 1.3em 0;
    color:#333;
    font-weight: bold;
}

h3 {
    font-size: 1.4em;
    margin:0;
    padding: .8em 0;
    color:#333;
    font-weight: bold;
} 
 
.h_2 {
    font-size: 1.4em;
    margin: .4em 0;
    font-weight: bold;
    color:#333;
} 

.h_3 {
    font-size: 1.2em;
    margin:0;
    padding:4px 0;
    font-weight: bold;
    color:#333;
} 

.h_2 a:link, .h_3 a:link {font-weight: bold;}
.h_2 a:visited, .h_3 a:visited {font-weight: bold;}
.h_2 a:hover, .h_2 a:active, .h_3 a:hover, .h_3 a:active {font-weight: bold;}


.first {
    font-size: 1.1em;
}

.slim {
    margin:0; 
    padding: 2px 0; }

.space {
    clear: both; margin:0; padding: 6px 0;}

.b {
    font-weight: bold;
    color: #333;
}
    
b {
    color: #333;
}

.small {
	font-size: 0.9em;
}

.remove {color: #c30;}

.complete {color: #390;}

/*
############################################
../images
############################################
*/

.contentimage {/* COLOUR SEPARATED */
	float:right;
	margin: 0 0 3px 10px;
	width: 140px;
}

.documentimage {/* COLOUR SEPARATED */
	margin:0 0 3px 10px;
	padding:1px;
	float: right;
	width: 140px;
}
                   
.locationmap {/* COLOUR SEPARATED */
	width: 435px;
	margin: 0 0 20px 0;
	padding:1px;
}

/* Contact the council box */

.contactbox {/* COLOUR SEPARATED */
    clear: both;
    position: relative;
    margin:2em 0;
    padding:8px;
    color: #333;
}

.contact_h {
    background:url(../images/rule.gif) bottom left repeat-x;
    margin:0 0 4px 0;
    padding:0 0 7px 0;
    font-size: 1.1em;
}

.contactbox p {
    font-size: .96em;
    margin:0;
    padding:3px 0;
}

/* Two columns */
.news_wrap {
    clear: both;
    float: left;
    width: 451px;
    margin: 5px 0;
    padding: 5px 0;
    background: url(../images/rule.gif) bottom left repeat-x;
}

.col_wrap {
    clear: both;
    float: left;
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
    background: url(../images/rule.gif) bottom left repeat-x;
}

.col_wrap ul {
    margin: 0;
    padding: 0;
}

.col_wrapii {
    clear: both;
    margin: 0 0 5px 0;
    padding: 5px 0;
}

.news_wrap p {
    margin: 0;
    padding: 0 0 4px 0;
}

.col_wrap p {
    margin: 0;
    padding: 4px 0;
}

.col_wrapii p {
    margin: 0;
    padding: 4px 0;
}

.leftcolumn {
    width:47%; float:left; padding:0; margin:0;}
    
.rightcolumn {
    width:47%; float:right; padding:0; margin:0;}

.rightcolumn img, .leftcolumn img {/* COLOUR SEPARATED */
    float: right;
    padding: 1px;
    margin: 3px 0 5px 8px;
    width: 50px
}

/*
############################################
LATEST NEWS
############################################
*/
.newsbox {
    margin: 0 0 5px 0;
    padding: 8px 0 12px 0;
    background:url(../images/rule.gif) bottom left repeat-x;
}

.newsbox p {
    margin: 0;
    padding: 3px 0;
}

.newsbox img { /* COLOUR SEPARATED */
    float: right;
    padding: 1px;
    margin: 10px 0 5px 12px;
    width: 120px;
}

.cat_news {
    margin: 0 0 8px 0;
    padding: 0 0 12px 0;
    background:url(../images/rule.gif) bottom left repeat-x;
}

.cat_news p {
    margin: 0;
    padding: 2px 0;
}

.cat_news img {/* COLOUR SEPARATED */
    float: left;
    padding: 1px;
    margin: 5px 10px 8px 0;
    width: 50px;
}

.newsdate {
    font-size: .9em;
    margin: 0;
    padding: 0 0 5px 0;
    color: #666;
}

#rss {
    clear: both;
    padding:20px 0 5px 0;
    margin:0;
    color: #333;
}

#rss img {
    border:none;
    padding:0 5px 0 0;
    margin:0;
    float: left;
}
 
.dropbox_h {
    width: 451px;
    clear: both;
    margin:10px 0;
    padding:15px 0 0 0;
    font-size: 1.2em;
    color: #333;
}

.dropdownwidth {
    width:360px;
    border:1px solid #333;
}

.dropdownwidth option {
    font-size: 0.95em;
    margin:0;
}

.margin {
    clear: both;
    margin: 12px 0;
}

.newsimage {/* COLOUR SEPARATED */
    float: right;
    padding: 1px;
    margin: 10px 0 8px 12px;
    width: 160px;
}

/*
############################################
AZ
############################################
*/

.bigletter {
    float:left;
    font-size:46px;
    width: 50px;
    color:#666;
    font-weight:bold;
    padding-right:15px;
    margin:0; line-height: 38px;
}
			
#az_index {
    font-size:1.4em;
    text-align: left;
    margin: 18px 0;
    word-spacing: 0.2em;
    float:left;
}

#az_index a {
    font-weight:bold;
    margin:0;
    padding:0;
    line-height: 1.1em;
}

.aznone_index {
    font-weight:bold;
    color:#999;
    word-spacing: 0.2em;
    font-weight: bold;
}

#contentlist {
    padding:0;
    font-size: 1.05em;
}

#contentlist li {
    list-style-image: url(../images/disc.gif);
    padding:4px 0;
    margin:0;
    background: none;
}

#contentlist ol li {
    background: none;
    list-style: decimal;
    padding:4px 0;
    margin:0;
}

.pid {
    color: #666;
    font-style: italic;
    font-size: 0.9em;
}

/* Categories Index page lists */

.cate_wrap {
    position: relative;
    background:url(../images/rule.gif) bottom left repeat-x;
    margin: 0.5em 0 1em 0;
    padding: 0.3em 0 1em 0;
}

.cate_h {
    font-size: 1.2em;
    margin:0;
    padding:0 0 0.7em 0;
}

.cate_wrap p {
    margin:0 0 5px 0;
    padding:4px 0 2px 10px;
    background: url(../images/bllt.gif) 0px 8px no-repeat;
}

.cate_h a:link {font-weight: bold; color: #333;}
.cate_h a:visited {font-weight: bold;}
.cate_h a:hover, .cate_h a:active {font-weight: bold;}

/* Categories in... */
.categories_h {
    margin:0;
    padding:0 0 10px 0;
    font-size: 1.2em;
    color: #333;
}

#categories_in {
    position: relative;
    background:url(../images/rule.gif) bottom left repeat-x;
    margin: 0.5em 0 1.7em 0;
    padding: 1em 0 1.3em 0;
}

.cate_wrap li, #categories_in li, .info_on li {
    list-style: none;
    margin:0;
    padding:3px 0 3px 22px;
    background: url(../images/disc.gif) 10px 6px no-repeat;
}

.info_left {
    width:47%;
    float:left;
    padding:0;
    margin:0;
}
    
.info_right {
    width:47%;
    float:right;
    padding:0;
    margin:0;
}
    
/* Information on... */
.info_h {
    margin:0;
    padding: 0 0 10px 0;
    font-size: 1.2em;
    color: #333;
}

.info_on {
    position: relative;
    margin: 1.5em 0 2em 0;
    padding: 1.2em 0 2em 0;
}

/*Page navigation box */
#navbox {
	margin:1.5em 0 2em 0;
    padding:0;
    clear: both;
}

#navbox div {
    margin:0 0 4px 0;
    padding:5px 0 7px 0;
    font-size: 1.2em;
    color: #333;
}

#navbox ul {
	margin:2px 0 0 12px;
    padding:0;
}

#navbox li{
    padding:2px 0;
    list-style: none;
}

/*Related Info box */
#related {
    position: relative;
    margin:1.5em 0 2em 0;
    padding: 10px 5px;
    line-height: 2.4em;
	border: 4px solid #ddd;
	font-size: 0.9em;
}

#related ul {
    list-style: none;
    margin:0 0 0 4px;
    padding:0;
}

#related li {
    display:inline;
    list-style: none;
    padding:6px 8px 4px 18px;
}

.relfaq {background:url(../images/f_faq.gif) 0px 4px no-repeat !important;}
.relform {background:url(../images/f_form.gif)  0px 4px no-repeat !important;}
.reldownload {background:url(../images/f_download.gif)  0px 4px no-repeat !important;}
.relfeedback {background:url(../images/f_feedback.gif)  0px 4px no-repeat !important;}
.reldocs {background:url(../images/f_docs.gif)  0px 4px no-repeat !important;}
.relprint {background:url(../images/f_print.gif)  0px 4px no-repeat !important;}
.relemail {background:url(../images/f_email.gif)  0px 4px no-repeat !important;}   

/* Further information box */
.infobox_h  {
    background:url(../images/rule.gif) bottom left repeat-x;
    margin:0 0 4px 0;
    padding:0 0 7px 0;
    font-size: 1.2em;
}

.infobox {
    clear: both;
    width:420px;
    position: relative;
    margin: 1.5em 0 2em 0;
    padding:8px;
    border: 4px solid #ddd;
    overflow: hidden;
}

.infobox p {
    margin:0;
    padding:8px 0 5px 10px;
    background: url(../images/bllt.gif) 0px 12px no-repeat;
    font-weight: normal;
}

/*
############################################
DOWNLOADS
############################################
*/
.download_wrap {
    background: url(../images/rule.gif) bottom left repeat-x; margin: 0 0 10px 0; padding: 0 0 10px 15px;
}
    
.download_indent {
    margin:0; padding: 5px 0 10px 20px;
}
        
.download_indent p {
    background: url(../images/bllt.gif) 0px 9px no-repeat; padding: 5px 0 0px  12px; margin:0;
}

.download_indent img {
    border: none; width: 12px;
}

/*
############################################
SITE MAP
############################################
*/

#sitemap {
    font-size: 1em;
    color: #000;
}

#sitemap div {margin: 10px 0;}

#sitemap ul {
    list-style: none;
    background: url(../images/bllt.gif) 0px 9px no-repeat;
    margin:2px 0 2px 8px;
    padding:0;
}
    
#sitemap li {
    padding: 3px 0 3px 10px;
    line-height:1.6em;
}

.linkbox {
	margin:10px 10px 0 20px;
	padding:0 0 12px 0;
	background: url(../images/rule.gif) bottom left repeat-x;
	display: block;
}

.linkbox p {
	margin:0;
	padding:5px 0;
}

/* Top ten list */
.topten {	
	margin:1.5em 0 2em 0;
    padding:0;
}

.topten li {
    font-weight: normal;
    list-style: decimal;
    padding:0;
    line-height: 1.5em;
}

/*
############################################
FAQs
############################################
*/

.faq {
	padding:2em 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: #333;
}
.faq_a {
	font-style: italic;
	color: #333;
	padding: 1px 2px;
	font-weight: bold;
}

/*
############################################
EVENTS
############################################
*/
#events {}

.h_event {font-size: 1.4em; font-weight:bold; color: #333; margin:10px 0 6px 0; padding: 4px 0; border-top: 1px solid #ccc; }

.event_previous {float: left;}
.event_info { margin:  0 0 10px 0; padding: 4px; font-size: 1.1em;background: #FCFCE5; border:1px solid #cc9;}

#calendarcontainer, #calendarcontainerinfo {border: 1px solid #ccc;width:180px; padding:1px; text-align:justify; background: #fff; margin: 0 5px;}
#calendarcontainer {margin:0 0 10px 8px; float:right;}
#calendarcontainerinfo {margin:0 10px 10px 0; float:left;}

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

#calendar th { padding:1px; color:#333; width:30px;}
#calendar td {border: 1px solid #ccc; padding:0; height:14px;}
#calendar tr {padding:0px; margin:0;}

#calendar .month {font-size: 11px; width:100%; color: #333; border: 1px solid #ddd;}

.week a:link {background:#8CAE12;  color:#fff; display:block;padding:0px;text-decoration:none;}
.week a:visited {background:#6C8025;  color:#fff; display:block;padding:0px;text-decoration:none;}
.week a:hover {background:#eee; color:#8CAE12; padding:0px; text-decoration: none;display:block;}

/*.week a:link {background:#ccc;  color:#000; display:block;padding:0px;text-decoration:none;}*/
/*.week a:visited {background:#777;  color:#fff; display:block;padding:0px;text-decoration:none;}*/
/*.week a:hover {background:#eee; color:#000; padding:0px; text-decoration: none;display:block;}*/
.eventspace {margin:0;padding:4px 0 5px 0;}

.eventform {float: left; width: auto; display: inline; padding-bottom: 20px; }
.smallcal { font-size: 0.9em; margin:0; padding:3px; }


/*
############################################
COUNCILLORS
############################################
*/
.councillor_wrap {
    background:url(../images/rule.gif) bottom left repeat-x;
    margin: 0 0 0 25px;
    padding: 10px 0 5px 0;
    width: 85%;
    float: left;
}
		
.h_councillor {
    font-size: 1.3em; margin:0; padding: 3px 0;}
		
.nolist li {
    list-style:url(../images/disc.gif);  padding: 3px 0; font-size: 1.1em;}

.councillor_image {/* COLOUR SEPARATED */
    float:right;
    margin: 10px 0 3px 12px;
    background:#fff;
    padding:1px;
}
		
.cllrthumb {/* COLOUR SEPARATED */
    float:right;
	margin: 0 0 20px 0;
	padding:1px;
	width: 60px;
}

/*
############################################
OPINION POLL
############################################
*/
.poll_question { font-size: 1em; padding-bottom: 4px;}
.poll_q { font-weight: normal; font-size: 1.3em; color: #333; margin:0; padding: 6px 0;}
.poll_answer { font-weight: normal; font-size: 1.1em; margin:0; padding: 6px 0 ;}


/*
############################################
ADVANCED SEARCH
############################################
*/
#searchcheck {
	float: left;
	display: inline;
	margin:0;
	padding:0;
}

#searchcheck label {
	text-align: left;
	display: inline;
	width: auto;
}

.adv_checks {
	margin:5px 10px 0 0;
	padding: 3px 0 2px 0;
	border-bottom:1px solid #ccc;
	clear: none;
}
       
/* Search results */
.result {
	padding: 8px 0;
}

.relevance {
	color:#333;
	font-size: 0.94em;
	margin:0;
	padding:0 0 2px 0;
}
	
.search_highlight {
	background: #ff9;
	padding: 1px 2px;
}

/*
############################################
Google search results
############################################
*/

#google_search label {
	display: none;
}
        
.googstrip{  
	border: 1px solid #ccc;
	margin: 4px 0 12px 0;
	padding: 8px;
	background-color: #eee;
}
        
.googresult {
	margin-top: 22px;
	overflow: hidden;
}
        
.googresult p {
	margin:0;
	padding:4px 0 0 0;
	font-size: 0.94em;
	line-height: 1.3em;
	overflow:hidden;
	width:41em;
}
        
.url {
	color: #080;
}
        
.cache a:link, .cache a:visited {
	color: #777; font-weight: normal;
}

.cache a:hover, .cache a:active {
	color: #777;
	font-weight: normal;
	text-decoration: underline;
}
        
.g1 a {
	font-size: 1.3em;
}

#pagenav {
	text-align: center;
	margin: 32px 0;
	font-size: 1.1em;
	line-height: 1.3em;
}

.on_page {
	font-weight: bold;
	color: #333;
}
        
.googfooter{  
	padding: 12px;
	background-color: #eee;
	border: 1px solid #ccc;
}

/*
############################################
XFORMS
############################################
*/

#xform_signin { 
    width: 100%;
    clear: both;
    padding: 15px 0 0 0;
    background: url(../images/bgr.gif) top left repeat-x;
}

#xform_signin div {
	padding:5px 0;
}

#xform_signin label {
	font-size: 1.1em;
	padding:0 0 0 5px;
}

.help {
	color: #006;
	font-size:0.9em;
	padding:0 2px 0 2px;
}

.p { margin:0; padding:15px 0 15px 0; background:url(../images/dotrule.gif) bottom left repeat-x;}

#progressbar {
    background: #eee; 
    border:1px solid #666;
    height:10px; width:100%; 
    margin:10px 0 6px 0; padding:0;text-align:left;
    width:45%;
} 
#progressbar img { 
    height:10px;
    margin:0;
    padding:0;
}

blockquote input, blockquote textarea {border: 1px solid #333;}
		
.user_forms { font-size: 1.1em; width: 99%;}
.user_forms td {padding:5px; width: 50%; border-bottom: 1px solid #ccc; margin:5px;}
.colthree {  padding:2px; width: 50%;}

/*
############################################
    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 #333;
	padding:1px;
	margin-left: 5px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
}
    
.selectwidth {
	margin-left: 5px;
	border:1px solid #333;
	width:220px;
}

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

.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 #666;
}
    
.datemyform {
	border:1px solid #333; padding:1px;}

.form_line {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin:5px 0;
	padding:2px 0 5px 0;}
       
/* Main button type */    
.button, .rightbutton, .sign_button {
    background: #eee;
    border: 1px solid #666;
    color: #333;
    font-weight: bold;
    padding:0 1px;
}

.button {
    margin: 0 5px;}
    
.rightbutton {
    margin: 0 5px; float: right;}
        
.sign_button { 
    font-size: 1.1em;}


input:focus, textarea:focus {
    background-color: #ffc;
}

/*Kind warning box*/
.kind_warning {
    vertical-align: middle;
    height:35px;
    margin: 14px 0 10px 0;
    padding: 0px 0 0 45px; 
    color:#333;
    font-weight:bold;
    background:url(../images/kind_warning.gif) 0px 0px no-repeat;
}

/*form error box*/
.errorbox {
    margin: 14px 0 0 0;
    padding-left:60px;
    color:#333;
    background:url(../images/error.gif) 0px 0px no-repeat;
} 

.joberror {
    margin:20px 0;
    height:45px;
    padding:6px 0 0 60px;
    color:#333;
    background:url(../images/error.gif) 0px 0px no-repeat;
} 

.errorbox h2, .kind_warning h2, .joberror h2 {
    font-size: 1.1em;
    margin:5px 0;
    color:#333;
    font-weight: bold;
}

.errorbox p {
    padding-bottom:8px;
    margin:0;
    color:#000;
}

.star {
    color:#900;
    font-weight: bold;
}

/*
############################################
JOB APPLICATIONS
############################################
*/
#jobs_centre, .jobs_centre {
    width: 600px; margin: 0 auto;}
    
.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: 330px; text-align:left; padding:1px; border: 1px solid #333; font-size:1em;}

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

form.jobs_form div {
    padding:0.8em 0 0 0;}
		
select.jobs_form {
    border:1px solid #333; padding:0px; font-size:1em;float:left; margin-left:7px;}
		
.multipleinput_label {
    float:left; width:255px; 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; font-size: 1em;}
    
.jobs_txtarea_wrap {
    background: #eee; padding:0 12px 5px 12px; margin:0; width: 100%; text-align:center;}
    
.jobs_txtarea {
    width: 510px; 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:#333;}
.h {font-weight:normal;}
.jobs_subheader {font-size: 1.2em; font-weight: bold; color: #333; 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;}
            
            .planning_field { padding:1px; border: 1px solid #b10; margin-left: 5px;}
        
                        
            .datejform {border:1px solid #b10; padding:1px; font-size:1em;}

		
/* Step / Progress box */

#stepbox_heading {
    background: #eee url(../images/rule.gif) bottom left repeat-x;
    margin:0 0 4px 0;
    padding:5px 0 7px 0;
    font-size: 1.2em;
}

.stepbox {
    margin: 1.5em 0 2em 0;
    padding:0 8px 8px 8px;
    border: 1px dotted #ccc;
    background: #eee;
    color: #000;
    text-align: left;
}
    
.stepbox ul {
    list-style-type: none;
    margin:0;
    padding: 5px 18px;
}

.stepbox li {
    margin:0;
    padding: 6px 0 6px 18px;
    font-weight: bold;
}

.stepbox p {
    font-size:1.1em;
    margin:0;
    padding:10px 18px 10px 18px;
    color: #333;
}

.stepbox_column {
    width: 40%; margin:0; padding:0; float: left;}
		
.check_home { color: #333; background-image: url(../images/check_home.gif);  background-position: 0 4px; background-repeat: no-repeat; }
.check_tick { color: #333; background-image: url(../images/check_tick.gif);  background-position: 0 7px; background-repeat: no-repeat; }
.check_arrow { color: #333; background-image: url(../images/check_arrow.gif);  background-position: 0 7px; background-repeat: no-repeat; }
.check_dash { color: #333; background-image: url(../images/check_dash.gif);  background-position: 0 7px; background-repeat: no-repeat; }
		
/* Save for later box */
		
.laterbox {
    text-align: left; border: 1px dotted #ccc;
    background: #ECF4FB; padding:6px; margin: 12px 0 10px 0;}

.h_laterbox {
    margin:0; padding: 0 0 3px 0; font-size: 1.2em;  font-weight:bold; color:#333;}

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

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

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

/* Jobs 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 3px; margin:0; color:#fff; font-size: 1.1em; font-weight:bold; border:1px solid #333; background-color:#666;
}
.later_button {
    float: right; padding:0 3px; margin:0; color:#000; font-size: 1.1em; font-weight:bold; border:1px solid #333; background-color:#ccc;
}
.submit_button {
    padding:0 5px; margin:0; color:#fff; font-size: 1.2em; font-weight:bold; border:1px solid #333; background-color:#666;
}

/*-----------find my nearest styles--------------*/
.genbox {
width: 429px;
background:#fff;
border-bottom: 1px solid #ddd;
margin: 2px 0 4px 0;
padding: 5px 7px 5px 7px;
}

.genbox img {
float: left;
padding: 0 10px 0 0;
}

.genbox form {
font-size:1.1em;
padding: 10px 0 15px 0;
}

/*tables--*/
table{font-size:0.9em;border: 1px solid #555;border-collapse: collapse;margin-left: auto;margin-right: auto;width: 400px;}
td{border: 1px solid #555;}
th{border: 1px solid #555;background:#eee;}
.floatright { float: right; }

table#calendar {width:auto;border-collapse: separate;border:none;}
#calendar th {background:none;border:none;}


/*
########## Elements for hiding from main site #########
########## used on textonly.css and print.css #########
*/

#hide, .hide, .hidekey, #print_footer { display: none; }
.floatright { float: right; }

#handheldonly {display:none;}

.ref_column {margin-right:-3px;}
.laterbox {height:1%;}
#primary_content_nocols > .laterbox {height:auto;}