/* CSS RESET */
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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}
/* END CSS RESET */

/* Defaults
------------------------------------*/
body {
	color:#333;
	font-family:Helvetica, arial, sans-serif;
	font-size:11pt;
}

p { 
	line-height: 16pt; 
	width:80%;
}


/* Site Layout
------------------------------------*/
#container {
	background: url('../images/header_bg.png') repeat-x top left;
}

#header {
	clear:both;
	margin: 0 auto;
	height:129px;
	width:950px;
}

#logo {
	clear:both;
	margin-top: 10px;
}

#logo img {
	margin-top: 30px;
}

#navbar {
	background: url('../images/nav_long_bg.png') no-repeat top left;
	padding: 0;
	margin: 0;
	height: 43px;
}

#splash-wrapper {
	background: url('../images/splash_bg.gif') repeat-x top left;
	border-bottom:1px solid #e4e4e4;
	height:249px;
	width:950px;
	margin: 0 auto;
	margin-bottom:30px;
}

#splash-content {
	background: url('../images/splash_banner.png') no-repeat top left;
	height:249px;
	margin: 0 auto;
	width:950px;
}

.splash-button {
	margin-top:-70px;
	z-index:5;
	text-align: right;
}

#content, #content_home {
	clear:both;
	margin:0 auto;
	padding: 25px 0;
	overflow:hidden;
	width:950px;
}

#footer {
	color:#666;
	clear:both;
	border-top:2px solid #dfdfde;
	font-size:12px;
	margin: 0 auto;
	padding:15px 0;
	width:950px;
}

#footer a {
	color: #0d753b;
	text-decoration:none;
}

#footer a:hover {
	color: #24a85e;
}

#footer #copyright {
	float:left;
}

#footer #links {
	float:right;
}

/* Navigation Bar
------------------------------------*/

#nav {
	padding: 0;
	margin:0;
	height:43px;
	z-index:999;
}

#nav li {
	padding: 0;
	margin:0;
	height:43px;
	display:inline;
	position:relative;
	margin-left: -4px;
}

#nav li a {
	color:#fff;
	background: url('../images/nav_bg.png') repeat-x top left;
	border-right:1px solid #175027;
	font-size:13pt;
	padding:12px;
	text-decoration:none;
	display:inline-block;
}

#nav li a:hover {
	background: url('../images/nav_hover_bg.png') repeat-x top left;
	color:#66a281;
}

ul.menu-items { 
	background-color:#f5f5f5;
	border:1px solid #175027;
	display:none;
	position:absolute;
	left:-1px;
	width:225px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}

ul.menu-items li {
	display:block  !important;
	clear:both;
	line-height:13px !important;
	margin:0 !important;
	margin-bottom:-13px !important;
	padding:0 !important;
}

ul.menu-items li a {
	color:#0D753B !important;
	background-image:none !important;
	border:0 !important;
	display:block !important;
	font-size:12px !important;
	margin: 0 0px !important;
	padding:8px 5px !important;
	width:95%  !important;
}

ul.menu-items li a:hover {
	color: #333 !important;
	background-color:#fff !important;
}

/* Home Layout
------------------------------------*/
#home h1, #home h2 {
	color: #165128;
	font-family:Cambria, Georgia, Times, "Times New Roman", serif;
	font-size:28px;
	font-weight:bold;
	letter-spacing:-1px;
	margin-bottom:10px;
}

#home #left-col {
	float:left;
	width:450px;
}

#home #right-col {
	float:right;
	padding-left:10px;
}

/* Informational Pages Layout
------------------------------------*/
#info-section {
	margin-top:30px;
	min-height:400px;
	height:auto !important;
	/*height:400px;*/
}

#info-section h1{
	color: #165128;
	font-family:Cambria, Georgia, Times, "Times New Roman", serif;
	font-size:28px;
	font-weight:bold;
	margin-bottom:10px;
}

#info-section h2{
	font-size:20px;
	font-weight:bold;
}

#info-section p{
	margin-bottom:10px;
}

#info-section ol li {
	padding:10px 0;
	line-height:17px;
}

#info-section ul {
	list-style-type:disc;
	margin-left:30px;
}
#info-section ul li {
	margin-bottom:10px;
}

#info-section em {
	font-style:italic;
}
#info-section strong {
	font-weight:bold !important;
}

/* Forms
----------------------------------*/
.form-heading {
	background-color:#165128;
	clear:both;
	font-weight:bold;
	color:#FFF;
	margin-bottom:10px;
	padding:10px;
}

form input{
	margin:2px 0;
}

/* Custom CSS Created by Joel Ramos */

/* Global CSS */
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }

/* Formatting */
#sidebar { 
	width: 280px;
	border: 1px solid #eee;
	border-width: 4px 1px 1px;
	padding: 5px;
}

.box {
	width: 270px;
	border-bottom: 1px dashed #ddd;
	font-size: 12px;
	font-family: 'Lucida Grande',helvetica,verdana,sans-serif,arial;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.box h1 {
	color: #165128;
	font-family:Cambria, Georgia, Times, "Times New Roman", serif;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

form input, select {
	margin: 5px;
}
#info-section { /* "2" for testing pupose*/
	width: 650px;
	font-size: 12px; 
	font-family: 'Lucida Grande',helvetica,verdana,sans-serif,arial;
	margin: 0;
	/* OLD
	min-height:400px;
	height:auto !important;
	font-size: 12px; 
	font-family: 'Lucida Grande',helvetica,verdana,sans-serif,arial;*/
}

#content{ /* "2" for testing pupose*/
	padding: 20px 0;
	font-family:'Lucida Grande',helvetica,verdana,sans-serif,arial;
	/*OLD
	clear:both;
	margin:0 auto;
	overflow:hidden;
	width:950px;*/
}
/*
TEST purposes to be deleted after implementation
#info-section2 h1{
	color: #165128;
	font-family:Cambria, Georgia, Times, "Times New Roman", serif;
	font-size:28px;
	font-weight:bold;
	margin-bottom:10px;
}

#info-section2 h2{
	font-size:20px;
	font-weight:bold;
}

#info-section2 p{
	margin-bottom:10px;
}

#info-section2 ol li {
	padding:10px 0;
	line-height:17px;
}

#info-section2 ul {
	list-style-type:disc;
	margin-left:30px;
}
#info-section2 ul li {
	margin-bottom:10px;
}

#info-section2 em {
	font-style:italic;
}
#info-section2 strong {
	font-weight:bold !important;
}*/