@charset "utf-8";
/* CSS Document */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
	hr, 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,
	caption {
		border: 0;
		font-family: inherit;
		font-size: 100%;
		font-style: inherit;
		font-weight: inherit;
		margin: 0;
		outline: 0;
		padding: 0;
		-webkit-text-size-adjust:100%;
	}
	strong, b{ font-weight:bold; }
	em, i{ font-style:italic; }
	/* remember to define focus styles! */
	:focus{ outline: 0; }
	.clear{ clear:both; }

	.rightlink{ display:block; text-align:right; }
	.center{ display:block; margin:auto; }
	
	html{ height:100%; }
	
	.usercontent p{ padding:7px 0px; }
	.usercontent ul, .usercontent ol{ margin-left:25px; }
	#ckeditor{ background:#F6EBD2; padding:15px; }
	.CSS1Compat, .cke_panel_frame{ background:#F6EBD2; }
	
	/*
		blue #10687e
		green #436e1f
		red #ba462d
		tan #f6ebd2
	*/
	
	body{ background:#444; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	section{ padding:20px; }
	a{ color:#ba462d }
	a:hover{ color:#000; }
	
	hr{ display:block; background:#FFF; padding-top:4px; border-top:#10687e solid 10px; border-bottom:#436e1f solid 4px; margin:0px; }
	hr.reverse{ border-top:#436e1f solid 4px; border-bottom:#10687e solid 10px; }
	
	
	h1{ font-size:20px; line-height:normal; color:#10687e; padding-bottom:20px; }
	h2{ font-size:18px; color:#FFF; background:#10687e; padding:0px 10px 2px 10px; line-height:30px; vertical-align:middle; }
	h3{ font-size:16px; line-height:normal; color:#10687e; padding-bottom:10px; }
	h4{ font-size:16px; line-height:normal; color:#436e1f; padding-bottom:10px; }	
	h5{ color:#10687e; font-size:13px; font-weight:bold; margin:10px 0 5px 0; }
	h5 a{ color:inherit; text-decoration:none; }
	h5 a:hover{ text-decoration:underline; }
	h6{ font-weight:bold; color:#333; font-size:11px; line-height:normal; }
	
	
	
	.redbtn{ background:#ba462d; color:#e5b9af; vertical-align:middle; font-weight:bold; text-decoration:none; height:32px; line-height:32px; padding:0px 10px; border:none; }
	.redbtn:hover{ background:#000; cursor:pointer; color:#FFF; }
	input.redbtn{ padding-bottom:3px; height:22px; line-height:22px; }
	
	.inputtxt{ border:solid 1px #bca66a; }
	#news_signup{ padding:8px 0px 0px 0px; vertical-align:middle; line-height:24px; }
	#news_signup .inputtxt{ height:22px; line-height:22px; padding:0px 5px; vertical-align:middle; }
	#news_signup label{ margin:0px 10px; display:inline-block; font-weight:bold; }
	
	#container{ margin:auto; width:1000px; }
	.home #container{ width:695px; margin:auto; background:url(images/sidebar_back2.jpg) top left no-repeat #839a41; padding-left:305px; }
	
    #content_wrap{ background:#10687e; padding:0 14px; }
	header{ background:#fff; border-top:30px solid #10687e; height:116px; border-bottom:#436e1f solid 5px; -webkit-box-shadow: inset 0px 6px 5px -3px #999; box-shadow: inset 0px 6px 5px -3px #999; text-align:right; }
	#logo{ margin-top:-30px; float:left; }
	header section{ color:#ba462d; font-size:36.8px; font-weight:bold; line-height:26px; padding-top:50px; }
	header section #maillink{ font-size:16.5px; font-weight:normal; }
	header section a{ text-decoration:none; }
	
	nav{ background:#10687e; border-top:solid 4px #fff; height:50px; text-align:center; }
	nav ul{ list-style:none; display:inline-block; border-left:solid 1px #145a76; font-size:0px; border-right:solid 1px #407988; height:50px; white-space:nowrap; }
	nav ul li{ display:inline-block; border-right:solid 1px #145a76;  border-left:solid 1px #407988; }
	nav ul li a{ display:inline-block; letter-spacing:-.1px; height:50px; line-height:50px; padding:0px 15px; font-size:12px; text-decoration:none; color:#a5c7cf; font-weight:bold; }
	nav ul li a:hover, nav ul li.current a, nav ul li.current ul li.current a, nav ul li.current ul li a:hover{ background:#ba462d; color:#e5b9af }
	nav ul li.current ul li a{ background:#10687e; color:#a5c7cf }
	
	nav ul li ul {
		line-height:normal;
		position: absolute;
		padding: 0;
		margin: 0; 
		margin-left:-1px;
		list-style: none; 
		height:auto;
		background:none;
		border-top:solid 1px #145a76;  border-bottom:solid 1px #407988;
		width:200px; 
		padding-right:2px; 
		text-align:left; 
		z-index:1002;
		left: -999em;
		display:none;
	} 
	nav ul li:hover ul {
		left: auto;
		display:block;
	}
	nav ul li ul li{
		height:auto; border-bottom:solid 1px #145a76; border-top:solid 1px #407988; float:none; width:100%; display:block;
	}
	nav ul li ul li a{ 
		display:block; height:auto; line-height:normal; padding:10px 15px; text-decoration:none; background:#10687e;
	}
	nav ul li:hover ul ul, #nav ul li.sfhover ul ul {
		left: -999em;
	}
	nav ul li:hover ul, #nav ul li li:hover ul, #nav ul li.sfhover ul, #nav ul li li.sfhover ul {
		left: auto;
	}
	
	#nav_mobile{ display:none; }
	
	
	
	
	
	
	
	
	
	
	.content_tan{ background:#f6ebd2; -webkit-box-shadow: inset 0px 6px 4px -1px #b6ae9c; box-shadow: inset 0px 6px 4px -1px #b6ae9c; line-height:24px; }
	
	.content_pine{ background:url(images/pine_back.jpg) top left #E5EAE3; line-height:22px; }
	
	section#soc{ padding:10px 20px; height:24px; }
	section#soc img{ margin:0px 5px; }
	.addthis_toolbox{ float:right; height:24px; }
	
	.hp_nav{ width:20%; float:left; }
	.hp_nav a{ display:block; margin:9px 0px; text-align:center; }
	.hp_content{ width:75%; float:right; padding:10px 0px; }
	
	
	footer{ width:1000px; margin:auto; background:#10687e; color:#f6ebd2; text-align:center; line-height:36px; vertical-align:middle; font-size:13px; }
	footer a{ color:inherit; text-decoration:none; }
	footer a:hover{ color:#999; }	
	footer #copyright{ background:#436e1f; font-size:11px; line-height:24px; text-align:right; padding:0px 50px; border-top:#fff solid 1px; }
	footer #copyright #copy_site{ float:left; }
	
	.pic_container{  display:inline-block; width:210px; text-align:center; vertical-align:top; margin:10px; }
	
	
	

    /* Mobile Note: Design for a width of 480px */ 

	@media screen and (max-width: 695px){
		.pic_container{  display:block; width:100%; text-align:center; vertical-align:top; margin:10px; }
		.home #container,  #container{ background:none; padding-left:0px; width:100%; }
		footer{ width:100%; }
		nav{ height:auto; }
		nav ul{ border:none; height:auto; white-space:normal; }
		nav ul li{ border:none; }
		nav ul li a{ height:auto; line-height:normal; padding:10px; }
		nav ul li ul, nav ul li ul li, nav ul li ul li a{ display:none; border:none; }
		footer{ line-height:24px; font-size:12px; }
		footer #copyright{ padding:0px 10px; line-height:20px; }
		footer #copyright #copy_site{ float:none; text-align:center; }
		footer #copyright #copy_design{ float:none; text-align:center; }
		
		#nav_mobile{ display:block; background:#577B84; }
		nav#nav_mobile ul li a{ height:auto; line-height:normal; padding:6px; }
		
		section img{ max-width:100%; height:auto !important; }
	}
	
	@media screen and (max-width: 570px){
		
		header{ text-align:center; height:auto; }
		#logo{ margin-top:-30px; float:none; max-width:90%; }
		header section{font-size:14px; line-height:20px; padding-top:10px; }
		header section #maillink{ font-size:10px; font-weight:normal; display:block; }
		section#soc{ height:auto; text-align:center; }
		.addthis_toolbox{ float:none; width:100%; height:auto; }
		
		.hp_nav{ width:auto; float:none; }
		.hp_nav a{ display:inline-block;  margin:5px;}
		.hp_content{ width:auto; float:none; }
		
		
	}