/**************************************************
General Body Styles
**************************************************/
body {
     background-image: url(../images/bg_main.jpg);
     margin: 0;
     padding: 0;
     background-repeat: repeat-x;
     background-color: #000000; }
body#index.subpage{
     background-repeat: repeat-x;
     background-image: url(../images/subpage_main.jpg); }
#wrapper {
     width: 966px;
     text-align: left;
     margin: 0 auto;
     padding: 0; }
/**************************************************
Navigation Styles
**************************************************/
.navigation {
     font-family:  Helvetica, Arial, sans-serif;
     height: 33px;
     width: 966px;
     font-weight: normal;
     background-image: url(../images/bg_nav.jpg);
     background-repeat: no-repeat;
     float: left;
     text-align: center; }
.navigation ul {
     list-style: none;
     margin: 0;
     padding: 8px 0px 0 0; }
.navigation li {
     display: inline;
     padding-right: 12px;
     padding-left: 12px; }
.navigation a:link, .navigation a:visited {
     /* This is for Win/IE only */
     color: #6e2e0d;
     text-decoration: none;
     border: none;
     font-size: 16px;
     font-weight: bold; }
.navigation a:hover {
     color: #ffffff; }
/**************************************************
Logo Banner
**************************************************/
.logo_banner {
     float: left;
     height: 144px;
     width: 966px;
     background-image: url(../images/bg_logobanner2.jpg);
     background-repeat: no-repeat;
     background-position: top right;
     text-align: right; }

/**************************************************
Basic Text and Formatting Styles
**************************************************/
p, .content ul, .content ol, td {
     color: #ffffff;
     font-size: 14px;
     line-height: 20px;
     font-family:  Helvetica, Arial, sans-serif; }
.content ol li {
     list-style-type: lower-roman; }
h1, b {
     padding: 0;
     margin: 0 0 10px 0;
     font-weight: normal;
     font-size: 22px;
     font-family:  Helvetica, Arial, sans-serif;
     text-transform: uppercase;
     color: #e68028; }
h2, td.title {
     padding: 0;
     margin: 0 0 10px 0;
     font-weight: normal;
     font-size: 24px;
     font-family: Times, "Times New Roman", serif;
     color: #fdf18b;
     font-style: italic; }
h3{
     margin-bottom: 0;
     font-family: Helvetica, Arial, sans-serif;
     font-size: 15px;
     color: #e68028; }

.info p{
     text-transform: uppercase; 
     margin-top: 0;}
img {
     float: left;
     margin: 0 15px 15px 0 }
a:link img, a:visited img, a:hover img {
     border: none;
     text-decoration: none;
     border-bottom: none; }
a:link, a:visited, a.titlelink:link, a.titlelink:visited {
     color: #ea7f22; }
a:hover, a.titlelink:hover {
     color: #ea7f22; }
.content ul {
     list-style-type: square;
     padding: 10px 10px 10px 30px;
     margin-left: 20px;
     border: 1px #d2cc8a solid; }
.content li {
     list-style-type: square; }
/**************************************************
Header Styles
**************************************************/
.header {
     float: left;
     width: 966px;
     height:223px ;
     overflow: hidden;
     margin: 0;
     background-image: url(../header/rotator.php);
     background-repeat: no-repeat; }
body#index.subpage .header{
     height: 59px;
     background-image: url(../images/subpage1.jpg);
     background-repeat: no-repeat; }
/**
body#index .header {
     background-image: url(../header/rotator.php); }
body#serve .header{
     background-image: url(../images/header2.jpg);}
body#exit_guide .header{
     background-image: url(../images/header3.jpg);}
body#info .header{
     background-image: url(../images/header4.jpg);}
body#stay_informed .header{
    background-image: url(../images/header5.jpg); }
body#board .header{
    background-image: url(../images/header6.jpg); }
body#support .header{
    background-image: url(../images/header7.jpg); }
body#resources .header{
     background-image: url(../images/header8.jpg);}
body#about .header{
     background-image: url(../images/header9.jpg);}
body#contact .header{
     background-image: url(../images/header10.jpg);}
**/
.header h1 {
     margin: 90px 0 0 0;
     text-align: center;
     color: #ffffff;
     font-family: Times, "Times New Roman", serif;
     font-style: italic;
     width: 320px;
     float: right;
     text-transform: none; }
/**************************************************
Content Body Formatting Styles
**************************************************/
.content {
     float: left;
     width: 966px;
     background-image: url(../images/bg_content.jpg);
     background-repeat: no-repeat;
     padding:30px 0 5px 0;
     overflow: hidden;
     min-height: 220px; }
body#index.subpage .content{
     background-image: url(../images/bg_content2.jpg);
     background-repeat: no-repeat; }

.c_one {
     float: left;
     width: 580px;
     padding: 0px 52px 0px 0px; }
.c_one a:link, .c_one a:visited {
     color: #c6985e; }
.c_one a:hover {
     color: #dcdecc; }
.c_two {
     float: left;
     width: 294px;
     padding: 70px 0px 0 27px;
     text-align: left; }
.c_two img {
     padding: 0;
     margin: 0; }
/**************************************************
Footer Styles
**************************************************/
.footer {
     clear: both;
     height: 100px;
     text-align: center;
     background-image: url(../images/bg_footer.jpg);
     background-position: top center;
     padding-top: 20px;
     background-repeat: repeat-x; }
.footer img{
     float: none;}
.footer p, .footer a:link, .footer a:visited {
     color: #ffffff; }
.footer p.large{
     font-size: 30px;
     color: #ea7f22;
     margin: 5px 0 5px 0; }
.footer p {
     margin-bottom: 0;
     padding-bottom:0;
     margin-top: 0;
     font-size: 13px; }
.footer a:hover {
     color: #ea7f22; }
.footer h2 {
     font-style: normal;
     font-size: 10px; }


/**************************************************
Testimonials Slider Styles
**************************************************/
.testimonials p{
     font-style: italic;
     color: #fdf18b; }
.name{
     color: #ffffff;
     font-style: normal;}
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 280px;
height: 145px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: #000000 url(../images/bg_testimonials.jpg) repeat-x;
padding: 0 10px 0 15px;
visibility: hidden;
width: 255px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 360px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
     visibility: hidden; }
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}
a.info_button:link, a.info_button:visited{
     padding: 5px;
     background-color: #f29631;
     color: #000000;
     text-decoration: none; 
     }
a.info_button:hover{
     background-color: #fff183; }
/********************************************************************
Form Styles
********************************************************************/
form.contact fieldset {
     border: none;
     padding: 10px; }
form.contact legend {
     color: #f10b15;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: 13px;
     font-weight: normal;
     padding: 5px; }
form.contact {
     line-height: 100%;
     margin: -15px 15px 0pt;
     padding: 20px; }
form.contact label {
     color: #ffffff;
     font-size: 13px; 
     font-family: Verdana, Helvetica, Arial, sans-serif; }
form.contact label.fixedwidth {
     display: block;
     width: 300px;
      }
form.contact input{
     margin-bottom: 15px;}
form.contact input.no_padding{
     margin-bottom: 0;}
/********************************************************************
Table Styles
********************************************************************/
tr.tr1{
     background-color: #2a1909; }
tr.tr1 td, tr.tr2 td{
     color: #c8975c;
     padding: 3px; }