/* 

Owen Mundy
owenmundy.com
April 2009

#e6e6e6 lt grey (borders)
#aaa 	lt grey (text)
#565656 md grey (body)
#296AA8	blue (inks)
#f36917 orange (random)
#dfddd2 khaki

*/




* {
	margin:0;
	padding:0;
	/*border:1px solid #333;*/
}
body {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:0.9em;
	line-height:1.6em;
	color:#444;
}
.clear { 
	clear: both; 
	height: 1px; 
	line-height: 1px; 
}
a:link { color:#296AA8; background:transparent; text-decoration: none; }
a:visited { color:#296AA8; background:transparent; text-decoration:none; }
a:focus, a:hover, a:active { color:#296AA8; background:transparent; text-decoration: underline; }

h1, h2, h3, h4, h5, h6, span.h3 { 
	font: 1.0em/1.4em "Lucida Grande", Verdana, Arial, sans-serif; 
	font-weight:normal; 
	color:#f36917;
	background-color:transparent; 
	padding-bottom:0; 
	margin-bottom:0; 
	clear:both; 
}

h4 {
	font-weight:bold;
	color:#444444
}

h1 { font-size:2.3em; line-height:1.6em; margin:0; padding:0; font-weight:normal; }
h2 { font-size:1.2em; line-height:1.5em; }
h3 { font-size:1.3em; line-height:1.3em; }
h4 { font-size:1.2em; line-height:1.3em; }
h5 { font-size:1.1em; line-height:1.3em; }
h6 { font-size:0.9em; line-height:0.7em; }

p {
	margin:12px 0 8px 0;
}
ol, ul {
	margin:10px 0 15px 22px;
}

div#container {
	margin:0 auto;
	width:980px;
}






/* top
-------------------------------------------------------*/

div#logo {
	float:left;
	width:250px;
	margin:30px 0 0 0;
}



ul#top_menu {
	list-style:none;
	font-size:75%;
	float:right;
	margin:5px 0 0;
}
ul#top_menu li {
	float:left;
	margin:0 14px 0 0;
}




/* main_menu
-------------------------------------------------------*/

ul#main_menu {
	list-style:none;
	float:left;
	width:710px;
	margin:22px 0 0 16px;
	padding:0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
/* SCOTT AND BETH, change this number to increase or decreas main menu font size to adjust for more or less menu items. */
	font-size:110%;
}
ul#main_menu li {
	float:left;
	margin:10px 0 0 0;
}


ul#main_menu li a {
	color:#565656;
/* SCOTT AND BETH, change the padding below to adjust for more or less main menu items. The order is top, left, bottom, right, so you would adjust the second and last numbers. */
	padding:0 14px 7px 12px;
	border-bottom:2px solid #e6e6e6;
	text-decoration:none;
	height:20px;
/* ie7 hack */
display: inline-block; 
vertical-align: bottom; 
}
ul#main_menu li a:hover, ul#main_menu li a.selected {
	color:#296AA8;
	border-bottom:2px solid #f36917;
}



div#main_menu_text {
	float:left;
	width:680px;
	color:#666;
	font-size:80%;
	margin:15px 0 0 30px;
	height:14px;
}




/* content
-------------------------------------------------------*/

div#content {
	clear:both;
	margin:20px 0 0;
}


/* front_page
-------------------------------------------------------*/

div#front_page_display {
	background:url(../img/gears.jpg) left top no-repeat;
	height:200px;
	padding:50px 30px 0 0;
}
div#front_page_display_text {
	margin:0 0 0 480px;
	font-size:150%;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:130%;
	color:#000;
}



/* front_page -> featured_topics
-------------------------------------------------------*/

div#featured_topics {
	margin:30px 0 0 0;
	overflow:auto;
	padding:30px 0;
	border-top:1px solid #f36917;
	border-bottom:1px solid #f36917;
}
div.featured_topic {
	float:left;
	width:315px;
	margin:0 10px 0 0;
}
span.featured_topic_img {
	float:left;
	margin:3px 8px 0 0;
}
span.featured_topic_title {
	float:left;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
span.featured_topic_text, span.featured_topic_text a {
	float:left;
	width:165px;
	display:block;
	font-size:80%;
	line-height:130%;
	text-decoration:none;
	color:#565656;
}
.featured_topic a:hover {
	text-decoration:none;
}






/* bread_crumbs
-------------------------------------------------------*/

ul#bread_crumbs {
	margin:0 0 0 280px;
	padding:0 0 20px 0;
	list-style:none;
	font-size:85%;
	color:#565656;
}
ul#bread_crumbs li {
	float:left;
	margin:0 8px 0 0;
}
ul#bread_crumbs li.current {
	color:#f36917;
}







/* section_menu_col
-------------------------------------------------------*/

#section_menu_col {
	float:left;
	width:250px;
	padding:0 0 20px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#section_menu_col h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:160%;
	padding:0 0 10px 0;
	border-bottom:2px solid #f36917;
	margin-bottom:10px;
}










/* sdmenu 
-------------------------------------------------------*/

div.sdmenu {
	padding-bottom: 10px;
	text-align:left;
}
div.sdmenu div {
	overflow: hidden;
}
div.sdmenu div:first-child {
	background:transparent;
}
div.sdmenu div.collapsed {
	height: 35px;
}
/* subsection title */
div.sdmenu div span {
	display: block;
	padding: 14px 0 8px 0;
	color:#296AA8;
	font-size:120%;
	cursor:pointer;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div span:hover {
	color:#f36917;
}
div.sdmenu div.collapsed span {
	background:transparent;
}

div.sdmenu a.current, 
div.sdmenu a:hover {
	text-decoration: none;
	color:#f36917;
}


div.sdmenu div a {
	padding: 0 14px;
	margin:5px 0 4px 5px;
	display: block;
	background:url(../img/chevron_submenu.gif) no-repeat left top;
	font-size:105%;
	line-height:150%;
}

/*.section_sub_menu {
	overflow:hidden;
	height: 35px;
}*/

div.sdmenu div a.bottom_border {
	border-bottom: 1px solid #ddd;
	margin:6px 0;
	padding:0;
}






/* section_content_col
-------------------------------------------------------*/

#section_content {
	float:left;
	margin:0 0 30px 30px;
	width:700px;
	padding:0;
	font-size:88%;
	line-height:160%;
}
#section_content h3 {
	font-weight:normal;
	color:#f36917;
	font-size:140%;
	margin:4px 0 20px 0;
}
#section_content p img#left {
	float:left;
	padding:6px 10px 10px 0;
}
#section_content p img#right {
	float:right;
	padding:6px 0 10px 10px;
}




#section_content>ul {
	margin:20px;
}


#section_content_col {
	float:left;
	width:430px;
}
#section_content_col #section_content_img {
	float:right;
	padding:0 0 10px 0;
}


#section_callout_col {
	float:left;
	width:250px;
	margin:0 0 0 20px;
}
.section_callout {
	border:1px solid #e6e5dc;
	margin:0 0 20px 0;
}
.section_callout_title {
	padding:8px;
	background:#f3f3f1;
	color:#757573;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:120%;
}
.section_callout ul {
	margin:12px 0 12px 0;
}
.section_callout ul li {
	margin:4px 0 4px 23px;
	padding:0 10px 0  0;
	list-style-image:url(../img/chevron_callout.gif);
	list-style-position:outside;
}


.section_callout_quote {
	border:1px solid #e6e5dc;
	padding:20px;
	background:#D8E2E8;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:120%;
	line-height:140%;
	font-style:italic;
	text-align:left;
	color:#000;
	margin:0 0 20px 0;
}
.section_callout_quote .quote_credit {
	text-align:right;
	font-size:85%;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif; 
	font-style:normal;
}






/* contact form
..................................................................................... */

.form_col form {
	margin:0;
	padding:0;
}

.form_col {
	float:left;
	width:320px;
	padding:0 15px 20px 0;

}
.form_inter_col {
	float:left;
	width:140px;
	margin:0 15px 0 0;
	padding:0;
}



#ng_contact_form input.single {
	width:300px;
}
#ng_contact_form textarea.double {
	width:640px;
	height:80px;
}
#ng_contact_form label {
	display:block;
	margin:8px 0 0;
	padding:2px 0 0;
	font-size:90%;
}
#ng_contact_form .req {
	color:#f36917;
}






form { 
	font-family:Verdana, Helvetica, Arial, sans-serif;
	border: none;
	color:#444;
}

input.forms, textarea, select { 
	border: 1px solid #565656; 
	background-color: #fff; 
	padding: 3px; 
	font-size: 100%; 
	color:#444;
}

#submit_bar {
	border-top:1px solid #ccc; 
	text-align:right;
	padding:20px 0px 25px 0;
	margin:10px 0 0 0;
	width:630px;
}
#submit_bar div {
	 float:right;
}
#req_note {
	float:right; 
	margin:0 10px 0 0;
	font-size:85%;
}
#submit { 
	width: 100px; 
	height: 30px; 
	float:right;
}
input:focus, textarea:focus {
	background:#e6e6e6;
}
#success_box {
	border:1px solid #ccc;
	padding:20px;
	margin:20px auto 20px;
	color:#f36917;
	background:#eee;
}










/* footer
-------------------------------------------------------*/

div#footer {
	margin:10px auto;
	width:980px;
	color:#aaa;
	text-align:center;
}

div#footer div#footer_menu {
	width:980px;
	background:#dfddd2;
	font-size:80%;
	padding:5px 0;
}
div#footer div#footer_menu a {
	margin:0 8px;
}
div#footer #footer_menu li {
	float:left;
	margin:0 14px 0 0;
}
div#footer #copyright {
	margin:5px 0 0;
	font-size:75%;
}