/*
-----------------------------------------------
Kirklees Council Homepage (2010)
----------------------------------------------- */


body {
	font:62.5%/1.4 Arial, Helvetica, sans-serif;
	}


/* text elements
----------------------------------------------- */

h1 { color:#595959; font-size:4.4em; font-weight:normal; letter-spacing:-3px; line-height:1.2em; margin: 0; padding: 0 0 15px; text-indent:5px; text-shadow:0px 1px 1px #fff; }
h2 {}
h3 { font-size:1.5em; font-weight:bold; margin-bottom:10px; }
h4 { color:#fff; font-size:1.5em; font-weight:bold; margin-bottom:10px;  }
h5 {}
h6 {}

p { font-size:1.2em; }
p a { font-size:1em; }

a { color:#ffffff; font-size:1.2em; text-decoration: none; }
a:hover { text-decoration: underline; }

label { font-size:1.2em; }
h3 label, p label { font-size:1em; }


/* forms
----------------------------------------------- */

.form {}
	.form .form-row { margin-bottom:18px; width:100%; }
		.form .form-row label { display:block; float:left; line-height:24px; width:25%; }
		.form .form-row .field { float:left; width:65%; }
		.form .form-row .field.button { float:left; margin-left:25%; width:65%; }
	.form input[type=text] { 
		border:1px solid #ccc;
		color:#404040;
		-moz-border-radius:4px; 
		-webkit-border-radius:4px; 
		height:18px;
		line-height:18px;
		padding:2px;
		width:94.5%;
		}
	.form input[type=text].autowidth { margin-right: 3px; width: auto; }
	.form input[type=submit] { 
		background-color: #014152; 
		border:none; 
		-moz-border-radius:4px; 
		-webkit-border-radius:4px; 
		color:#ffffff;
		font-family:Arial;
		font-size:1.2em;
		font-weight:bold;
		height:22px;
		margin-top:1px;
		padding-bottom:1px;
		text-shadow:0px 1px 1px #014152;
		border:1px solid #003622;
		}
	.form select {
		border:1px solid #ccc;
		-moz-border-radius:4px; 
		-webkit-border-radius:4px; 
		color:#404040;
		height:24px;
		line-height:24px;
		padding:2px;
		width:98%;
		}
	
.form.inline-search { margin-bottom:5px; }
	.form.inline-search input[type=text] { width:65%; }
	.form.inline-search input[type=submit] { width:25%; }
	
#header-container #website-search input[type=text] {
	border:1px solid #003622;
	float:left;
	height:21px;
	line-height:21px;
	padding:2px;
	}
#header-container #website-search input[type=submit] {
	float:right;
	font-size:1.2em;
	margin-top:1px;
	padding:0;
	height:25px;
	}
.form .currencyUnit { display: block; float: left; font-size: 1.2em; line-height: 24px; margin-right: 3px; }

#formQuickpayCtax .form-row { margin-bottom: 5px; }
#formQuickpayCtax input[type=text].currency { width: 81px; }
#formQuickpayCtax input[type=submit] { float: none !important; }
#formQuickpayCtax .field.button { margin-left: 69px; }

.form input[type=text]:focus, .form select:focus { border: 1px solid #BDA043 !important; box-shadow: 0 0 1px 1px #F1CA7F !important; }


/* layout
----------------------------------------------- */

#container {}

	
	/* header
	----------------------------------------------- */

	#header-container {
		background-color:#0b7c9c;
		width:100%;
		height:155px;
		}
		#header-container #accessibility {
			background-color:#f0f0f0;
			height:30px;
			}
			#header-container #accessibility #accessibility-content {
				margin:0 auto;
				width:960px;
				}
			#header-container #accessibility #accessibility-content ul { padding:8px 0 0 0; }
				#header-container #accessibility #accessibility-content ul li {
					float:left;
					margin-right:8px;
					padding-right:8px;
					}
					#header-container #accessibility #accessibility-content ul li a {
						color:#666;
						font-size:1.1em;
						}
		#header-container #header-content {
			height:125px;
			margin:0 auto;
			width:960px;
			position:relative;
			}
			#header-container #header-content #kirklees-logo {
				background:url("../img/kirkleeslogo-small.png") no-repeat;
				display:block;
				height:46px;
				position:absolute;
				top:20px;
				left:20px;
				text-indent:-10000px;
				width:167px;
				}
			#header-container #website-search {
				position:absolute;
				top:28px;
				right:20px;
				width:310px;
				}
				#header-container #website-search .form-row {
					height:32px;
					margin-bottom:10px;
					}
					#header-container #website-search #advanced-search {
						color:#ffffff;
						float:right;
						}
			#header-content #switch { position:absolute; top:29px; right:355px; }
				#header-content #switch a { background:url("../img/switchold-normal.png") no-repeat 0 0; display:block; height:25px; line-height:25px; text-align:center; text-shadow:0 1px 1px #bf7000; width:160px; }
				#header-content #switch a:hover { background:url("../img/switchold-hover.png") no-repeat 0 0; }
			#header-container #header-content #global-nav {
				height:35px;
				position:absolute;
				bottom:10px;
				left:0;
				width:960px;
				}
				#header-container #header-content #global-nav-background {
					background-color:#107391;
					height:35px;
					position:absolute;
					bottom:0;
					left:0;
					width:960px;
					}
				#header-container #header-content #global-nav ul {
					height:35px;
					padding-left:13px;
					position:relative;
					}
					#header-container #header-content #global-nav ul li {
						float:left;
						}
						#header-container #header-content #global-nav ul li a.global {
							color:#ffffff;
							display:inline-block;
							font-size:1.3em;
							font-weight:bold;
							height:35px;
							line-height:35px;
							padding:0 18px;
							text-decoration:none;
							}
						#header-container #header-content #global-nav ul li a.global:focus { text-decoration: underline; }
						#header-container #header-content #global-nav ul li a.global:hover, #header-container #header-content #global-nav ul li a.global.selected {
							background-color:#014152;
							-moz-border-radius-topleft:3px;
							-moz-border-radius-topright:3px;
							-webkit-border-top-left-radius:3px;
							-webkit-border-top-right-radius:3px;
							margin-top:-2px;
							padding-top:2px;
							}
					.mdd-bg { background:url('../img/dropdown-bg.png') repeat-y; zoom:1; }
					#header-container #header-content #global-nav ul li .sub-nav-container {
						display:none;
						position:absolute;
						top:35px;
						width:708px;
						z-index:14;
						}
					#header-container #header-content #global-nav ul li.left .sub-nav-container { left:-4px; }
					#header-container #header-content #global-nav ul li.right .sub-nav-container { right:-4px; }
					#header-container #header-content #global-nav ul li.center .sub-nav-container { left:-275px; }
					#header-container #header-content #global-nav ul li .sub-nav-container .sub-nav-footer {
						background:url("../img/dropdown-footerbg.png") no-repeat;
						height:12px;
						width:708px;
						}
					#header-container #header-content #global-nav ul li .sub-nav {
						background-color:#ffffff;
						border-top:5px solid #014152;
						/*-moz-border-radius-bottomleft:3px;
						-moz-border-radius-bottomright:3px;
						-webkit-border-bottom-left-radius:3px;
						-webkit-border-bottom-right-radius:3px;*/
						margin:0 4px;
						padding:15px 15px 12px;
						width:670px;
						}
						#header-container #header-content #global-nav ul li .sub-nav .subnav-inner { 
							border:1px solid #dedede;
							-moz-border-radius-bottomleft:3px;
							-moz-border-radius-bottomright:3px;
							-webkit-border-bottom-left-radius:3px;
							-webkit-border-bottom-right-radius:3px;
							padding:12px 8px 4px;
							width:654px;
							}
						#header-container #header-content #global-nav ul li .sub-nav .column { border-right:1px dotted #dedede; float:left; padding-right:10px; margin-right:10px; width:204px; }
						#header-container #header-content #global-nav ul li .sub-nav .column.last { border:none; margin:0; padding:0; }
							#header-container #header-content #global-nav ul li .sub-nav .column p.subnav-header { font-size:1.5em; font-weight:bold; margin-bottom:10px; }
							#header-container #header-content #global-nav ul li .sub-nav .column ul { height:auto; margin:0; padding:0 0 0 2px; }
								#header-container #header-content #global-nav ul li .sub-nav .column ul li { float:none; margin-bottom:7px; }
									#header-container #header-content #global-nav ul li .sub-nav .column ul li a { color:#003399; font-size:1.2em; font-weight:normal; line-height:16px; padding:0; }
									#header-container #header-content #global-nav ul li .sub-nav .column ul li a:hover { background-color:transparent; }
							#header-container #header-content #global-nav ul li .sub-nav .promoted-content-container { border-top:1px dotted #dedede; float:left; margin:10px 0 6px; padding-top:10px; width:429px; }
							#header-container #header-content #global-nav ul li .sub-nav .promoted-content {
								background-color:#7b1272;
								padding:16px 10px;
								width:409px;
								}
								#header-container #header-content #global-nav ul li .sub-nav .promoted-content h4 a {
									font-weight:bold;
									}
								#header-container #header-content #global-nav ul li .sub-nav .promoted-content a {
									color:#ffffff;
									font-size:1em;
									font-weight:normal;
									}
								#header-container #header-content #global-nav ul li .sub-nav .promoted-content p.title { margin-bottom:5px; }
									#header-container #header-content #global-nav ul li .sub-nav .promoted-content p.title a { 
										font-size:1.25em;
										font-weight:bold;
										}
								#header-container #header-content #global-nav ul li .sub-nav .promoted-content p {
									color:#ffffff;
									line-height:18px;
									margin-bottom:0;
									}
						
						
				/* footer
				----------------------------------------------- */
	
				#atoz-outer { background-color:#737373; height:30px; margin-top:20px; width:100%; }
					#atoz { height:30px; margin:0 auto; width:960px; }
					#atoz p { background:url("/MMX/img/atoz-bg.gif") no-repeat 100% 0 #595959; color:#dedd3a; display:block; float:left; font-size:1.2em; font-weight:bold; line-height:30px; margin:0 20px 0 0; padding:0 35px 0 20px; width:120px; }
					#atoz ul { float:right; list-style-type:none; margin:0; padding:0 20px 0 0; }
						#atoz ul li { float:left; font-size:1.2em; font-weight:bold; line-height:30px; margin-right:15px; }
						#atoz ul li.last { margin-right:0; }
							#atoz ul li a { color:#fefefe; font-size:1em; }							
				#footer-container { background-color: #0b7c9c; margin:0 auto; padding:9px 9px 0; width:942px; }
					#footer-container h3 { color:#ffffff; font-size:1.5em; margin-bottom:9px; }
					#footer-container p { color:#ffffff; line-height:23px; margin-bottom:3px; }
						#footer-container p strong { margin-right:10px; }
							#footer-container p img { vertical-align:middle; }
					#footer-container p.contact { float:left; margin-right:30px; }
					#footer-container p.right { float:right; margin-right:0; }
					#footer-container #footer-content { background-color:#107391; border:1px solid #107391; border-bottom:none; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; padding:19px 20px 20px; }
			
	
						
	/* skin and advert
	----------------------------------------------- */
	
	#content-outer { zoom:1; }
	.has-skin { background-color:#f0f0f0; padding-top:10px;}
	.no-skin { background-color:#f0f0f0; }
	.concerts2012 { background: url('../img/skin_concertsInThePark.jpg') no-repeat fixed center bottom #63cbd4; }
	.olympicTorch { background: url("../img/skin_olympicTorch.jpg") no-repeat center top #fff; }
	.rugby2013 { background: url('/MMX/HomePageV2/img/skin_rugbyWorldCup.jpg') no-repeat center top #000431; }
	.Spirit2013 { background: url('../img/skin_Spirit2013.jpg') no-repeat center top #000000; }
	.edClancyHomecoming #ad, .kygcelebration #ad { margin-bottom: 0; width: 940px; }
	
	.festival2012 {
		background:url("../img/skin_festivalOfLight2012.jpg") no-repeat center top #4c6285;
	    }
	.policeCommissioner {
	    background:url("../img/skin_policeCommissioner.jpg") no-repeat center top #231f20;
	    }
	.fairtrade {
	    background:url("../img/skin_fairtrade2012.jpg") no-repeat center top #231f20;
	    }
	.fol {
		background:url("../img/skin-festivaloflight-opt.jpg") no-repeat center top #000000;
		}
	.diwali {
		background:url("../img/skin-diwali.jpg") no-repeat center top #000000;
		}
	.eid {
		background:url("../img/skin-eidmubarak.jpg") no-repeat center top #c4c3bc;
		}
	.christmas {
		background:url("../img/skin-christmas.jpg") no-repeat center top #070201;
		}
	.youchoose {
		background:url("../img/skin-youchoose.png") no-repeat center top #58a2cf;
		}
		.youchoose #content {
			background-color:#96cceb !important;
			}
		.youchoose .box {
			border: 1px solid #58a2cf !important;
			}
	.spirit {
		background:url("/MMX/HomePageV2/img/skin_spirit2012.jpg") no-repeat center top #000000;
		}
	.registertovote {
	    background:url("../img/skin-registertovote.jpg") no-repeat center top #050505;
	    }
	.celebrategreenhead {
		background:url("/MMX/HomePageV2/img/skin-celebrategreenhead.jpg") no-repeat center top #0daf2b;
		}
	.hth {
		background:url("/MMX/HomePageV2/img/skin-hth130.jpg") no-repeat center top #e6e6e6;
		}
		.hth #ad { position: relative; z-index: 5; }
		.hth #content { position: relative; z-index: 10; }
			.hth #content #skin-overlay { position: absolute; top: -125px; left: -20px; z-index: 5; }
			.hth #left-column { z-index: 20; }
	.fol2011 { background:url("../img/skin_festivalOfLight2011.jpg") no-repeat center top #000000; }
	
	.fol2013 { background:url("../img/skin_festivalOfLight2013.jpg") no-repeat center top #000000; }
	
	.lestWeForget { background:url("../img/skin-lestWeForget.jpg") no-repeat center top #000000; }
	
	.leTour { background:url("../img/skin_leTour.jpg") no-repeat center top #000000; }
	
	#ad { margin:0 auto 10px; height:130px; position:relative; width:960px; }
		#ad a { }
			#ad img { display:block; position:absolute; top:0; left:0; z-index:10; }
			#ad p.credit { color:#fff; font-size:1em; position:absolute; bottom:10px; right:10px; z-index:11; }
			 #ad p.credit a { color:#fff; }
			 #ad p.credit a:hover { }
		
						
	/* content
	----------------------------------------------- */
	
	#content {
		background-color:#e0e0e0;
		margin:0 auto;
		width:960px;
		}
		#content #content-inner {
			padding:10px 10px 20px;	
			}
			#content #content-inner #left-column {
				float:left;
				width:630px;
				}
			#content #content-inner #right-column {				
				float:right;
				width:300px;
				}
			#content #content-inner #left-column .highlight,
			#content #content-inner #right-column .highlight {
				background-color:#c1d2d6;
				border:1px dashed #d8ebf0;
				margin-bottom:10px;
				}
			#left-column .box-columns {}
				#left-column .box-columns .box-column { float:left; margin-right:10px; width:310px; }
				#left-column .box-columns .box-column.last { margin-right:0; }
				
		
	/* boxes
	----------------------------------------------- */
		
	.box {
		background-color:#fff;
		border:1px solid #ccc;
		margin-bottom:10px;
		padding:10px 10px 0;
		position:relative;
		zoom:1;
		}
	.box.gradient { background:url("../img/gradient-silver-content.png") 0 100% repeat-x #fff; }
		/*.box h2 {
			background-color:#017F9E;
			color:#ffffff;
			font-size:1.5em;
			font-weight:normal;
			line-height:40px;
			margin:-10px -10px 0;
			padding:0 10px;
			text-shadow:0 1px 1px #00708c;
			}*/
		.box .boxHeader {
			background-color:#017F9E;
			margin:-10px -10px 0;
			padding:0 10px;
			position: relative;
			}
		.box .boxHeader h2 {
			color:#ffffff;
			display: inline-block;
			font-size:1.5em;
			font-weight:normal;
			line-height:40px;
			text-shadow:0 1px 1px #00708c;
			}
		.box .boxHeaderLinks {
			position: absolute;
			top: 13px;
			right: 10px;
			}
		.box .boxHeaderLinks .feedLink {
			display: inline-block;
			margin-left: 10px;
			padding: 0 0 0 21px;
			}
		.box .boxHeaderLinks .rssFeedLink {
			background: url('/img/rss-icon-16.png') 0 0 no-repeat;
			text-decoration: none;
			}
		.box .boxHeaderLinks .twitterFeedLink {
			background: url('/img/twitter-icon-16.png') 0 0 no-repeat;
			}
		.box a.collapse {
			cursor:pointer;
			display:block;
			position:absolute;
			top:12px;
			right:15px;
			}
		.box .inner {
			padding:10px 0;
			}
			.box .inner h3 {
				font-size:1.5em;
				font-weight:bold;
				margin-bottom:10px;
				}
			.box .inner a {
				color:#003399;
				}
			.box .inner a.title {
				font-weight:bold;
				}
			.box .inner p {
				line-height:18px;
				margin-bottom:10px
				}
			.box .inner .columns {}
				.box .inner .columns .column {
					border-right:1px solid #dedede;
					float:left;
					margin-right:15px;
					padding-right:14px;
					width:285px;
					}
				.box .inner .columns .column.last, #right-column .box .inner .columns .column {
					border-right:none;
					margin-right:0;
					padding-right:0;
					}
			.box .inner .promoted-content {
				background-color:#7b1272;
				margin-bottom:10px;
				padding:16px 10px;
				}
				.box .inner .promoted-content a {
					color:#ffffff;
					font-size:1em;
					font-weight:normal;
					}
				.box .inner .promoted-content h4 { margin-bottom:5px; }
					.box .inner .promoted-content h4 a { 
						font-size:1em;
						font-weight:bold;
						}
				.box .inner .promoted-content p {
					color:#ffffff;
					line-height:18px;
					margin-bottom:0;
					}
				.box .inner .promoted-content .image {
					height:154px;
					margin-bottom:10px;
					overflow:hidden;
					width:100%;
					}
					.box .inner .promoted-content .image img { width:100%; }
			.box .inner ul { margin-bottom:10px; padding-left:2px; }
				.box .inner ul li {
					line-height:16px;
					margin-bottom:10px;
					}
					.box .inner ul li a {
						font-weight:bold;
						}
			.box .inner hr {
				border:none;
				border-top:1px solid #dedede;
				height:1px;
				margin:10px 0;
				}
			.box .inner .feed-box {
				background-color:#d8ebf0;
				padding:5px 10px;
				zoom:1;
				}
				.box .inner .feed-box a.twitter, .box .inner .feed-box a.rss {
					display:block;
					line-height:17px;
					padding:5px 0 5px 24px;
					}
	.box .inner .feed-box a.twitter { background:url("../img/twitter-icon-16.png") 0 5px no-repeat; }
	.box .inner .feed-box a.rss { background:url("../img/rss-icon-16.png") 0 5px no-repeat; }
	
	.box.sortable h2:hover { cursor:move; }
	
	.feed-box .feed-item{margin:5px 0 5px 0;}
	.feed-box div .img-bullet{margin-bottom:-4px;padding:0 10px 0 0;}
	
	.box .boxFooter { background-color: #f7f7f7; margin: 0 -10px; padding: 10px; }
	
					
	/* specific boxes
	----------------------------------------------- */
	
	.box#important-announcement, .box#important_announcement { border:1px solid #ababab; }
		.box#important-announcement h2, .box#important_announcement h2 { 
			color:#ffffff;
			display: inline-block;
			font-size:1.5em;
			font-weight:normal;
			line-height:40px;
			width:100%;
			margin: -10px -10px 0;
			padding: 0 10px;
			background:url("../img/gradient-red-header.png") 0 100% repeat-x #fff; 
			text-shadow:0 1px 1px #a80024; 
			}
	.box#announcement, .box#beta { border:1px solid #ababab; }
		.box#announcement h2, .box#beta h2 { 
			color:#ffffff;
			display: block;
			font-size:1.5em;
			font-weight:normal;
			line-height:40px;
			margin: -10px -10px 0;
			padding: 0 10px;
			background:url("../img/gradient-orange-header.png") 0 100% repeat-x #fff; 
			text-shadow:0 1px 1px #bf7000; 
			}
			
	.box#homepage-features { padding:10px; }
		.box#homepage-features #feature-container  {
			background-color:#18191A;
			height:300px;
			overflow:hidden;
			position:relative;
			z-index:1;
			}
			
	.box#winter { background-image: url(/images/homepage/winter3.jpg) }
	    .box#winter h2 { background-color:#00347f }
	    .box#winter .boxHeader { background-color:#00347f }
	
		#featureToggle { background: url("../img/btFeatureToggleSprite.png") 0 0 no-repeat #18191A; display: block; height: 24px; position: absolute; top: 0; left: 0; text-decoration: none; width: 24px; z-index: 5; }
		#featureToggle.paused { background-position: 0 -24px; }
		#featureToggle.playing{ background-position: 0 0; }
		#featureToggle:hover { text-decoration: underline; }
			.box#homepage-features #feature-container ul#feature-navigation {
				background-color:#18191a;
				height:50px;
				position:absolute;
				bottom:0;
				left:0;
				width:610px;
				}
				.box#homepage-features #feature-container ul#feature-navigation li { float:left; }
					.box#homepage-features #feature-container ul#feature-navigation li a { 
						background-color:#18191a;
						color:#8c8c8c;
						display:block;
						height:50px;
						line-height:50px;
						text-align:center;
						width:203px;
						}
					.box#homepage-features #feature-container ul#feature-navigation li.last a { width:204px; }
					.box#homepage-features #feature-container ul#feature-navigation li a:hover { color:#ffffff; }
					.box#homepage-features #feature-container ul#feature-navigation li.ui-tabs-selected a { 
						border-style: solid;
						border-top-width: 3px;
						color:#ffffff;
						height:47px;
						line-height:44px;
						}
					/*.box#homepage-features #feature-container ul#feature-navigation li#feature1-button.ui-tabs-selected a { border-top:3px solid #74be4b; }
					.box#homepage-features #feature-container ul#feature-navigation li#feature2-button.ui-tabs-selected a { border-top:3px solid #26BD9F; }
					.box#homepage-features #feature-container ul#feature-navigation li#feature3-button.ui-tabs-selected a { border-top:3px solid #c11515; }*/
			.box#homepage-features #feature-container .feature {
				height:250px;
				overflow:hidden;
				position:relative;
				}
				.box#homepage-features #feature-container .feature .feature-content {
					background-color:#18191a;
					height:250px;
					opacity:0.9;
					filter:alpha(opacity=90);
					padding-top:20px;
					position:absolute;
					right:0;
					top:0;
					z-index:9;
					}
				.box#homepage-features #feature-container .feature .feature-content {
					height:250px;
					padding-top:20px;
					position:absolute;
					right:0;
					top:0;
					width:202px;	
					z-index:10;
					}
				/*.box#homepage-features #feature-container #feature1.feature .feature-content { border-top:3px solid #D5E14D; }
				.box#homepage-features #feature-container #feature2.feature .feature-content { border-top:3px solid #0082a3; }
				.box#homepage-features #feature-container #feature3.feature .feature-content { border-top:3px solid #e2007a; }*/
					.box#homepage-features #feature-container .feature .feature-content .feature-title { 
						display:block;
						font-size:2.2em;
						font-wight:bold;
						line-height:22px;
						margin:0 10px 10px;
						}
					.box#homepage-features #feature-container .feature .feature-content p { color:#ffffff; line-height:14px; margin:0 10px 10px; }
					.box#homepage-features #feature-container .feature .feature-content a {}
					
		.box#popular-services { padding:0; }
			.box#popular-services h2 {
				background:url("/mmx/img/popularServices-header-bg.png") #003480 repeat-x;
				cursor:pointer;
				font-size:1.7em;
				font-weight:bold;
				height:50px;
				line-height:50px;
				margin:0;
				padding:0 10px;
				position:relative;
				text-shadow:0px 1px 1px #001f4c;
				}
				.box#popular-services h2 a {
					font-size:1em;
					text-decoration:none;
					}
				.box#popular-services h2 .toggle-img {
					display:block;
					height:50px;
					position:absolute;
					top:0;
					right:10px;
					width:11px;
					}
				.box#popular-services h2.ui-state-default .toggle-img {
					background:url("/mmx/img/accordion-toggle-down.png") no-repeat;
					}
				.box#popular-services h2.ui-state-active .toggle-img {
					background:url("/mmx/img/accordion-toggle-up.png") no-repeat;
					}
			.box#popular-services .inner { margin:0 10px; padding-top:20px; }
			.box#popular-services .inner .form { margin-bottom:5px;  }
				.box#popular-services .inner .form input[type=text] { 
					border:1px solid #ccc;
					color:#404040;
					-moz-border-radius:4px;
					-webkit-border-radius:4px;
					float:left;
					height:18px;
					line-height:18px;
					padding:2px;
					}
				.box#popular-services .inner .form input[type=submit] {	float:right; }
					
.box#news {}
.box#news #featured-stories { border-right:1px solid #dedede; float:left; margin:10px 0 0; width:420px; }
.box#news #featured-stories .story { margin-bottom: 20px; width:420px; }
.box#news #featured-stories .story .content { margin: 0 9px; }
.box#news #featured-stories .story h3 { font-size:1.5em; line-height:18px; }
.box#news #featured-stories .story h3 a { font-size:1em; }
.box#news #featured-stories .story p { margin:0; }
.box#news #featured-stories .story .storyImage { float: left; height: 100px; overflow: hidden; width: 100px; }
.box#news #featured-stories .story .storyBody { float: left; margin-left: 20px; width: 280px; }
.box#news #featured-stories .story img { float:left; max-width: 100px; }
.box#news #other-stories { float:right; margin-top:10px; width:177px; }
		
.box#events {}
.box#events .columns {}
.box#events .columns .column { border: none; float:left; margin: 0; padding: 0 10px 0 0; width: 294px !important; }
.box#events .columns .column.last { border:none; margin: 0; padding: 0 0 0 10px; }
.box#events .promoted-content { margin-bottom:15px; padding: 10px 0 10px; }
.box#events .promoted-content h4 { margin:0 10px 5px; }
.box#events .promoted-content p { margin:0 10px; }
.box#events .eventsThis span { font-size: 1.2em; font-weight: bold; }
.box#events .eventsThis span, .box#events .eventsThis a { margin-right: 10px; }
.homepageEventSearch { background-color: #f7f7f7; padding: 10px; }
.venuesBox { border-top: 1px solid #dedede; margin-bottom: 10px; padding-top: 10px; }
.popularVenues {  }
.popularVenues span, .popularVenues a { display: inline-block; margin-right: 10px; }
.popularVenues span { font-size: 1.2em; font-weight: bold; }
.popularVenues a { color: #003399; }

.box.webcast { background-color:#000; }
.box.webcast .inner { margin:0 -10px; padding:10px 0 0; }
.box.webcast p { color:#fff; margin:0 10px; }


/* accessibility
----------------------------------------------- */

span.hide { position:absolute; left:-999em; }
a:focus { outline: 1px solid #BDA043 !important; }
.box#homepage-features #feature-container ul#feature-navigation li a:focus { 
	height:48px;
	line-height:48px;
	width:201px;
	}
.box#homepage-features #feature-container ul#feature-navigation li.last a:focus { width:202px; }
#header-content a:focus, #feature-container a:focus, #atoz a:focus, #footer-container a:focus, .boxHeader a:focus, .promoted-content a:focus { outline: 1px solid #e5bc17 !important; }


/* clear fixes
----------------------------------------------- */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	}

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	}

.clearfix {
	display:inline-block;
	}

* html .clearfix {
	height:1%;
	}

.clearfix {
	display: block;
	}


/* jQuery UI
----------------------------------------------- */

.ui-tabs .ui-tabs-hide {
	display:none !important;
	}