/* commented backslash hides from ie5mac \*/
html{
height:100%;
margin:0;
padding:0}
/* end hack */
a:link{ color: #ff9001; }

a:visited{ color: #ff9001; }

a:hover, a:focus{ color: #ffd101;	text-decoration:none; }

h1{padding-top:0px; margin-top:0px;}

html,body {
padding:0;
margin:0;
background-color: #5A869F;
font-size: 13px;
font-family: "Trebuchet MS", verdana, sans-serif;}

img{  border-style: none; }

body{
min-width:980px;/* for mozilla*/
background-color: #5A869F;
height:100%;
}
#navbar { margin:0 0 0 0px; padding:10px 0 0px 470px; text-align: center; }
#navbar ul {list-style: none;}
#navbar li {float: left; padding: 0 17px 0 17px; margin:0px 0px 0px 0px; list-style: none; border-right:1px solid #A9A9A9; }
#navbar li.borderless {border-right:0px; }
#navbar li a { display: block; padding: 0.1em 0 .1em; text-transform: lowercase; color: #A9A9A9; font: Impact, Charcoal, lucida grande, verdana, arial, helvetica, sans-serif;
font-size: 11px; font-weight: 600;}
#navbar a:hover {background-color: #663300; color: #fff}
.navbarspace{ clear: both; height: 20px;}

#slidewrap {z-index: 58;}
#slideshow {z-index: 59;}
#loadingdiv {z-index: 60;}

#wrapper {
width: 100%;
padding-bottom: 0px;
margin-bottom: 0px;
display:block;
position: absolute;
top:0px;
left:0px;
background-color: #5A869F;

}

#outer, #outer-top{
    
width: 100%;
text-align: center;
display:block;
clear:both;
}
#outer{background-color: #D6DFE8;}

#outer-top{background-color: #97A89e; padding-top: 20px; min-height:490px;}
/* mac hide \*/
* html #outer{
width:100%}
/* end hide*/

html>body #outer{
height:auto;} /*for mozilla as IE treats height as min-height anyway*/
html>body #outer-top{
height:auto;} /*for mozilla as IE treats height as min-height anyway*/



#header-bg{
margin-top:0px;
    padding-top:0px;
    width: 100%;
    height: 441px;

background-color: black;
    text-align:center;
    position:relative;
    display:block;
    top:0px;
left:0px;

}
#header{
    margin-left: auto;
        margin-right: auto;
width:940px;
height:441px;
z-index:74;


}
#top-header{
    margin-left: auto;
        margin-right: auto;
        padding-top: 0px;
        margin-top:0px;
        padding-bottom:0px;
        margin-bottom:0px;
        display:block;
width:940px;
height:116px;
z-index:74;
background:  url(images/rc-header4.jpg) no-repeat left top;
}

#banner-inner {
margin-left: auto;
margin-right: auto;
width:900px;
z-index: 57;
height:300px;
clear:both;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;

}
#ajaxmenu{
position:relative;
display:block;
top:45px;
left:275px;

width:696px;

z-index:75;
}

#logo {
position:relative;
top:26px;
left:10px;
width:237px;
height:63px;
z-index:300;

}

/* mac hide \*/
* html #outer, * html #outer-top, * html #header {width:980px}/* end hide*/

#footer {
color: #ffffff;
background-color: #5A869F;
width:100%;
clear:both;
text-align:center;
margin-top:0px;
padding-top:0px;}

#footer p {margin-top: 0px;}

#footer p a {
text-decoration: none;
color: #ffffff;
}

#footer-inner {
margin:0 auto;
width:990px;
padding:0;
display:block;
border-bottom: dotted;
border-bottom-width: 1px;
}
#footer-inner h4{
margin:0;
padding:0;
text-transform:uppercase;
color: #d7e3e3;
}
#footer-inner h5{
margin:0;
padding:0;
text-transform:uppercase;
color: #d7e3e3;
}
#footer-inner a{
color: #b0c6c6;
}
#footer-inner avisited{
color: #b0c6c6;
}
#footer-inner a:hover{
color: #ffd101;	text-decoration:none;
}
#footer-inner a:focus{
color: #ffd101;	text-decoration:none;
}

.col {
 float:left;
 width:185px;
}

.col ul{
    border-top: dotted;
border-top-width: 1px;
 list-style-image: none;
 list-styleposition: outside;
 list-style-type: none;
 margin: 0;
 padding: 0;
 width:185px;
}
.col li{

 margin: 0;
 padding-bottom: 3px;

}

fieldset {
border-color:#F2F2F2;
border-style:solid;
border-width:1px medium;
}
#subscribeForm{
width:242px; /*follow your image's size*/
height:34px;/*follow your image's size*/
background-image:url(images/signup-form-box.jpg);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
top: 30px;
}
#donate{
width:98px; /*follow your image's size*/
height:34px;/*follow your image's size*/
background-image:url(images/donate-input-box.png);
background-position:top center;
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
.donate{
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:0px;
left:18px;
width:80px;
height:25px;
}
.GoogleButton{
    padding-top:8px;
}
.newsletter-box {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:0px;
left:4px;
width:180px;
height:25px;
}


.newsletter-box_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:2px;
left:180px;
width:60px;
height:28px;
}

legend {
color:#89AA34;
font-size:110%;
padding:4px 4px;
}
input {
color:#8c8e8e;
margin:8px 10px 4px;
}
.buttons {float: right; }

* html #footer{
margin-bottom:-1px}/* ie rounding bug*//* mac hide \*/


div,p  {
margin-top:0px;}/*clear top margin for mozilla*/

#inner, #inner-top{
padding-top:0px;

text-align:left;
margin:auto;
background:  transparent;
display:block;
clear: both;
}
#inner-top{width:940px;}
#inner{width:940px;}

#right, #right-top {
width:410px;
float:right;
z-index: 55;}
#right-normal {
width:300px;
float:right;
z-index: 55;}


#right-inner, #right-inner-top {
width: 410px;
padding-left: 0px;
text-align: left;
}
#right-inner{
    padding-bottom: 25px;
}
#right-inner-normal{
width: 300px;
padding-left: 0px;
text-align: left;
}

#right-inner h2, #right-inner-top h2 {
font-size: 15px;
}
#right-inner h2{
    padding-top: 15px;
}

#left, #left-top {
position:relative;/*ie needs this to show float */
width:510px;
float:left;
padding-left: 0px;
z-index: 56;
}
#left-normal {
position:relative;/*ie needs this to show float */
width:610px;
float:left;
padding-left: 0px;
z-index: 56;
}
#left-inner-normal {
padding-left: 0px;
padding-right: 18px;
text-align: left;
}




#slidewrap {
border: 0px;
margin: 0;
padding: 0px;
}

#slidewrap div { text-align: center;
}
#clearouters {
width:100%;
height:0px;
clear:both;
} /* to clear footer */
#clearfooter, #clearfooter2 {
width:100%;
height:0px;
clear:both;
} /* to clear footer */


#content, #content-top {
z-index: 300;
padding-bottom: 25px;
}


#content h2, #content-top h2 {
font-size: 18px;
color: #317895;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 20px;
line-height: 24px;
position: relative;
z-index: 999;
text-transform:uppercase;}

h3#post-, h3#post-top-  {
font-size: 12px;
color: #618200;
padding-left: 0px;
}

#content p, #content-top p {
font-size: 14px;
color: #444444;
line-height: 21px;
_line-height: 19px;
}

#content p a, #content-top p a {
color: #618200;
}

#content p a:hover, #content-top p a:hover {
background-color: #618200;
color: #ffffff;
}

#footer p {
padding: 8px;}

.FSF_searchResults {
font-size: 12px;
color: #444444;
line-height: 18px;
_line-height: 16px;
}

.FSF_extract {
font-size: 12px;
color: #444444;
line-height: 18px;
_line-height: 16px;
}

.FSF_resultLink {
color: #618200;
}

.FSF_extract {
font-size: 12px;
color: #444444;
line-height: 18px;
_line-height: 16px;
}
.clear{ clear:both;}

.highlight {
font-size: 12px;
background-color: #f2f2f2;
color: #618200;
font-weight: bold;
line-height: 18px;
_line-height: 16px;
}

.dotted-img {
border: dotted 1px #444444;
}

#content ul li, #content-top ul li{
margin-bottom: 0.5em;
font-size: 110%;}

.LIn_shortMode {
list-style-type: none;
margin: 0;
padding: 0;
}

.LIn_desc {
display: none;
}

.LIn_date {
font-style: italic;
margin-left: 5px;
}

#content a, #sidebar a, #content-top a{    color: rgb(97, 130, 0);
}

#content a:hover, #content-top a:hover, #sidebar a:hover{
    background-color: rgb(97, 130, 0);
    color: rgb(255, 255, 255);
}

/* -----------------------------------------*/
/* -----------------------------------------*/
/* -----------------------------------------*/
/* -----------------------------------------*/
/* -----------------------------------------*/
/*was form.css, much of this is not needed */
/* -----------------------------------------*/
/* -----------------------------------------*/
/* -----------------------------------------*/

#search {
	margin-top: 0px;
	position:relative;
	float: right;
	width:220px;
	z-index:900;
	padding-right: 0px;
	_margin-top: 37px;

}

#search img {display: none;}

#search-directory {
	position:absolute;
	top:6px;
	left:5px;
	width:496px;
	height:32px;
	overflow:hidden;
	z-index:400;
}
#search fieldset, #sidebarlogin fieldset{
	border: none;
	margin: 0px;
	padding: 0px;
}
#search form, #sidebarlogin form {
	border: none;
	margin: 0px;
	padding: 0px;
}


#search label, #sidebarlogin label {
color: #444444;
}


#sidebarlogin input {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}
#sidebarlogin label {
display: block;
margin-top: 5px !important;
}

#sidebarlogin input {
	width: 100%;
}
#sidebarlogin #checkbox_1 {	width: auto; float: right; border: 0 !important;}
#sidebarlogin h3 {
display: none;
}
.button {width: auto !important; height: auto !important; padding: 2px !important; margin-top: 5px !important; margin-bottom: 5px !important;}

#sidebarlogin #forgotpsswd {
	font-size: 80%;
	display: block;
	float: right;
	margin: 10px 0 0 1px;
}
#search select {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}
#search textarea {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}

#search-txt {
    position: absolute;
    top: 0px;
    left: 158px;
    width: 57px;
    height: 21px;
    color: #ffffff;
    font-size: 13px;
    line-height: 23px;
}
#ajaxSearch-wrapper{
width:215px; /*follow your image's size*/
height:35px;/*follow your image's size*/
background-image:url(images/search-box.jpg);
background-repeat:no-repeat; /*important*/
    top: 0px;
    left: 35px;
padding:0px;
margin:0px;
position:relative; /*important*/

}
#ajaxSearch_input {
    position: absolute;

    background-color:transparent; /*important*/
    top: 0px;
    left: 0px;
    width: 145px;
    height: 19px;
    margin:5px;
}
#ajaxSearch-wrapper input{
    border:0px; /*important*/
}


#ajaxSearch_submit {
    width: 45px !important;
    height: 45px !important;
    margin: 0 !important;
    border: 0 !important;
    background-color: transparent;
    padding: 55px 0 0 !important;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    position: absolute;

    top: 0px;
    left: 145px;
}


#ajaxSearch_output {
    background: #000;
    color: white;
    -moz-opacity:0.95 !important;
    opacity:0.95 !important;
    filter: alpha(opacity=95) !important;
    position: absolute;
    top: 23px;
    left: 0px;
    width: 165px !important;
    z-index: 1;
    border: 0;
    padding: 0;
    margin: 0;
}
#ajaxSearch_output a {
	color: #fff;
	text-align: left;
	width: 172px;
	display: block;
	width: 93% !important;
}
#ajaxSearch_output a:hover{ background-color: #8dbc00; }
#ajaxSearch_output p {margin: 0;}
.ajaxSearch_paging { }

.AS_ajax_result {
    border-top: 1px solid #2f2f2f;
    color: #444;
    padding: 5px 10px 7px;
    margin: 0;
}
    .AS_resultLink {
        text-decoration: underline;
        padding: 0;
        margin: 0;
    }
    .AS_ajax_resultDescription {
        color: #888;
    }
    .AS_ajax_more { color: #555; }
    .AS_intro { display: none;}


#dirsearch-txt {
position: absolute;
top: 0px;
left: 0px;
width: 118px;
height: 21px;
color: #4E5760;
font-size: 13px;
line-height: 23px;
}

#dirsearch-inp {
position: absolute;
top: 0px;
left: 123px;
width: 201px;
height: 18px;
}

#dirsearch-btn {
position: absolute;
top: 0px;
left: 329px;
width: 70px;
height: 21px;
}

#dirsearch-txt2 {
position: absolute;
top: 3px;
left: 405px;
width: 170px;
height: 21px;
color: #4E5760;
}

#dirsearch-txt2 a {
color: #4E5760;
}

#join {
position: relative;
}
    #join-inp {
    margin-top: 5px;
    width: 158px;
    height: 18px;
    }
    #join-btn {
    margin-top: 5px;
    width: 120px;
    height: 21px;
    }
.AS_ajax_highlight1, .ajaxSearch_highlight1{
  color : #CC0000;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight2, .ajaxSearch_highlight2{
  color : #CB53DF;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight3, .ajaxSearch_highlight3{
  color : #DF53B5;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight4, .ajaxSearch_highlight4{
  color : #DF5380;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight5, .ajaxSearch_highlight5{
  color : #A453DF;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight6, .ajaxSearch_highlight6{
  color : #53ADDF;
  padding: 0;
  font-weight: bold;
}

div.post #websignupfrm label {display:block;width:430px;margin-bottom:8px;}
div.post #websignupfrm label input {position:absolute;left:170px;}
div.post #websignupfrm fieldset {border:none;}

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).

HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>

Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: absolute !important; /*next three lines added for ie7 not working with relative positioning*/
        top: 0px;
        left: 0px;
}
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>

Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 350px;
	width: 700px;
}
.slideshow-images-visible {
	opacity: 1;
}
.slideshow-images-prev {
	opacity: 0;
}
.slideshow-images-next {
	opacity: 0;
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 325px;
	margin: 0 auto;
	width: 940px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>

Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>

Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/
/*
.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden {
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}


*/


/**
HTML:
	<div class="slideshow-loader" />

Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>

Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 2px 2px 2px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 2px;
	position: relative;
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}


/* EmailForm, was in old MODX file
------------------------------------------------------------------------------- */
#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}

#EmailForm label input {
	position: inherit;
	left: auto;
}