/* ///////////////////////////// */
/* ---------- 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;
}*/

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

body {
	line-height: 1em;
/* AMJ margin:0px 17px 0px 17px; AMJ */
	margin: auto;
}

body table{
	line-height:1.4em;
}

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

h1{margin-bottom: 2px;}

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-1px;}
#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;}
#content {width:79.8%; padding:0; float:right;}
#content_header{margin:5px 5px 20px;}
#content_owner{font-weight:bold;}
#content_owner a{font-weight:normal;}
#owner_email{font-weight:normal;}
#biscuit_trail{margin:5px 5px 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;}
#content_details{}
#content_details img{float:right;}
#content_introduction{margin:15px 0;}
	#content_introduction p{margin:0;}
	#content_introduction 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;}


/* ///////////////////////////// */
/* ----- 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:.3em 1em;
}

.menu_title_orange{
	background-color:#fdcd01; 
	border-bottom:2px solid #cc5223;
	margin-bottom:1em;
	padding:.3em 1em;
}

.menu_text
{
	margin-bottom:1em;
	padding-left: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_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_left a, .menu_right a, .menu_list a{
	font-weight:bold;
}

.menu_left p, .menu_right p, .menu_list p{
	margin: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;
	zoom:1;
	}
	.section p{ margin: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:.3em .75em;
	}

.section_text{ 
	margin:0 .625em 0 .625em; 
	}
	.section_text li{ 
		margin:; 
		}
	.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; }

.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 */

#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;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
        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; }

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