/*
Theme Name: BVDA
Theme URI: http://www.bvda.co.uk
Description: Wordpress template for BVDA
Version: 1.0
Author: Chris Spooner
Author URI: http://www.spoongraphics.co.uk

*/


body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	background: #a8ebbc url(images/body-bg.jpg) center top no-repeat;
}

#container {
	width: 838px; margin: 0 auto;
}

	#header {
		margin: 40px 0 0 0; overflow: auto; padding: 0 0 40px 0;
		background: url(images/content-top.png) center bottom no-repeat;
	}
		#header h1 a {
			display: block; width: 220px; height: 63px; float: left; margin: 0 0 0 11px;
			background: url(images/bvda-logo.jpg); text-indent: -9999px;
		}
		
		#header ul#top-nav {
			float: right; margin: 25px 11px 0 0;
		}
			#header ul#top-nav li {
				list-style: none; float: left; margin: 0 0 0 25px;
			}
				#header ul#top-nav li a {
					font: 14px Arial, Helvetica, Sans-Serif; color: #006836; text-decoration: none;
				}
					#header ul#top-nav li a:hover, #header ul#top-nav li a:focus { color: #004a26; text-decoration: underline; }
					
		#header #feature-header {
			width: 838px; height: 256px; clear: both; padding: 0 0 25px 0; margin: 0 0 -25px 0;
			background: url(images/feature-header.jpg) no-repeat;
		}
			#header #feature-header h2 {
				width: 470px; float: right; margin: 45px 35px 24px 0; display: inline;
				font: 25px Arial, Helvetica, Sans-Serif; color: #fff; font-weight: normal; line-height: 35px;
			}
			#header #feature-header p.btn {
				width: 217px; height: 50px; float: right; clear: right;  margin: 0 35px 0 0; display: inline;
			}
				#header #feature-header p.btn a {
					display: block; width: 183px; height: 37px; padding: 13px 0 0 34px; background: url(images/feature-btn.jpg);
					font: 20px Arial, Helvetica, Sans-Serif; color: #008840; text-decoration: none
				}
					#header #feature-header p.btn a:hover, #header #feature-header p.btn a:focus { color: #004a26; }
	
#content {
	width: 816px; padding: 0 11px 0 11px; overflow: auto; clear: both;
	background: url(images/content-repeat.png) repeat-y;
}

	#content #main {
		width: 564px; float: right; padding: 15px 30px 30px 30px;
		font-family: Arial, Helvetica, Sans-Serif;
	}
	
		#content #main h2 {
			font-size: 23px; color: #e7b90d; margin: 0 0 32px 0;
		}
		#content #main h3 {
			font-size: 18px; color: #e7b90d; margin: 0 0 32px 0;
		}
		#content #main h4 {
			font-size: 14px; color: #606060; margin: 0 0 5px 0; font-weight: bold;
		}
		#content #main h5 {
			font-size: 14px; color: #606060; margin: 0 0 5px 0;
		}
		
		#content #main p {
			font-size: 14px; color: #606060; line-height: 24px; margin: 0 0 25px 0;
		}
		
		#content #main a {
			color: #006836;
		}
			#content #main a:hover, #content #main a:focus {
				color: #004a26;
			}	
			
		#content #main a.pdf {
			background: url(images/pdf-icon.png) left no-repeat;
			padding: 3px 0 3px 28px;
		}
			
		#content #main a.word {
			background: url(images/word-icon.png) left no-repeat;
			padding: 3px 0 3px 28px;
		}
				
		#content #main ul, #content #main ol {
			list-style-position: inside; margin: 0 0 25px 40px;
		}
			#content #main ul li, #content #main ol li {
				font-size: 14px; color: #606060; line-height: 24px;
			}
		
		#content #main blockquote {
			padding: 10px; background: #f5f5f5; margin: 0 0 25px 0;
		}
			#content #main blockquote p { margin: 0; }
	
		
		#content #main form {
			margin: 0 0 30px 0; position: relative;
		}
		
			#content #main form p {
				clear: both;
			}
				#content #main form p a.remove { color: red; font-size: 11px;}
				#content #main form p a#add_another_delegate { color: green; font-size: 11px; }
		
		#content #main form label {
			display: block; clear: both;
			font-size: 14px; color: #606060; margin: 0 0 5px 0;
		}
			#content #main form label.float {
				margin: 0 0 10px 15px; clear: none;
			} 
			#content #main form label.error {
				color: red; display: block; clear: none; position: relative; lefT: 11px; top: 8px;
			} 	
		
		#content #main form input {
			background: #fbfbfb; width: 400px; height: 20px; padding: 5px;
			border-top: 1px solid #a8a8a8; border-left: 1px solid #a8a8a8;
			border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
			font-size: 14px; color: #606060; margin: 0 0 10px 0; float: left;
		}
			#content #main form input[type=checkbox], #content #main form input[type=radio] {
				width: auto; border: none; float: left; clear: left; margin: 0 10px 0 0;
			} 
		#content #main form textarea {
			background: #fbfbfb; width: 400px; height: 100px; padding: 5px;
			border-top: 1px solid #a8a8a8; border-left: 1px solid #a8a8a8;
			border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
			font: 14px Arial, Helvetica, Sans-Serif; color: #606060; margin: 0 0 10px 0; float: left;
		}
			#content #main form input:focus, #content #main form textarea:focus {
				background: #f8fbfd; 
				border-top: 1px solid #a8cceb; border-left: 1px solid #a8cceb;
				border-bottom: 1px solid #ddeaf7; border-right: 1px solid #ddeaf7;
			}
		#content #main form select {
			margin: 0 0 10px 0;
		}
		
		#content #main form input[type="submit"] {
			display: block; width: 140px; height: 41px; color: #606060; cursor: pointer;
			background: url(images/submit-bg.png);
			border-top: 1px solid #a8a8a8; border-left: 1px solid #a8a8a8;
			border-bottom: 1px solid #a8a8a8; border-right: 1px solid #a8a8a8;
			border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
		}
	
	
	#content #side {
		width: 192px; float: right;
		font-family: Arial, Helvetica, Sans-Serif;
	}
	
		#content #side ul#nav li {
			list-style: none; background: #f5f5f5; margin: 0 0 3px 0; padding: 7px 14px 7px 23px; 
		}
			#content #side ul#nav li a {
				display: block; font-size: 13px; color: #606060; text-decoration: none; line-height: 20px;
			}
				#content #side ul#nav li a:hover, #content #side ul#nav li a:focus {
					color: #3f3f3f; text-decoration: underline;
				}
				#content #side ul#nav li.current_page_item {
					font-weight: bold; color: #3f3f3f;
				}
				#content #side ul#nav li.current_page_item li {
					font-weight: normal;
				}
			
			#content #side ul#nav li li {
				background: url(images/subnav-bg.png) left 10px no-repeat; padding: 3px 7px 3px 14px;
			}
	
	
#footer {
	width: 758px; height: 52px; padding: 67px 40px 30px 40px;
	background: url(images/footer-bg.png) no-repeat;
	font: 12px Arial, Helvetica, Sans-Serif; color: #606060;
}

	#footer a {
		color: #006836;
	}
		#footer a:hover, #footer a:focus {
			color: #004a26;
		}

	#footer p.copyright {
		float: left; clear: left; margin: 0 0 3px 0;
	}
	#footer p.back-top {
		float: right;
	}
	
	
.centered {
	display: block;
	margin: 0 auto 20px auto;
}	
	
.alignright {
	float: right; margin: 0 0 20px 20px;
}	
.alignleft {
	float: left; margin: 0 20px 20px 0;
}




a { outline: none; }
html { height: 101%; }

.clear { zoom: 1; }
.clear: after {
	content: ""; clear: both; display: block;
}