/* =Reload 
-----------------------------------------------------------------------------------------*/
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: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}

body {
	background-color: #fff;
	color: #000;;
  	font: 62.5% "Century Gothic", Arial, Helvetica, sans-serif;
	/*font: 62.5% "Times New Roman", Times, serif;*/
	line-height: 1;
	background-image:url(../images/main-back.jpg);
	background-repeat:repeat-x;
}

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: "" "";}

/* =General
-----------------------------------------------------------------------------------------*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
strong, b{font-weight: bold;}
em, i{font-style: italic;}

/* =Typography
-----------------------------------------------------------------------------------------*/
p, #news{
	font:normal 1.2em/1.2em "Century Gothic", Arial, Helvetica, sans-serif;
	margin:10px;
}

ul{
	font:normal 1.2em/1.2em "Century Gothic", Arial, Helvetica, sans-serif;
	list-style: disc;
	margin:10px 10px 10px 25px;
}

ol{
	font:normal 1.2em/1.2em "Century Gothic", Arial, Helvetica, sans-serif;
	list-style: decimal;	
	margin:10px 10px 10px 25px;
}

#news .art-date{
	font-size: .8em;
}

#news .art-ttl a{
	font-weight: bold;
	text-decoration: none;
}

/* =Headings
-----------------------------------------------------------------------------------------*/
h1{
	font:normal 2.4em/1.2em "Century Gothic", Arial, Helvetica, sans-serif;
	/*font:normal 2.4em/1.2em "Times New Roman", Times, serif;*/
	margin:10px;
}

h2{
	font:normal 2.2em/1.2em "Century Gothic", Arial, Helvetica, sans-serif;
	/*font:normal 2.2em/1.2em "Times New Roman", Times, serif;*/
	margin:10px;
}

h3{
	font:normal 2.0em/1.2em "Century Gothic", Arial, Helvetica, sans-serif;
	/*font:normal 2.0em/1.2em "Times New Roman", Times, serif;*/
	margin:10px;
}

h4{
	font:normal 1.8em/1.2em "Century Gothic", Arial, Helvetica, sans-serif;
	/*font:normal 1.8em/1.2em "Times New Roman", Times, serif;*/
	margin:10px;
}	

h5{
	font:normal 1.6em/1.2em "Century Gothic", Arial, Helvetica, sans-serif;
	/*font:normal 1.6em/1.2em "Times New Roman", Times, serif;*/
	margin:10px;
}	

h6{
	font:normal 1.4em/1.2em "Century Gothic", Arial, Helvetica, sans-serif;
	/*font:normal 1.4em/1.2em "Times New Roman", Times, serif;*/
	margin:10px;
}				

/* =Links
-----------------------------------------------------------------------------------------*/
a:link, a:visited{
	cursor:pointer;
}

a:hover, a:active{
}		

/* =MainNav
-----------------------------------------------------------------------------------------*/

/* =SubNav
-----------------------------------------------------------------------------------------*/

/* =Components These need to be set for back-ground
-----------------------------------------------------------------------------------------*/
#article, #fckArticles{}
#news, #fckNews{}
#question, #fckQuestion{}
#testimonials, #fckTestimonials{}

/* =Layout
-----------------------------------------------------------------------------------------*/
#aside{}

#content, #fckPages{}

#footer{}



#line{
	background-color: #000;
	display: block;
	font-size: 0px;
	height: 1px;
	line-height: 1px;
}

#wrapper{
	margin:0 auto;
	width:866px;
	position:relative;
}
#header{
	width:864px;
	height:141px;
	position:relative;
	background-image:url(../images/index-header-back.jpg);
	background-repeat:no-repeat;

}
#lat-long {
	width:200px;
	text-align:right;
	color:#fff;
	font-size:1.4em;
	line-height:18px;
	position:absolute;
	top:40px;
	right:40px;
}
.main-nav {
	width:480px;
	height:34px;
	position:absolute;
	top:107px;
	right:42px;
	background-image:url(../images/main-nav-back.jpg);
	background-repeat:repeat-x;
}
.main-nav a {
	width:119px;
	height:34px;
	float:left;
	font-size:1.4em;
	line-height:34px;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
.main-nav a:hover {
	width:119px;
	height:35px;
	background-image:url(../images/nav-over.gif);
	background-repeat:repeat-x;
	color:#033503;
	background-color:#fff;
}
#main-pic-cont {
	width:820px;
	height:304px;
	float:left;
	border: 1px solid #a6bc8d;
	background-color:#fff;
	padding-top:7px;
}
#main-pic {
	margin:auto;
	width:805px;
	height:295px;
	border:1px solid #d9cc9f;
	
}
#main-pic-shadow {
	width:39px;
	height:313px;
	float:left;
}
#main-bottom {
	width:820px;
	height:68px;
	float:left;
	border: 1px solid #a6bc8d;
	border-top:0px;
	background-color:#fff;
	background-image:url(../images/main-bot-back.jpg);
	background-repeat:repeat-x;
	position:relative;
}
#member-ttl {
	width:153px;
	height:23px;
	position:absolute;
	top:5px;
	left:15px;
}
#login-txt {
	width:180px;
	height:15px;
	position:absolute;
	top:35px;
	left:15px;
	font-size:1.2em;
}
#login-form {
	width:300px;
	height:50px;
	position:absolute;
	top:10px;
	left:220px;
	font-size:1.2em;
}
#member-access {
	width:270px;
	height:50px;
	position:absolute;
	top:10px;
	left:520px;
	font-size:1.2em;
	text-align:right;
}
#copyright {
	width:400px;
	padding-top:10px;
	padding-right:40px;
	float:right;
	font-size:1.2em;
	line-height:15px;
	text-align:right;
}
#copyright a {
	color:#003300;
	text-decoration:none;
}
.credits {
	font-size:.8em;
	color:#003300;
}
/* =Forms
-----------------------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 0px solid transparent;}

input, textarea {
	font-size: 1em;
	color: #000;
	width: 35px;
	border: 1px solid #71a571;
	padding: 0.2em;
}

/*input#submit {
	width: auto;
	font-size: 0.85em;
} */

form br {
	clear:both;
}

#login-form #loginForm input {
	font-size: 1em;
	color: #000;
	width: 150px;
	border: 1px solid #71a571;
	padding: 0.2em;
	display:inline-block;
	float:left;
	margin:2px;
}

#login-form #loginForm label {
	width:65px;
	margin:2px;
	float:left;
}

#login-form #loginForm input#sub-btn {
	width: 50px;
	height: 20px;
	font-size: 1em;
	display:inline-block;
	border: 1px solid #71a571;
	background-color:#a6bc8d;
	color:#fff;
}
input:focus, textarea:focus {
	background-color: #fff5be;
}
#sidebar input {
	width: 100%;
}


/* =Filters
-----------------------------------------------------------------------------------------*/
/*[BEGIN] Clear Fix for Fire Fox*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*[END] Clear Fix for Fire Fox*/

/* =Home Page Content
-----------------------------------------------------------------------------------------*/