/* CSS Document */

/* 
	Resets defualt browser settings
	reset.css
*/

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,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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:top; }


:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }


/*
	Page style
*/


html, body {
height: 100%;
top: 0%;
position: relative;
font-family:'Open Sans', Tahoma, Arial, sans-serif;
background-color:#e9e9e9;

}

#container {
	width:90%;
	max-width:1366x;
	min-height:100%;
	margin: auto;
	top: 0%;
	position: relative;
	min-height:100%;
	height:auto; 
    background:#fff; 
    overflow:auto;
	border-left:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	}


/*
	Top Page
*/

#top {
	width:96%;
	padding:20px 2%;
	background-color:#fff;
	height: 50px;
}

#leftlogo { width:50%; float:left; clear:right;}

#rightlogo { width:50%; float:right; clear:right;}

#social {height:30px; padding:10px 0px 20px; 10px;float:right; }


h1 {font-size:1.5em; color:#449; line-height:1.5em; margin-bottom:10px;}


h2 {font-size:1.4em; color:#449; line-height:1.5em;}

.special {font-size:1.25em; color:#448; line-height:1.5em; font-family:'Open Sans', Tahoma, Arial, sans-serif; 
}



p {font-size:1em; color:gray; line-height:1.5em;}

#banner {background-color:#f9f9f9; padding:10px 20px 20px 20px; float:left; clear:none; border-bottom:1px solid #eee; 
	}

#content {float:left; clear:none; border-bottom:1px dotted #eee; padding-bottom:2.5%; }

footer {height:20px; background-color:#449; padding:10px 20px; margin:0px 5%; float:left; clear:none;width:87%; border-top:1px solid #333;}


#logo {
	clear: right;
	float: left;
	width: 100%;
	text-decoration: none;
	float:left;
	clear:none;

}

address a {text-decoration:none; color:#449;}

	
nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
		
	}
	
nav ul {
	
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}
	
nav ul li {
	float: left;
}

		
	
	nav ul li a {
		display: block; padding-top:20px; padding-right:60px; padding-bottom:20px;
		color: #bbc; text-decoration: none;
	}
	
nav ul ul {
	background: #fff; border-radius: 0px; padding: 0;
	position: absolute; top: 100%; z-index:999999;  width:165px; border-left:1px solid #449; border-right:1px solid #449; border-bottom:1px solid #449;border-radius:0 0 3px 3px;
}




	nav ul ul li {
		float: none; 
		margin-bottom:-1px;
		border-bottom:1px dotted #ddd;
		position: relative;
	}
	
	nav ul ul li:last-child {border:none;}
	
		nav ul ul li a {
			padding: 15px 20px;
			color: #445; text-align:left;
		}	
			nav ul ul li a:hover {
				background-color:#226; color:#dde;
								
			}
			
nav ul ul ul {
	position: absolute; left: 100%; top:0;
}
	
address {color:#a6a6a6; line-height:1.3em; float:right; font-size:1em;}

section {width:45%; padding:2% 2% 0 2%; float:left; clear:right;}

article {width:95%; padding:10px 20px; float:left; clear:right;  }

nav {background-color:#449; width:96%; padding-left:2%;padding-right:2%; margin-top:1px; margin-bottom:1px;}

#social ul li {display:inline; padding-right:10px;}

nav li > a:after { margin-left: 10px; content: '\25BA'; }
nav > li > a:after { margin-left: 10px; content: '\25BC'; }
nav li > a:only-child:after { margin-left: 0; content: ''; }

#bannerleft {width:100%;float:left; clear:right; } 


#bannerright ul li {text-align:center;}

h1 a {text-decoration:none;}

#pane01 {}

#pane01 p a {text-decoration:none; color:#a0f;}