﻿@charset "utf-8";
/* CSS Document */

/*********************************/
/*       BROWSER RESET
/*********************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea {    
    margin:0;   
    padding:0;   
} 

/*keep enabled if used for layout
table {  
    border-collapse:collapse;   
    border-spacing:0;   
} */

address,caption,cite,code,dfn,/*em,strong,*/th,var {  
    font-style:normal;   
     font-weight:normal;   
 } 

 caption,th {  
     text-align:left;   
 } 

q:before,q:after {  
    content:'';   
} 

abbr,acronym { border:0;   
}  

a img { border: none; }

/*accessibility links*/
.hidden, .nostyles {
display:none;
margin:0 -10000px 0 0;
}

/*********************************/
/*            BODY
/*********************************/

body {
background:url(../images/bodyBkgd.jpg) #000000 no-repeat center top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%; 
color:#000000;
margin:0 auto;
}

H1 {font-size:2em}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */

/*********************************/
/*           CONTAINER
/*********************************/

#container {
background:url(../images/containerBkgd.png) repeat-y;
height:auto;
margin:0 auto;
position:relative;
font-size:1em;  /* displayed at 12px */
width:954px;
}

#hdr {
background:url(../images/hdr.jpg) no-repeat;
width:954px;
height:271px;
}

#hdr h1 a {
display:block;
width:450px;
height:120px;
outline:none;
position:relative;
left:40px;
float:left;
top:100px;
}

#hdr h1 span {
display:none;
}

.searchinput {
background:#f0e6d5;
border:1px solid #af996f;
margin:0 10px 0 0;
}

#topnav {
position:relative;
float:right;
top:221px;
right:30px;
}

#topnav ul li {
list-style:none;
display:inline;
position:relative;
float:left;
margin:0 5px;

}

#topnav ul li a {
padding:5px 10px;
text-decoration:none;
background:#3a4036;
color:#efe4cc;
display:block;
text-transform:uppercase;
}

#topnav ul li a:hover {
background:#760E01;
}

#breadcrumb {
position:relative;
clear:both;
float:left;
left:200px;
margin:-24px 0 0 0;
padding:0 0 0 24px;
background:url(../images/breadcrumbIcon.gif) no-repeat left;
color:#3a4036;
font-style:italic;
}

#breadcrumb a {
text-decoration:none;
color:#3a4036;
}

#breadcrumb  a:hover {
text-decoration:underline;
color:#760e00;
}

/*********************************/
/*          NAVIGATION
/*********************************/

#nav a:hover {
background:#565e53;
}

/*********************************/
/*         CONTENT AREA
/*********************************/

#contentarea {
min-height:900px;
width:570px;
margin:0 0 0 165px;
}

#contentarea li {
margin:0 0 0 2em;
}

/*uncomment if images are used in place of list item bullets
#container .reToolbar li{
    background:none;
}*/

#contentarea a {
color:#485033;
text-decoration:underline;
}

#contentarea a:hover {
color:  ;
text-decoration:none;
}

#contentarea .txthdr {
font-size:1.4em;
color:#485033;
font-weight:bold;
}

#textarea {
width:90%;
position:relative;
left:20px;
margin:15px 0;
font-size:1.1em;
color:#5f3712;
}

/*********************************/
/*          R COL
/*********************************/

#rcol {
position:relative;
float:right;
width:200px;
height:400px;
right:3px;
top:30px;
clear:right;
}

#rcol h3 {
text-transform:uppercase;
padding:7px 0;
color:#3f2106;
white-space:nowrap;
}

#search {
background:url(../images/searchBkgd.jpg) no-repeat top;
width:171px;
height:90px;
padding:0px 10px 0 10px;
}

#news {
background:url(../images/newsBkgd.jpg) no-repeat top;
width:171px;
height:212px;
padding:0px 10px 10px 10px;
}

#photogallery {
background:url(../images/photogalleryBkgd.jpg) no-repeat top;
width:171px;
height:212px;
padding:0px 10px 0 10px;
position:relative;
}

#facebook {
background:url(../images/facebookTop.jpg) no-repeat top;
height:95px;
width:191px;
}

#facebook h3 a {
color:#3f2106;
text-decoration:none;
width:150px;
line-height:1.1em;
margin:0 0 0 60px;
position:relative;
display:block;
top:10px;
}

#facebook a{
display:block;
outline:none;
height:95px;
width:191px;
}

#facebook a:hover {
text-decoration:underline;
}

/*********************************/
/*WEATHER WIDGET-loads close to last
/*********************************/

#weather {
position:absolute;
margin:-200px 0 0 750px;
}

/*********************************/
/*            FOOTER
/*********************************/

#footer {
background:url(../images/footerBkgd.jpg) no-repeat;
width:951px;
height:79px;
clear:both;
}

#footer p {
position:relative;
top:40px;
color:#c08931;
float:right;
right:80px;
}

/*********************************/
/*            SLIDESHOW
/*********************************/


#photoframe {
    background:url(../images/photoFrame.jpg) no-repeat top;
    width:571px;
    height:350px;
    position:relative;
}


#photoframe img {
    padding:30px 0 0 25px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
