/* ------------------------------------------------------------------------------------------------------------------------------------------------------
Knasebrough Chamber of Trade and Commerce [www.knaresborough-chamber.org.uk]
Design by: Ryan Downie [ryan@bfinternet.co.uk]
Version: 1.0 12/08/2009
---------------------------------------------------------------------------------------------------------------------------------------------------------
Table Of Contents
----------------------------------------------------------------------------------------------------------------------------------------------------------
 1.0 General Styles
------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*------------------------
 = 1.1 General  Resets
------------------------*/
	a {
		color: #FF6500;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
		
	}
	
	a:visited {color: #4c493a;;}
	a.button, button {
		background-color: #FFE037; font-size: 93%; 
		font-weight: bold; padding: 6px 8px; 
		text-align: center; text-decoration: none; 
		color: #4c493a;}
	a.button:hover, button:hover {
		background-color: #FEEA81; 
		text-decoration: underline;
	}
	
	p {
		font-size:93%;
	}
	
	/* Headings */
	h1#logo {
		background: url(../images/logo.png) no-repeat; width: 300px; 
		height: 65px; float: left; 
		margin: 6px 0 0; }
	h1#logo a {
		display: block; width: 300px; 
		height: 65px; text-indent: -9999em;}
	
	div#masthead h3 {
		background:transparent none repeat scroll 0 0;
		color:#FFFFFF;
		font-size:170%;
		letter-spacing:1px;
		margin:0.3em 1em 0.2em 6em;
		padding:0!important;
	}
	div#masthead h3 span { 
		font-size:59%;}
		
	h2,h3,h4,h5,h6 {
		color: #4c493a; 
		font-family:"Helvetica Neue",helvetica,arial,clean,sans-serif;
	}
	
	h2 {
		font-size:249%;
		line-height:1.3;
		margin:0 0 0.2em;
	}
	
	h3 {
		background-color:#FFE037;
		font-size:105%;
		padding:0.5em 0 0.5em 1em!important;
		margin: 0em;
	}
	
	h4 {
		font-size:113%;
		word-spacing:1px;
	}
	
	h5 {
		border-bottom:1px solid #EEEEEE;
		color:#FF6500;
		font-size:87%;
		font-weight:bold;
		line-height:1.4;
		margin:0.6em 0 0.4em;
		text-transform:uppercase;
	}
/*------------------------
 = 1.2 General Blocks
------------------------*/ 
	html {
		background:#ffe037 url(../images/html.png) repeat-x;
	}
	body {

	}
	div#wrapper {
		background:#FFFFFF none repeat scroll 0 0;
		font-family:helvetica,arial,clean,sans-serif;
		line-height:1.6em;
		margin:1em auto;
		padding:1.5em;
		width:926px;
		overflow: hidden;
		border:1px solid #FFF;
	}
	div#masthead {
		float: left; 
		width: 100%;
	}

		div#train-times {
		background:transparent url(../images/train-bg.jpg) no-repeat scroll 0 0;
		color:#FFFFFF;
		float:right;
		height:6em;
		margin:-1px 0 15px;
		width:37.2em;
		}
			div#train-times ul {
				float:right; 
				margin:6px 37px; 
			}
			div#train-times ul li {
				float:left; list-style-type:none; 
				margin:0 0 0 9px; 
			}

	div#sub-content {
		float:left;
		width:18em;
	}

		div#footer {
			border-top:3px solid #EEEEEE;
			float:left;
			font-size:88%;
			margin:2em 0 0;
			width:100%;
		}

		div#footer h4 {
			font-size: 152%;
			margin: 1em 0 0;
		}
		
		div#footer ul {
			float:left;
			margin:0 0 1em;
			width:33em;
		}
	
			div#footer ul li {
				list-style-type: none;
			}
		
		div#designed-by {
			width:960px;
			margin: 1em auto;
		}
		
		p#bf {
			float:right;
			font-size:81%;
		}	

	div.container {
		float: left; 
		width: 100%; 
		position: relative;
	}
	
	div#site-info {
		float:right;
		margin:2em 0 0;
		width:33em;
	}
	
	div#site-info ul {
		float: left;
		margin: 0em;
	}
	
	div#site-info ul li {
		float:left;
		margin:0 29px 0 0;
	}
		
/*------------------------
 = 1.3 Navigation
------------------------*/ 
		
	/*= navigation-main  */
	ul#navigation-main {
		margin: 0 0 2em!important;
		width: 100%;
	}
	ul#navigation-main, 
	ul#navigation-main ul {
	float: left;
	margin: 0em;
	}
	
		ul#navigation-main a {
			border-bottom:1px solid #EEEEEE;
			color:#4C493A;
			display:block;
			font-size:93%;
			font-weight:bold;
			padding:0.5em 1em;
			text-decoration:none;
		}
		
		ul#navigation-main a:hover {
			background-color:#696C72;
			color:#FFFFFF;
		}
		
		ul#navigation-main li{
			float:left;
			position:relative;
			list-style:none;
			width: 100%;
		}
		
		ul#navigation-main li.last {
			background-image: none;
		}
		
			ul#navigation-main ul {
			background:#696C72 none repeat scroll 0 0;
			color:#FFFFFF;
			display:none;
			left:235px;
			position:absolute;
			top:0;
			font-size: 90%;
			
			}
					
			ul#navigation-main li ul a {
				float:left;
				height:auto;
				width:142px;
				padding:5px 15px;
				color:#FFFFFF;
			}
			
			ul#navigation-main ul ul{
				top:auto;
			}	
			
			ul#navigation-main li ul ul {
				background:#fefefe  repeat scroll 0 0;
				left:14em;
				margin:0 0 0 17px;
			}
			
			ul#navigation-main li ul ul li a {
				color: #696C72;
			}
			
			ul#navigation-main li:hover ul ul, 
			ul#navigation-main li:hover ul ul ul, 
			ul#navigation-main li:hover ul ul ul ul{
				display:none;
			}
			ul#navigation-main li:hover ul, 
			ul#navigation-main li li:hover ul, 
			ul#navigation-main li li li:hover ul, 
			ul#navigation-main li li li li:hover ul{
				display:block;
			}

/* --------------------------------------------------------
 Page Elements
--------------------------------------------------------- */
/*------------------------
 = HomePage
------------------------*/
	/* -- JQuery Area -- */
	ul#jquery-headers {
		float:left;
		margin:0 0 1em;
		width: 100%;
	}
	
	ul#jquery-headers li {
		list-style-type: none;
	}
	
	/* -- Main Content Area -- */
	html#homepage div#main-content-wrapper {
		float:right;
		margin:0 0 0 0;
		width:53em;
	}
	
		html#homepage div#main-content {
				float:left;
				margin:0 3em 0 2em;
				width:32em;
			}
		
		html#homepage div#main-content-supp {
				float: left;
				width: 16em;
			}
			

	/* -- Upcoming Event -- */
	div#upcoming {
		background:#050505 url(../images/gradient.png) repeat-x bottom left; 
		float: left; 
		width:100%;;
		margin-bottom: 2em;
	}
	
		div#upcoming img {
			float: left;
			
		}
		div#upcoming h4 {
			color:#FFFFFF;
			font-size:200%;
			position:absolute;
			right:2em;
			top:2em;
		}
		
		/* div#upcoming p {
			color:#FFFFFF;
			font-size:102%;
			font-weight:bold;
			position:absolute;
			right:1em;
			top:6.2em;
			width:10em;
		} */ 
		
		div#upcoming p {
			margin: 0em;
		}
		
	div#upcoming h5 {
		border:medium none;
		color:#FFFFFF;
		font-size:96%;
		font-weight:bold;
		position:absolute;
		right:-1px;
		top:77px;
		width:204px;
	}
		
		div#upcoming a {
			bottom:3.6em;
			position:absolute;
			right:1em;
		}
		
	/* -- News Area -- */		
	ul#news {
		margin: 0em;
	}
	
	ul#news li {
		list-style-type:none;
		margin:0 0 1em;
	}
	
	div#map {
		height:33em;
		width:100%;
		border:1px solid #bfbfbf;;
	}
/*------------------------
 = inner 
------------------------*/
	html#innerpage div#main-content {
		float:right;
		width:50em;
	}
/*------------------------
 = contact 
------------------------*/
form#contactform {
	float: left;
	margin: 3em 0 0;
}



.expand {
min-height:86px;
padding:0.5em !important;
}

form#contactform fieldset {
border:1px solid #BFBFBF;
float:left;
padding:0 0 0 1em;
position:relative;
width:22em;
margin: 0 1.5em 0 0;
}

form#contactform h3 {
	left:-15px;
	position:absolute;
	top:-35px;
	width:21.1em;
	margin: 0 0 1em;
}

form#contactform input[type="text"] {
	border:1px solid #BFBFBF;
	color:#5F5F5F;
	float:left;
	margin:0.6em 0;
	padding:0.5em;
	width:21.2em;
}



form#contactform select {
	border:1px solid #BFBFBF;
	color:#5F5F5F;
	float:left;
	margin:0.5em 0;
	padding:0.5em;
	width:22.1em;
}

form#contactform textarea {
	border:1px solid #BFBFBF;
	color:#5F5F5F;
	float:left;
	margin:0.5em 0;
	padding:0.5em;
	width:21.1em;
}

form#contactform input:focus, form#contactform textarea:focus, form#contactform select:focus  {border: 1px solid #FFE037;}

form#contactform button {border: 1px solid #CFB319; margin: .5em 0 0;}


/* --------------------------------------------------------
 2 Progressive Enhancement
--------------------------------------------------------- */

/*------------------------
 = Border Radius
------------------------*/ 
	a.button, button, div#wrapper  {
		-webkit-border-radius:6px; 
		-moz-border-radius:6px; 
		border-radius:6px;
	}
	
	h3 {
		-webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px;
		-moz-border-radius-topleft:6px; -moz-border-radius-topright:6px;
	}
	
	div#upcoming, div#map {
		-webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px;
	}
	
div#wrapper {
-moz-box-shadow:1px 0 6px #CFB733;
-webkit-box-shadow:1px 0 6px #CFB733;
box-shadow:1px 0 6px #CFB733;
}