/*----------------------------------------
Name: global.css
Developed by: Evan Calkins
Date Created: June 7th, 2008
Last Updated: June 7th, 2008
Copyright: Intrinsic Studio
----------------------------------------*/

/*
	Colors:
	yellow	#ebee93
	blue	#5a98af
*/

/* Imports
----------------------------------------*/
@import url("reset.css");
@import url("extra.css");
@import url("forms.css");
@import url("buttons.css");

/* Structual
----------------------------------------*/
body {
	background: #517243 url(../../images/bg.jpg) repeat-x;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #fff;
}

#container {
	background: #406136 url(../../images/content-bg.jpg) repeat-x;
	width: 900px;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
	text-align: center;
}

#left-column { float: left; text-align: left; width: 32%; }
#right-column { float: left; text-align: left; width: 68%; }

/*  Elements
----------------------------------------*/

/*--- Link Styles ---*/

a:link, a:visited { color: #5a98af; font-weight: bold; text-decoration: none; }
a:hover, a:active { color: #5a98af; text-decoration: underline; }

/*--- Headings ---*/

h1,h2,h3,h4,h5,h6 { margin: 0 0 .5em 0; font-weight: bold; }

h1 { font-size: 2.5em;  color: #5a98af; margin: 0 0 .5em 0; }
h2 { 
	font-size: 1.5em; 
	text-transform: uppercase; 
	color: #5a98af; 
	font-weight: bold; 
}

h2.h2-alt { 
	font-size: 1.75em; 
	color: #fff;
	background: #5896ad url(../../images/h2-bg.jpg) bottom repeat-x;
	text-transform: uppercase;
	font-size: 10px;
	padding: 5px 0 5px 8px;
	font-weight: bold;
	font-family: Verdana;
	margin: 0px 0px 0px 0px;
}

#home-content h2.h2-alt { margin: 10px 10px 30px 4px; }

h3 { font-size: 1.3em; color: #ebee93; }

h3.h3-alt { 
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; 
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	margin:0;
	padding-bottom: 13px;
	margin-left: 25px;
	background: url(../../images/dot-line.gif) left bottom no-repeat;
	
}
h4 { font-size: 1.2em;  color: #fff; }
h5 { font-size: 1em;    color: #fff; }
h6 { font-size: 1em;   color: #fff; }

/*--- Text Elements ---*/

p { margin: 0 0 1em 0; font-size: 1.3em; line-height: 1.3em;}
#right-column p { line-height: 20px; }

/*--- List Elements ---*/

ol,ul { font-size: 1.2em; margin: 0 0 1em 3em; }

blockquote	{ margin: 0 0 18px 18px; color: #666666; font-style: italic; font-size: 1.2em; }
strong		{ font-weight: bold; }
em			{ font-style: italic; }

/*	Tables
------------------------------ */

table { border-collapse: collapse; width: 100%; font-size: 1.2em; margin-bottom: 1em; }
table th, table td { border: 1px solid #ccc; padding: 2px 3px; }
table th { background: #f4f4f4; }
table td {  }

/*	Columns
------------------------------ */

.columns { width: 100%; overflow: hidden; text-align: left; }
.w-50, .w-25, .w-33, .w-38, .w-66, .w-75, .w-62 { float: left; overflow: hidden; }

.col-content { padding: 0 12px; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 49.8%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

.w-33 { width: 33%; }
.w-66 { width: 66%; }

.w-38 { width: 38%; }
.w-62 { width: 62%; }

/* Header
----------------------------------------*/

/*--- Navigation ---*/

ul#nav { 
	margin: 0; 
	margin-bottom: 20px; 
	padding: 12px 0 12px 25px; 
	background: #5c9cb5 url(../../images/nav-bg.jpg) bottom repeat-x;
	float: left!ie;
}

ul#nav li { display: inline; }
ul#nav li a { 
	padding-right: 28px; 
	display: block; 
	float: left; 
	color: #fff; 
	font-weight: normal; 
	font-size: 13px;
}
ul#nav li a:hover {  }
ul#nav li a.nav-contact { 
	text-transform: uppercase; 
	font-weight: bold; 
	font-family: Verdana; 
	display: block;
	width: 100px;
	margin-right: 170px;
	float: right;
	padding-left: 25px;
	background: url(../../images/mail.gif) center left no-repeat;
}
		
/* Main Content
----------------------------------------*/

/*--- Head ---*/

#container #logo { 
	position: absolute;
	left: 713px;
	top: -60px;
	width: 155px;
	height: 155px;
	background: url(../../images/logo.png);
}

#head {
	margin: 0 auto; 
	width: 900px;
	height: 88px;
	background: url(../../images/head.gif) 25px 22px no-repeat;
}

/*--- Resource Navigation ---*/

ul#resources { padding: 0; margin: 0 25px 0 25px; list-style: none; }
ul#resources li.resource-last { margin-bottom: 50px; }

ul#resources li a {
	display: block;
	text-transform: uppercase;
	color: #ebee93;
	font-size: 13px;
	padding: 13px 0 13px 0;
	background: url(../../images/dot-line.gif) left bottom no-repeat;
}

/* ul#resources li a:hover {
	background: url(../../images/resource-bg.png) repeat-y;
	text-decoration:none;
}*/

ul#resources li a span {
	display: block;
	font-size: 11px;
	color: #fff;
	text-transform: none;
	font-weight: normal;
	margin: 0;
	padding-top: 4px;	
}

/*--- Home Page Styles ---*/

#home-heading {
	padding-right: 25px;
	padding-left: 35px;
	padding-top: 170px;
	margin-top: 5px;
	background: url(../../images/home-bg.png) left top no-repeat;
	min-height: 400px;
}

#home-content { margin-top: 20px; padding-right: 25px; }
#home-info {
	padding: 0 200px 0 6px;
	margin: 0 50px 0 0;
	background: url(../../images/map.png) right no-repeat;
}

#home-info table th, table td { border: 0; }
#home-info table td {
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 1px;
	color:#ebee93;
}

#home-info table td.t-label {
	padding-right: 15px;
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; 
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	text-align: right;
	width: 130px;
	letter-spacing: normal;
	color: #fff;
}

/*--- Sub Page Styles ---*/

#content { padding-right: 25px; }

#content .out-box {
	display: block;
	width: 245px;
	float: right;
	margin: 15px 0 15px 25px;
}

#content h2.h2-alt { margin-bottom: 15px; }
#content .out-box h2 { margin-bottom: 10px; }

#content ul { margin-left:30px; }
#content ul li { line-height: 20px; }
#content ul li a { color:#ebee93; font-weight: bold; font-size:14px; }

/*--- FAQ Styles ---*/

#faq div { background:#4a6a48; }

#faq h3.faq-item  {
	cursor: pointer;
	padding: 10px 0 10px 10px;
	background: url(../../images/dot-line.gif) left bottom repeat-x;
	color: #fff;
	margin: 0px;
}

#faq h3 span.arrow-r:hover {
	background: url(../../images/arrowup.gif) left no-repeat;
	text-decoration: none;
	padding-left: 15px;
}

#faq h3 span.arrow-d {
	background: url(../../images/arrowdown.gif) left no-repeat;
	padding-left: 15px;
}



#faq p { padding: 10px; margin: 0; }

/* Footer
----------------------------------------*/
#footer {
	margin: 0 auto; 
	width: 900px;
	padding: 32px 25px 0 25px;
	background: url(../../images/footer.gif) top no-repeat;	
}

#footer p { text-align: center; color: #385b31; }
#footer p a { text-decoration: underline; color: #385b31; }

/* Misc
----------------------------------------*/

.group:after {
	clear: both;
	content:".";
	display: block;
	height: 0pt;
	visibility: hidden;
}
.hidden { display: none; }