/* ___________________________________________________ 

				BDN Website Stylesheet
				Copyright: BDN 2009
				Website: www.bdn.co.uk
				Author: www.creativejuice.co.uk							
					
_____________________________________________________*/

/* ___________________________________________________ 

			Reuseable & Typographic Styles
_____________________________________________________*/

* { margin:0; padding:0; }
/** div, h2, a, div div, ul, h1, #logo { behavior: url(../includes/pngfix/iepngfix.htc); }*/

body { line-height:1.5em; font:normal 70%/1em Arial, Helvetica, sans-serif; background:#CCCCCC; }
body p, body ul { line-height:1.5em; margin-bottom:.6em; font-size: 1.1em; }
h2 { font:bold 1.5em Arial, Helvetica, sans-serif; margin-bottom:.6em; color: #08854F; }
h3 { font:bold 1.3em Arial, Helvetica, sans-serif; margin-bottom:.6em; }
a { color: #000; text-decoration: none; font-weight:bold; }
a.current { font-weight: bold; }
a:hover { color: #08854F; }
a.green:hover { color: #FF0; }

.green { color: #08854F; }
.blue { color: #002A63; }
.right { float: right; }
.left { float: left; }
.clear { clear:both; }
.auralOnly { position:absolute; text-indent:-1000em; overflow:hidden; }
.small { font-size: .8em; }
.wrap { float:left;}

ul.bullets, #main_column ul {
	list-style-type:disc;
	margin-left:2em;
	}
	ul.bullets li, #main_column ul li {
		margin:.5em 0;
		}
ol.bullets, #main_column ol {
	margin-left:2em;
	}
	ol.bullets li, #main_column ol li {
		margin:.5em 0;
		font-size:1.1em;
		line-height:17px;
		}
blockquote {
	margin:0 0 .5em 2em;
	font:italic bold 1.2em Arial, Helvetica, sans-serif;
	line-height:1.5em;
	width:270px;
	}
	
/* ___________________________________________________ 

					Page Layout
_____________________________________________________*/

#page_wrapper {
	background:#FFF url(../images/bg_wrapper.jpg) 0 40px no-repeat;
	width: 1000px;
	margin: 0 auto;
	}

#header{
	/*background:url(../images/beads.jpg) top right no-repeat;*/
	height:250px;
	float:left;
	position:relative;
	padding-bottom:40px;
	}
	
#logoWrap {
	float:left;
	}

#logo {
	height:119px;
	width:191px;
	position:absolute;
	top:60px;
	left:60px;
	background:transparent url(../images/logo.png) 0 0 no-repeat;
	}
	#logo h1 a {
		height:119px;
		width:191px;
		display:block;
		}

#content_container {
	width:880px;
	height:auto;
	float:left;
	background: #ffffff url(../images/bg_content.jpg) bottom left repeat-x;
	padding:20px 60px 20px;
	}
	
#main_column {
	float: left;
	padding-right:25px;
	width:500px;
	}
	#main_column h3 {
		margin-top:1em;
		color:#002A63;
		}
	#main_column img {
		float:right;
		padding-right:20px;
		}
	#main_column a {
		color:#002B63;
		text-decoration:underline;
		}
		#main_column a:hover {
			color:#08854F;
			}
			
.logoPanel {
	float:left;
	padding:10px;
	background:#fff;
	}

#right_column {
	float: right;
	width:340px;
	}
	#right_column img {
		padding-bottom:10px;
		}
	#right_column a h3 {
		color:#fff;
		}
	#right_column a:hover h3 {
		color:#ff0;
		}
		
	.team {
		float:left;
		padding-top:10px;
		}
		#right_column .team img {
			float:left;
			border:1px solid #bbb;
			padding-bottom:0px;
			}

		.team p {
			width:225px;
			float:left;
			padding-left:10px;
			font-size:1.0em;
			}

#login_panel, #footer {
	background:#002B63;
	color: #fff;
	height:45px;
	}
#footer {
	text-align:right;
	clear:both;
	padding:15px 0;
	}
	#footer p, #login_panel p { 
		font-size: 1.2em;
		padding:10px 20px;
		}
	#login_panel a, #footer a { 
		color:#FFFFFF;
		text-decoration:none;
		}
	#login_panel a:hover, #footer a:hover {
		color:#FFFF00;
		}


		
#mapCanvas {
	width:341px;
	height:234px;
	border:1px solid #bbb;
	}

/* ACCESS PANEL
----------------------------------------------- */

#accessPanel {
	width:450px;
	float:left;
	border-top:1px solid #bbb;
	}
	.certLink {
		float: left;
		width: 300px;
	}
	.certLink a {
		float: left;
		padding-top: 1em;
		height: auto;
	}
	.access {
		width:450px;
		height:auto;
		float:left;
		border-bottom:1px solid #bbb;
		}
		.accessTitle {
			width:300px;
			height:auto;
			float:left;
			}
			.accessTitle p {
				font-size:1.2em;
				color:#002B63;
				font-weight:bold;
				padding-top:10px;
				}
		.accessLink {
			width:150px;
			height:auto;
			float:left;
			padding:6px 0 3px;
			}
			.accessLink a {
				width:140px;
				height:33px;
				float:left;
				background:url(../images/access.png) top no-repeat;
				}
				.accessLink a:hover {
					background:url(../images/access.png) bottom no-repeat;
					}

	
/* ___________________________________________________ 

					Navigation Bars
_____________________________________________________*/

#mm_container {
	width:auto;
	height:40px;
	padding-top:204px;
	float:left;
	background:url(../images/bg_nav.png) bottom left repeat-x;
	}
	
#main_menu {
	width:1000px;
	}
	#main_menu li {
		float:left;
		list-style:none;
		}
		#main_menu li a {
			/*font:bold 1.0em Arial, Helvetica, sans-serif;*/
			padding:10px 17px 0;
			color:#fff;
			display:block;
			height:30px;
			float:left;
			border-left:3px solid #00316C;
			}
		#main_menu li a img {
			border:none;
			}
		#main_menu li a.menuEnd {
			border-right:3px solid #00316c;
			}
			#main_menu li a { background:url(../images/nav_butBg.png) bottom repeat-x; }
			#main_menu li a:hover { background-position: 0 -40px!important; }
			#main_menu li a.current { background-position: top!important; }
			#main_menu li a.current:hover { background-position: top!important; }
	
#sm_container {
	float: right;
	margin-right:40px;
	margin-top:20px;
	}
	
#sm_container .submenu li {
	list-style-type: none;
	display: inline;
	margin-left:40px;
	}

#sm_container .submenu li a {
	text-decoration:none;
	font:normal 1.0em Arial, Helvetica, sans-serif;
	}

#subMenu {
	width:auto;
	float:left;
	}
	#subMenu h3 {
		font-size:1.3em;
		padding-left:20px;
		}
	#subMenu ul {
		float:left;
		padding-left:60px;
		}
		#subMenu ul li {
			color:#fff;
			/*height:20px;*/
			}
			#subMenu ul li a {
				/*float:left;*/
				font-size:1.0em;
				margin:0;
				}
	


/*_____________________________________________________________
				
					Special Page Styles
______________________________________________________________*/

#news_panel {
	background: #fff;
	padding:15px 15px 8px;
	height:auto;
	}
	#news_panel h3 { 
		background:url(../images/pages/hdr_news.gif) 0 0 no-repeat;
		height:16px; 
		width:126px;
		display:block;
		margin: 1em 0 2em;
		}
	#news_panel p { 
		background:url(../images/pages/raquo.gif) 0 5px no-repeat; 
		padding-left: 20px;
		font:normal 1em Arial, Helvetica, sans-serif;
		line-height:1.5em;
		margin:1em 0;
		}
	#news_panel a {
		color: #002A63;
		}
		#news_panel a:hover {
			color:#08854F;
			}
.support_panel, .support_panel_wideG, .support_panel_wideB {
	width:210px;
	float:left;
	clear:right;
	padding:10px 0;
	margin:20px 0 0 0;
	position:relative;	
	}
.support_panel p {
	font-size:1.0em;
	}
.support_panel_wideG, .support_panel_wideB {
	width:343px;
	clear:both;
	margin:0 0 0 0;
	}
	.supportTop, .supportTopWideG, .supportTopWideB {
		width:210px;
		height:12px;
		position:absolute;
		top:0;
		left:0;
		background:url(../images/supTopGreen.png) no-repeat;
		}
	.supportTopWideG {
		width:343px;
		background:url(../images/supTopGreenWide.png) no-repeat;
		}
	.supportTopWideB {
		width:343px;
		background:url(../images/supTopBlueWide.png) no-repeat;
		}
	.supportMain, .supportMainWideG, .supportMainWideB {
		width:190px;
		height:auto;
		float:left;
		padding:0 10px 10px 10px;
		background: url(../images/supBotGreen.png) bottom no-repeat;
		}
	.supportMain {
		height:80px;
		}
	.supportMainWideG {
		width:323px;
		background: url(../images/supBotGreenWide.png) bottom no-repeat;
		}
		.supportMainWideG hr {
			border-bottom:medium none;
			border-top:1px solid #CCCCCC;
			margin-bottom:1em;
			margin-top:1em;	
		}
		.supportMainWideG h2 {
			color: white;	
		}
	.supportMainWideB {
		width:323px;
		background:url(../images/supBotBlueWide.png) bottom no-repeat;
		}
		.supportMain h3, .supportMainWideG h3, .supportMainWideB h3, .supportMainWideB h4 {
			font-size:1.2em;
			}
		.supportMain h3, .supportMainWideG h3, .supportMainWideB h3, .supportMain p, .supportMainWideG p, .supportMainWideB p, .supportMain a, .supportMainWideG a, .supportMainWideB a {
			color:#fff;
			text-decoration:none;
			}
		.supportMainWideB h4 {
			color:#ff0;
			line-height:17px;
			}
			.supportMain a:hover, .supportMainWideG a:hover, .supportMainWideG a:hover h3, .supportMainWideB a:hover, .supportMainWideB a:hover h3 {
				color:#ff0;
				}



/*_____________________________________________________________
				
					Login Bar Styles
______________________________________________________________*/

/*input, select, .btn_login { 
	background: #cacaca; 
	border: none; 
	text-transform: uppercase; 
	font: bold 1em Arial, Helvetica, sans-serif;
	color:#00428F;
	height:17px;
	margin:4px 0 0 4px;
	padding-top:2px;
	text-align:center; }
.btn_login {
	border:none;
	color:#fff;
	width:80px;
	background:#08854F;
	}
*/
/*_____________________________________________________________
				
					Contact Form Styles
______________________________________________________________*/

#contact_form {
	width: 500px;

	margin-right:20px;
	}
fieldset {
	border:none;
	}
fieldset p {
	clear:left;
	}
.field_wrapper {
	clear: both;
	margin: .6em 0;
	width:400px;
	}
.field_wrapper br, .field_wrapper p {
	clear:both;
	}
input, select, .btn_login, textarea { 
	border: 1px solid #ccc;
	font: bold 1em Arial, Helvetica, sans-serif;
	height:16px;
	padding:4px 4px 0;
	width:200px; 
	}
#commentForm input, #commentForm textarea {
	float: left;
	margin-right: 4px;
}
select {
	width: auto;
	height:20px;
	padding:2px;
	}
textarea { height: 100px; width:280px; }
label {
	font: bold 1em Arial, Helvetica, sans-serif;
	color:#00428F;
	float:left;
	width:140px;
	margin:.5em 0 .5em;
	}
label.error {
	color: red;
	float: right;
}
input.error {
	border: 1px dotted red;	
}
a.button, .submit {
	border:none;
	color:#fff;
	width:auto;
	font: bold 1em Arial, Helvetica, sans-serif;
	height:22px;
	padding:4px;
	text-transform:uppercase;
	text-align:center;
	background:#08854F;
	}
a.button:hover, button.submit:hover { background:#FFFF00; color:#00428F; cursor:pointer; }