/* ///////////////////////////// */
/* ---------- CLEANUP ---------- */
/* ///////////////////////////// */

/*This block cleans up the majority
of inconsistencies between browsers
and resets common unwanted styles*/

/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}*/


/* ///////////////////////////// */
/* ----------- BANNER ---------- */
/* ///////////////////////////// */

#outerBannerContainer span, #outerBannerContainer h1, #outerBannerContainer a, #outerBannerContainer img, #outerBannerContainer ul, #outerBannerContainer li, #outerBannerContainer fieldset, #outerBannerContainer form, #outerBannerContainer label, #outerBannerContainer legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
	
#outerBannerContainer ul {
	list-style: none;
	padding-left:0;
	margin-left:0;
	}

#outerBannerContainer a, #outerBannerContainer a:visited{
	color: #1d3686;
	text-decoration: none;
	}
	
#outerBannerContainer a:hover{
	text-decoration: underline;
	}

ul#helpLinks {
	font-size: 0.8em;
	color: #1d3686;
	padding: 2px 0 2px 0;
	margin: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
	#helpLinks li{
		background: none;
		display: inline;
		text-align: center;
		border-right: 1px solid #1d3686;
		padding: 0px 5px 0px 5px;
		margin: 0;
		}
	
	#helpLinks li.last{
		border-right: 0;
		}
	
	#helpLinks a{
		color: #1d3686;
		text-decoration: none;
		}

	#helpLinks a:hover{
		text-decoration: underline;
		}
	
div#contactContainer{
	float: right;
	padding: 2px 10px 0 0;
	color: #053226;
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
	
div#bannerBackground{
	background: url(/images/homepage/bannerFade.jpg) 100% 0 repeat-y #06261d;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	}

div#bannerContainer{
	background: url(/images/homepage/bannerCurve.gif) 100% 0 no-repeat;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	}

html>body div#bannerContainer{
	min-width:985px;
	width: auto;
	}

	div#bannerContainer div#logoContainer{
		float: left;
		height:85px;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		text-align:left;
		vertical-align: baseline;
		background: transparent;
		width:260px;
		}
	
	div#bannerContainer img#logo{
		margin: 15px;
		}
	
	div#bannerContainer div#logoContainer span{
		display:none;
		}
	
	div#bannerContainer div#searchContainer{
		text-align: right;
		float: right;
		padding: 10px 12px 9px 0;
		margin: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		}
	
	div#searchContainer div#betaButtonContainer{
		float:left;
		text-align:left;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		}
	
		div#searchContainer div#betaButtonContainer a, div#searchContainer div#betaButtonContainer a:visited{
			color:#fff;
			background: url(/images/homepage/betaOff.gif) no-repeat 0 0;
			display:block;
			line-height: 1.9em;
			text-align:center;
			width: 124px;
			height: 27px;
			}
		
		div#searchContainer div#betaButtonContainer a:hover{
			background: url(/images/homepage/betaOff_hover.gif) no-repeat 0 0;
			text-decoration:none;
			}
	
		div#bannerContainer div#searchContainer div#searchFormContainer{
			margin: 0 0 10px 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			vertical-align: baseline;
			background: transparent;
			}
		
		div#bannerContainer div#searchContainer div#searchFormContainer div{
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			vertical-align: top;
			background: transparent;
			}
	
		div#bannerContainer div#searchFormContainer div input#searchBox{
			font-family: verdana;
			line-height: 1.5em;
			margin: 0 15px 1px 0;
			padding:0;
			}
		
		div#bannerContainer div#searchFormContainer div input#searchButton{
			font-family: Verdana;
			background: url(/images/homepage/searchbutton.gif) no-repeat;
			line-height: 1.1em;
			font-size:1em;
			border: 0;
			height: 27px;
			width: 64px;
			}
	
	div#bannerContainer div#atozContainer{
		color: #ffde00;
		font-weight: bold;
		margin: 12px 0 0 0;
		padding: 0;
		border: 0;
		outline: 0;
		vertical-align: baseline;
		background: transparent;
		}
	
		div#atozContainer ul#atozLinks{
			color: #FFF;
			font-weight: bold;
			margin: 2px 0 2px 0;
			padding: 0;
			}
		
			div#atozContainer ul#atozLinks li{
				color:#FFF;
				background: none;
				line-height: 1em;
				display: inline;
				padding: 0 1px 0 1px;
				margin: 0;
				}
			
			div#atozContainer ul#atozLinks a{
				color: #FFF;
				font-weight: bold;
				text-decoration: none;
				}
			
			div#atozContainer ul#atozLinks a:hover{
				color: #ffde00;
				font-weight: bold;
				text-decoration: none;
				}

div#mainNavContainer{
	width: 100%;
	background: url(/images/homepage/mainNavFade.gif) repeat-x 0 0 #9a9a9a;
	margin:0;
	padding:0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	}

ul#mainNavLinks{
	list-style: none;
	margin:0;
	padding:0;
	white-space: nowrap;
	}	
	
	ul#mainNavLinks li{
		float:left;
		margin: 0;
		padding:0; 
		}
	
	ul#mainNavLinks a, ul#mainNavLinks a:active, ul#mainNavLinks a:visited{
		color: #1d3686;
		text-decoration: none;
		text-align: center;
		height: 2.5em;
		line-height: 2.5em;
		border-right: 1px solid #CCC;
		margin:0;
		padding: 0px 15px;
		background: none;
		}
	
	html>/**/body ul#mainNavLinks a{
		padding: 8px 15px;
		}
	
	html>/**/body ul#mainNavLinks a:active{
		padding: 8px 15px;
		}
	
	html>/**/body ul#mainNavLinks a:visited{
		padding: 8px 15px;
		}
	
	ul#mainNavLinks a:hover{
		background-color: #8C8C8C;
		text-decoration: none;
		color: #fff;
		}
	
div.clearBoth{
	margin:0;
	padding:0;
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 0;
	}

html>body div.clearBoth{
	height: 0;
	visibility:hidden;
	}

div.clearRight{
	margin:0;
	padding:0;
	clear: right;
	height: 1px;
	font-size: 1px;
	line-height: 0;
	}

html>body div.clearRight{
	height: 0;
	visibility:hidden;
	}

div.clearLeft{
	margin:0;
	padding:0;
	clear: left;
	height: 1px;
	font-size: 1px;
	line-height: 0;
	}

html>body div.clearLeft{
	height: 0;
	visibility:hidden;
	}

a.topnavimage {
	display:block;
	background: none;
	text-decoration: none;
	}


/* ///////////////////////////// */
/* ------- PAGE TEMPLATE ------- */
/* ///////////////////////////// */

body {
	color:#000000;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	line-height:1em;
	margin:0px 17px 0px 17px;
}

body table{
	line-height:1.4em;
}

div#div_content, div#inner-container, div#side_nav{
	line-height:1.4em;
}

h1{margin-top:0em;font-weight:normal;font-size:140%;margin-bottom:2px;color:#000}
h2{margin-top:.1em;font-weight:bold;font-size:105%;margin-bottom:.2em;color:#333;padding:.1em .1em .1em .1em}
h3{margin-top:0em;font-weight:bold;font-size:100%;margin-bottom:.2em;color:#000}
h4{margin-top:0em;font-weight:bold;font-size:100%;margin-bottom:.2em;color:#222}
a:link{font-size:100%;color:#0000cc;text-decoration:none;}
a:visited{font-size:100%;color:#800080;text-decoration:none;}
a:active{font-size:100%;color:#ff0000;background-color:#ffffcc;text-decoration:none;}
a:hover{font-size:100%;color:#ff0000;text-decoration:underline}
img{border:none;vertical-align:bottom;}

fieldset{border:1px solid #999; border-bottom:2px solid #999; border-style:solid; margin:1em 0; padding:.625em .625em 0em .625em;}
html>body fieldset{padding:0em 1em 1em 1em;}

fieldset fieldset{border:1px solid #ccc; border-bottom:2px solid #ccc; border-style:solid; clear:both; margin:2em 0; padding:.625em;}
html>body fieldset fieldset{padding:0em 1em 1em 1em;}

fieldset fieldset legend{background-color:#f2f2f2; border:1px solid #ccc;}
fieldset fieldset fieldset legend{background-color:#fafafa;}

fieldset label{vertical-align:middle;}
html>body fieldset label{vertical-align:top;}
fieldset fieldset label{vertical-align:middle;}
html>body fieldset fieldset label{vertical-align:top;}

input, select, textarea{font-family:inherit; font-size:100%; margin:0; vertical-align:middle;}
html>body input, select, textarea{vertical-align:-10%;}

fieldset legend{background-color:#dbf6eb; border:1px solid #999; color:#000; padding:.25em .5em;}
form p{margin:0;}

dt{font-weight:bold;}

#container{width:100%;}
#page_header{padding:0px 0px 0px 0px; margin:0px;}
#page_header a:link{text-decoration:none;}
#page_header a:visited{text-decoration:none;}
#page_header a:hover{text-decoration:underline;}
#page_header a:active{text-decoration:none;}	
#page_header_black_border{padding:0px 0px 0px 0px; margin:0px; border:solid 1px #000000;}
#access_links{padding:2px 0px 2px 18px; margin-bottom:0px; border-bottom:solid 1px #000000; font-size:85%;}
#access_links ul{padding:0px; margin:0px;}
#access_links li{display:block; float:left; margin-right:5px; list-style-type:none;}
#banner{background-image:url(http://www.kirklees.gov.uk/images/bannerback.jpg); background-position:right; background-repeat:no-repeat; margin-top:0px;}
#banner img{margin-left:0em; display:block}
#banner span{display:none;}
#banner h1{margin:0em}
#main_navigation_bar{background-color:#000000; padding:0.5em 0.5em 0.5em 0.5em; margin:0px;}
#main_navigation_bar ul{padding:0em 0em 0em 0em; margin:0em 0em 0em 0em;}
#main_navigation_bar li{display:block;float:left;text-align:center;list-style-type:none;}
#nav_list_home{width:7%;}
#nav_list_atoz{width:7%;}
#nav_list_business{width:9%;}
#nav_list_community{width:8%;}
#nav_list_council{width:8%;}
#nav_list_employment{width:10%;}
#nav_list_events{width:8%;}
#nav_list_news{width:7%;}
#nav_list_qanda{width:6%;}
#nav_list_roads{width:11%;}
#nav_list_visitors{width:8%;}
.nav_list_pipe{width:1%; color:#fff; font-weight:bold;}
#main_navigation_bar a:link{color:#ffffff;}
#main_navigation_bar a:visited{color:#ffffff;}
#main_navigation_bar a:active{color:#000000; background-color:#ffffff;}
#main_navigation_bar a:hover{text-decoration:none; color:#ffff66;}
#second_navigation_bar{padding:4px 18px 4px 18px; background-color:#B8EBD7; font-size:85%;}
#second_navigation_bar ul{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#second_navigation_bar li{display:block; float:left; list-style-type:none;}
a#second_navigation_bar_contact{width:6.0em; display:block; float:left; background-image:url(http://www.kirklees.gov.uk/images/homepage/icons/contact.gif); width:110px; background-repeat:no-repeat; color:#000000;}
a#second_navigation_bar_contact:hover{background-image:url(http://www.kirklees.gov.uk/images/homepage/icons/contact2.gif); color:#ff0000;}
a#second_navigation_bar_forms{display:block; float:left; background-image:url(http://www.kirklees.gov.uk/images/homepage/icons/forms.gif); width:100px; background-repeat:no-repeat; color:#000000;}
a#second_navigation_bar_forms:hover{background-image:url(http://www.kirklees.gov.uk/images/homepage/icons/forms2.gif); color:#ff0000;}
a#second_navigation_bar_pay{display:block; float:left; background-image:url(http://www.kirklees.gov.uk/images/homepage/icons/payments.gif); width:110px; background-repeat:no-repeat;color:#000000; padding-right:10px;}
a#second_navigation_bar_pay:hover{background-image:url(http://www.kirklees.gov.uk/images/homepage/icons/payments2.gif); color:#ff0000; padding-right:10px;}
a#second_navigation_bar_shop{display:block; float:left; background-image:url(http://www.kirklees.gov.uk/images/homepage/icons/shop.gif); width:100px; background-repeat:no-repeat; color:#000000;}
a#second_navigation_bar_shop:hover{background-image:url(http://www.kirklees.gov.uk/images/homepage/icons/shop2.gif); color:#ff0000;}
a#second_navigation_bar_services{display:block; float:left; background-image:url(http://www.kirklees.gov.uk/images/homepage/icons/services.gif); width:150px; background-repeat:no-repeat;}
a#second_navigation_bar_services:hover{background-image:url(http://www.kirklees.gov.uk/images/homepage/icons/services2.gif);color:#ff0000;}
a#second_navigation_bar_search{display:block; float:left; background-image:url(http://www.kirklees.gov.uk/images/homepage/icons/search.gif); width:140px; background-repeat:no-repeat; color:#000000;}
a#second_navigation_bar_search:hover{background-image:url(http://www.kirklees.gov.uk/images/homepage/icons/search2.gif); color:#ff0000;}
#search{text-align:right;}
#searchbox{margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
#site_search{font-size:85%;}
#btn_site_search{background-color:#FFFFFF; border:1px solid #000; font-size:85%;}
#side_nav{width:20%; float:left; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; overflow:hidden; margin:0;}
#side_nav img{margin-left:auto; margin-right:auto;}
#side_nav_header{display:block; text-align:center; background-color:#99FFCC; background-image:url(/images/stripe.gif);}
#side_nav_header img{display:block;}
#side_nav h3{margin:0px 0px 0px 0px; text-align:center; font-size:100%; background-color:#b8ebd7;}
#side_nav ul{padding:.625em .625em 0 1.75em; margin:0;}
#side_nav li{list-style-type:disc;margin-bottom:.625em;}
#side_nav p{margin:0em 0em .625em 0em;}
#side_nav_map{text-align:center;}
#side_nav_map li{float:left; font-size:85%; list-style-type:none;}
#inner-container {width:79%; padding:0; float:right;}
	#inner-container #page-header { padding-top:6px; }
#content-header{margin:6px 5px 20px;}
#page-owner{font-weight:bold;}
#page-owner a{font-weight:normal;}
#page-email{font-weight:normal;}
#biscuit-trail{margin:0 0 6px;}
#biscuit-trail ul{width:100%; padding:0em 0em 0em 0em; margin:0;}
#biscuit-trail li{display:block; float:left; margin-right:0.5em; list-style-type:none; margin:0;}
#page-details{}
#page-details img{float:right;}
#page-intro{margin:15px 0;}
	#page-intro p{margin:0 0 7px;}
	#page-intro img{border:5px solid #ebebeb; float:right; margin:0 0 2em 2em;}
	/*
	#content_body p{margin:0;}
	#content_body img{border:5px solid #86c9af; float:right; margin:0 1.75em 2em 2em;}
	*/
#contact_details img{float:right;}
#content_body{margin:0 5px;}
#external_orgs ul{padding:0em 0em 0em 0em; margin:0em 0em 0em 1.2em;}
#external_orgs li{padding:0.2em 0.2em 0.2em 0.2em;}
#page_footer{text-align:center; padding:2.5em 0em 0em 0em;}
#page_footer ul{text-align:center; padding:0em 0em 0em 30%; margin:0em 0em 0em 0em;}
#page_footer li{display:block; float:left; text-align:center; list-style-type:none;}
#top_footer{background-color:#b8ebd7; padding:0em 0em 0em 0em; border:solid 0.1em #b8ebd7;}
#top_footer a{color:#000000;}	
#top_footer a:hover{color:#ff0000;}
#bottom_footer{margin-top:0.5em;margin-bottom:1em; font-size:0.85em;}
#bottom_footer ul{padding:0em 0em 0em 20%;}
.nav_trans{vertical-align:middle;}

h2{margin:0; padding:0;}
ul{margin-bottom:0; margin-top:0;}
.light{background-color:#B8EBD7}

a.biscuit:link{font-weight:bold;font-size:100%;color:#0000ff;text-decoration:none;border-bottom:0}
a.biscuit:visited{font-weight:bold;font-size:100%;color:#800080;text-decoration:none;border-bottom:0}
a.biscuit:hover{font-weight:bold;font-size:100%;color:#ff0000;text-decoration:none}

.socialbookmarks {text-align:center}
.socialbookmarks ul {margin:0px 0px 8px 0px;}
.socialbookmark {margin-right:8px;display:inline;}
.socialbookmark img {margin:0px 2px 0px 0px;}
.socialbookmark_explanation {text-align:right;padding:4px;}

p { margin:7px 0; }


/* ///////////////////////////// */
/* ----- REUSABLE ELEMENTS ----- */
/* ///////////////////////////// */

/* ----- Classes ----- */

.feature_box {
	border: 4px solid #F3E9E4;
	font-weight: bold;
	background: #fffaf8;
	padding: 5px;
	width: 50%;
	}


.menu{
	border-bottom:2px solid #b8ebd7;
	border-left:1px solid #b8ebd7;
	border-right:1px solid #b8ebd7;
	margin:10px 0;
	zoom:1;
	}

.menu-title{
	background-color:#b8ebd7;
	border-bottom:2px solid #86c9af;
	margin-bottom:1em;
	padding:.625em 1em;
}

.menu-text
{
	margin-bottom:1em;
	padding:0 1em;
}

.menu-left{
	float:left;
	padding-left:1em;
	width:45%;
	} /* use inside elements (such as .menu) in conjuction with <div class='menu_right'> for a 2 column layout */

.menu-right{
	float:right;
	width:50%;
	} /* use inside elements (such as .menu) in conjuction with <div class='menu_left'> for a 2 column layout */

	.menu-left .text, .menu-right .text {
		padding-left:120px;
		}

.menu-list{
    padding-left:1em;
} /* use inside elements (such as .menu) for menu items on separate lines like a list */

    .menu-item .image{
        float:left;
        width:45px;
    }
    .menu-item .text{
        padding-left:55px;
    }
	
.menu ul.menu-list {
    list-style-type:none;
	padding:0 0 0 1em;
	} /* use inside elements (such as .menu) for menu items on separate lines like a list */
    .menu ul.menu-list h3 {
		font-size:100%;
		font-weight:bold;
		}

.menu-left a, .menu-right a, .menu-list a{
	font-weight:bold;
}

.menu-left p, .menu-right p, .menu-list p{
	margin:2px 0;
}

.menu-no-title{
	border:solid 1px #b8ebd7;
	border-bottom:2px solid #b8ebd7;
	margin:10px 0;
	padding:10px 0;
}

.section{
	margin:1em 0 1em 0;
	padding:0;
	}
	.section p{ margin:10px 0; }
	/*.section img{ border:5px solid #ebebeb; float:right; margin:0; }*/
.section.jumpspace{
    margin-bottom:15em;
    }
	
.photo_section{
	margin:1em 0 1em 0;
	padding:0;
	}
	.photo_section_title{
		background-color:#b8ebd7;
		border-bottom:2px solid #86c9af;
		margin-bottom:10px;
		padding:.3em .75em;
		}

.photo_section_images{ 
	margin:0; 
	padding:0 10px; 
	}
	.photo_section_images .image_container{ 
		background: #fafafa;
		border:5px solid #ebebeb;
		float:left;
		margin:0 10px 10px 0;
		}
		.photo_section_images .image_container p{ 
			font-size:.875em; margin:5px; 
			}

.latestNews_section{
	border-bottom:1px solid #ceefff;
	border-left:1px solid #ceefff;
	border-right:1px solid #ceefff;
	margin:10px 5px;
	}
	.latestNews_section_title{
		background-color:#d8f3ff;
		border-bottom:2px solid #a6e4ff;
		margin-bottom:10px;
		padding:.3em .75em;
		}
	.latestNews_section_article{
		margin:0 1em 1em;
		}
		.latestNews_section_article_title{
			font-size:100%;
			font-weight:bold;
			}
		.latestNews_section_article_precis{
			font-size:85%;
			}
		.latestNews_section_article_date{
			color:#666;
			font-size:80%;
			}

.newsArticle_section{
	border-bottom:2px solid #ededed;
	border-left:1px solid #ededed;
	border-right:1px solid #ededed;
	margin:10px 0;
	}
	.newsArticle_section .section_title{
		background-color:#ededed;
		border-bottom:2px solid #cacaca;
		margin-bottom:10px;
		padding:.3em .75em;
		}
	.newsArticle{
		margin:0 1em 1em;
		}
		.newsArticle_date{
			color:#666;
			font-size:80%;
			margin-bottom:5px;
			}
		.newsArticle_body{
			}

.moreNews_section{
	border-bottom:2px solid #ededed;
	border-left:1px solid #ededed;
	border-right:1px solid #ededed;
	border-top:1px solid #ededed;
	margin:10px 0;
	}
	.moreNews{
		margin:1em;
		}

.readmore {
	font-size: 85%;
	font-weight: bold;
	margin-left: 1.2em;
	}
	
.single_image_section{
	margin:1em 0 1em 0;
	padding:0;
	}
	.single_image_section .image_container{
		background: #fafafa;
		border:5px solid #ebebeb;
		margin:0 10px 10px;
		padding:10px 10px 0;
		text-align:center;
		}
		.single_image_section .image_container p{
			margin-left:10px;
			margin-right:10px;
			}
	.single_image_section .thumb_container{
		border:5px solid #ebebeb;
		margin:0 10px 10px;
		padding:5px;
		text-align:center;
		}
		.single_image_section .thumb_container img{
			margin:5px;
			}

.section-title{
	background-color:#b8ebd7;
	border-bottom:2px solid #86c9af;
	margin-bottom:10px;
	padding:.625em .75em;
	}

.section-text{ 
	margin:0 .625em 0 .625em; 
	}
	.section-text li{ 
		}
	.section-text .image-container{
		background: #fafafa;
		border:5px solid #ebebeb;
		float:right;
		margin:0 0 2em 2em;
		max-width:220px;
		padding:10px;
		text-align:center;
		}
		.section-text .image-container .image-title{
			font-size:.875em;
			font-weight:bold;
			margin:0 0 10px;
			}
		.section-text .image-container p{
			font-size:.875em; margin:5px;
			}
		.section-text .image-container .image-caption{
			font-size:.875em;
			margin:10px 0 0;		
			}

.section-text-no-style{ margin:0; }
	.section-text-no-style p{ margin:0; }
	.section-text-no-style img{ border:5px solid #ebebeb; float:right; margin:0 0 2em 2em; }

.section-image{
	float:right;
	margin:0 0 1em 1em;
	}

.section-no-title{
	margin-bottom:20px;
	}
	.section_no_title p{ margin:0; }
	.section_no_title img{ border:5px solid #ebebeb; float:right; margin:0; }
	
.column_section {}
	.column-section.two-column .column { float:left; margin-right:2%; width:49%; }
	.column-section.three-column .column { float:left; margin-right:2%; width:32%; }
	.column-section .column.last { margin:0; }

.clear-float, div.clear-float{
	clear:both;
	margin:0;
	width:100%;
	padding:0;
	height: 0px;
	font-size: 0px;
	line-height: 0em;
	} /* use between elements to clear the float of the element above */

.clear-float-10{
	clear:both;
	height:1em;
	margin:0;
	width:100%;
	} /* use between elements to clear the float of the element above and create a 10px gap */

.tel{
	color:#990000;
	font-size:90%;
	font-weight:bold;
	}

#form_submit{
	margin:1em 0;
	text-align:center;
	}

.form_row{
	margin:.75em 0 0 .5em;
	}

html>body .form_row{
	margin-left:0;
	}

.form_cell_left{
	background-color:#ebebeb;
	float:left;
	line-height:1.8;
	padding-left:.375em;
	width:35%;
	}

.form_cell_right{
	float:right;
	text-align:left;
	width:64%;
	}

.form_buttons{
	/*text-align:center;*/
	width:100%;
	border:1px solid #ccc;
	}

.form_example{
	margin-left:1em;
	}

.back_to_top{
	margin:.625em .625em 0 .625em;
	text-align:left;
	}

.unstyled_list{
	list-style-type:none;
	margin:0;
	padding:0 1em 1em;
	}

.unstyled_list li{
	display:inline;
	}

.form_feedback{
	background-color:#fffbce;
	border:1px solid #ecdf99;
	padding:6px 8px;
	}
	.form_feedback_text{
		}
		.form_feedback_text p{
			margin:0;
			}
	.form_feedback_image{
		float:left; 
		width:20px;
		}

/* styles for block vcards */
div.vcard{
	margin-left:10px;
	}
	div.vcard .fn{
		font-weight:bold;
		}
/* styles for inline vcards */
span.vcard{
	margin:0;
	}
	span.vcard .fn{
		font-weight:normal;
		}
/* styles for both block vcards and inline vcards */
	.vcard .tel{
		color:#990000;
		font-size:90%;
		font-weight:bold;
		}
		
	.vcard .fax{
		color:#990000;
		font-size:90%;
		font-weight:bold;
		}

ul.document-list li{ margin-bottom: 4px; }

		
/* ///////////////////////////// */
/* ------- ALERT MESSAGE ------- */
/* ///////////////////////////// */

.alert_box{
	background-color:#fffbce;
	border:1px solid #ecdf99;
	margin-bottom:10px;
	padding:.5em .75em;
	}
	.alert_box p{
		margin:0;
		}


/* ///////////////////////////// */
/* --- PAGE/SECTION SPECIFIC --- */
/* ///////////////////////////// */

/* Warmzone - http://www.kirklees.gov.uk/community/environment/energyconservation/warmzone/warmzone.shtml */

.warmZone_statusBox{
	background-color:#fff0cb;
	border:2px solid #f58201;
	margin-bottom:1em;
	padding:.5em;
	width:auto;
}

/* Biodiversity - http://www.kirklees.gov.uk/community/environment/green/greenkirklees/biodiversitystrategy.shtml*/

#biodiversity_feature.section{
	border-color:#348666;
	}
	#biodiversity_feature .section_title{
		background-color:#348666;
		border-color:#185b41;
		}
		#biodiversity_feature .section_title h2{
			color:#ffffff;
			}

/* Information Station - http://www.kirklees.gov.uk/community/libraries/informationstation.shtml */

#information_station{
	border:10px solid #003480;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
	margin:10px 0;
	min-width:740px;
	}
    #information_station #title{
	    background-color:#003480;
	    border-bottom:2px solid #db002e;
	    padding:3px 10px;
        }
		#information_station #title h2{
			color:#ffffff;
			}
    #information_station #text{
	    margin-bottom:1em;
	    padding-left:1em;
        }
    #information_station #image{
		background-color:#ebeced;
        height:402px;
        overflow:hidden;
        position:relative;
        }
        #information_station #image img {
			position:absolute; 
            top:0px;
            left:0px;
            z-index:1; 
            }
        #information_station #image .map_overlay {
            background-color:#f7f7f7;
            -moz-border-radius:5px;
            -webkit-border-radius:5px;
            display:none;
            margin:10px;
            position:absolute;
            left:15px;
            top:0;
			width:97%;
            z-index:2;
            }
			#information_station #image .map_overlay .map_overlay_outer {
				background-color:#28b4e4;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				height:354px;
				opacity:0.5;
				position:absolute;
				top:0;
				left:0;
				width:504px;
				z-index:3;
				}
			#information_station #image .map_overlay .map_overlay_inner { 
				background-color:#ffffff;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				height:310px;
				position:absolute;
				top:10px;
				left:10px;
				padding:12px;
				width:460px;
				z-index:4;
				}
            #information_station #image .map_overlay .map_overlay_inner h3 { color:#19388a; font-size:110%; margin-bottom:10px; }
            #information_station #image .map_overlay .map_overlay_inner .map_overlay_image { border:5px solid #ebebeb; margin:0 -2px 5px; padding:10px; }
            #information_station #image .map_overlay .map_overlay_inner p { font-size:90%; line-height:1.6; margin:0; }
			#information_station #image .map_overlay .map_overlay_inner a.close_map_overlay { cursor:pointer; float:right; font-size:90%; }
			#information_station #image .map_overlay .map_overlay_inner ul { padding:15px; }
				#information_station #image .map_overlay .map_overlay_inner ul li { font-size:90%; margin-bottom:3px; }
        

/* ///////////////////////////// */
/* -------- DEVELOPMENT -------- */
/* ///////////////////////////// */

.needsAttention{
	border:1px solid red;
}

.hrLight {border: #cccccc solid thin}


/* ///////////////////////////// */
/* ---- FOLLOW US ON TWITTER --- */
/* ///////////////////////////// */

.contact_details_left {
	float: left;
	width: 50%;
	}

.follow_twitter {
	float: right;
	padding: 3px 0 5px 0;
	}

.follow_twitter a {
	background: url(/images/twitter.png) no-repeat left center;
	padding: 20px 0 20px 40px;
	}
	
	
/* ///////////////////////////// */
/* ----- SECTION MENU PAGE ----- */
/* ///////////////////////////// */

/* used on http://www.kirklees.gov.uk/visitors */

body#section_menu_page{ width:960px; }
html>body#section_menu_page{ min-width:960px; width:auto;  }
body#section_menu_page #content_body{ margin: 0 0 0 15px; }
body.jump-space{ margin-bottom:500px; }

.row{ margin-bottom: 30px; }

.row .column{ float: left; margin-right: 10px; }
.row.three-column .column{ border-bottom: 1px solid #888; border-right: 1px solid #888; height: 290px; padding: 0 10px 0 0; width: 30%; }
.row.four-column .column{ border-bottom: 1px solid #888; border-right: 1px solid #888; height: 290px; padding: 0 10px 0 0; width: 22.5%; }
.row .column.last{ margin-right: 0; }
.row .column ul{ margin: 0; padding: 0 0 0 20px; }
.row .column li{ color: #ba3e3e; list-style-type: square; margin-bottom: 3px; }
.row .column-title{ padding-bottom: 15px; }
.row .column-title h2{
	background: url(/visitors/images/menuArrow.gif) 0 0 no-repeat;
	color: #333; 
	font-size: 120%; 
	font-weight: normal;
	padding-left: 18px; 
	}
.row .column-image{ background-color: #ba3e3e; margin-bottom: 5px; zoom: 1; }
.row .column-image img{ float: right; }

ul.no-style{ margin:0; padding:0; }
ul.no-style li{ list-style-type: none; }

li.brochure{ border-bottom: 1px solid #ccc; padding: 10px 0; }
li.brochure.first{ padding: 0 0 10px 0; }
li.brochure img{ float: left; }
li.brochure .brochure-name{ padding-left: 80px; width: 40%; }
li.brochure .brochure-description{ float: right; width: 50%; }

.hotel-key{ background-color: #EDF4F4; border: 1px solid #C0DCDC; margin-bottom: 15px; padding: 1px; }
.hotel-key-title{ background-color: #C0DCDC; border: 1px solid #C0DCDC; font-weight: bold; margin-bottom: 1px; padding: 3px; }
.hotel-key-row{ padding: 3px; }
.hotel-key-row.last{ margin-bottom: 0; }
.hotel-key-item{ float: left; width: 31%; }
.hotel-key-item.large{ float: left; width: 62%; }
.hotel-key-item img{ vertical-align: middle; }

li.hotel{ border: 1px solid #EDF4F4; margin-bottom: 15px; padding: 1px; }
li.hotel .hotel-row{ background-color: #EDF4F4; border: 1px solid #EDF4F4; margin-bottom: 1px; padding: 3px; }
li.hotel .hotel-name{ float: left; font-weight: bold; width: 75%; }
li.hotel .hotel-rating{ float: right; width: 24%; }
li.hotel .hotel-description{ border: 1px solid #EDF4F4; clear: both; line-height: 1.6; margin-bottom: 1px; padding: 3px; }
li.hotel .hotel-features{ border: 1px solid #EDF4F4; padding: 3px; }


/* ///////////////////////////// */
/* --------- NEW STYLES -------- */
/* ///////////////////////////// */

.menu {
	border-bottom:2px solid #b8ebd7;
	border-left:1px solid #b8ebd7;
	border-right:1px solid #b8ebd7;
	margin:10px 0 15px;
	}
	.menu ul.menu-list {
		list-style-type:none;
		margin:0;
		padding:0;
		}
		.menu ul.menu-list li {
			margin:0 0 1em;
			padding:0 0 0 1em;
			}
			.menu ul.menu-list li h3 {
				font-size:100%;
				font-weight:bold;
				margin-bottom:0.3em;
				}
			.menu ul.menu-list li p {
				margin:0;
				}
		.menu.two-column  ul.menu-list li {
			float:left;
			width:48%;
			}
		.menu.three-column  ul.menu-list li {
			float:left;
			width:31%;
			}
		.menu.two-column ul.menu-list li:nth-child(2n+3){ 
			clear:left; 
			} /* the third li and every second li thereafter */
		.menu.three-column ul.menu-list li:nth-child(3n+4){ 
			clear:left; 
			} /* the fourth li and every third li thereafter */
		
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
	}
.clearfix {
	display:inline-block;
	}
* html .clearfix {
	height:1%;
	}
.clearfix {
	display:block;
	}