/****************** RESET BROWSER DEFAULTS *******************/
html, body, div, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, fieldset, form, label, legend{
margin:0;
padding:0;
border:0;
}
/* Make non-compliant browsers display html5 elements correctly */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
/******************* ELEMENTS NOT TO DISPLAY ****************/

/****************** GENERAL LAYOUT ************************/
body {
background: url(bodybg01.jpg) top left no-repeat #464646;
background-attachment:fixed;
color:#000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
text-align:center;
}
#wrapper{
width:960px;
text-align:left;
margin:0 auto;
border-bottom:1px solid #3d3d3d;
}
section{
background:#fff;
padding:10px 15px 40px 15px;
margin-top:5px;
margin-bottom:-15px;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0; 
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
}
.cleaner{
clear:both;
}
.break{
height:5px;
border-top:1px #3a5e5e dotted;
}
/****************** HEADER *****************/
header{
margin-top:5px;
margin-bottom:2px;
}
header img{
display:none;
}
header h1{
text-indent:-9999px;
height:200px;
background:url(header.jpg) center no-repeat;
}
a#home{/*make logo a link*/
display:block;
height:200px;
background:transparent !important;
border:0 !important;
}
/**************** NAVIGATION *******************/
/** SKIP NAV **/
#skipnav{
text-align:left;
font-size:60%;
padding:0 0 0 10px;
}
#skipnav a{
position:absolute; 
left:-9999em; 
width:200px; 
z-index:999; 
display:block;
}
#skipnav a:active, #skipnav a:hover, #askipnav a:focus{
left:0; 
top:0; 
color:#fff; 
background-color:#373737;
padding:10px; 
font-weight:bold; 
text-decoration:underline;
}
/** NAV **/
nav{
text-align:center;
background:transparent;
border-top:1px solid #7c8c65;
}
nav ul{
list-style-type:none;
padding:7px 0 4px 0;
}
nav li{
font-size:100%;
font-family: Arial, Helvetica, sans-serif;
display:inline;
margin:0 15px;
padding-bottom:5px;
line-height:1em;
text-transform:normal;
letter-spacing:-0.035em
}
nav a{
color:#f6f7f4;
text-decoration:none;
padding:2px 5px 2px 5px;
text-shadow:0 -1px 1px rgba(124,140,101,0.5);
}
nav a:active, nav a:hover, nav a:focus, nav a.current{
background:#7c8c65;
border-radius: 4px;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
text-shadow:0 -1px 1px rgba(0,0,0,0.5);
}
#dropmenudiv{
text-align:left;
position:absolute;
margin:2px 0 0 0;
border:1px solid #7c8c65;
border-top:0;
border-bottom-width: 0;
line-height:18px;
font-size:95%;
z-index:100;
opacity:.95;
text-transform:normal;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:-0.035em
}
#dropmenudiv a{
display: block;
text-indent: 3px;
border-bottom: 1px solid #7c8c65;
background-color:#3b3b3b;
padding: 4px 2px;
text-decoration: none;
color:#f8f7f4;
}
#dropmenudiv a:hover{
background-color:#7c8c65;
color:#fff;
}
/********************************** BREADCRUMBS ************************/
#breadcrumbs{
font-size:70%;
margin:-5px 0 10px -10px;
color:#6b675b;
}
#breadcrumbs a{
color:#6b675b;
padding:1px;
}
#breadcrumbs a:hover{
color:#f2f1ec;
background:#6b675b;
text-decoration:none;
}
/************************** CONTENT ***********************/
p{
font-size:85%;
line-height:1.6em;
margin-bottom:1.2em;
font-family:Arial, Geneva, Helvetica, sans-serif;
color:#444;
}
p.small{
font-size:70%;
line-height:1em;
margin-bottom:.25em;
}
p.links{
text-align:center;
font-size:85%;
margin-bottom:0;
line-height:1em;
}
span.num{
font-weight:bold;
}
.links a{
color:#444;
font-weight:normal;
}
span.intro{
font-family:Georgia, 'Times New Roman', serif;
font-size: 1em;
letter-spacing: .25em;
line-height: 1.2em;
text-transform: uppercase;
color:#576554;
}
section h2{
font-family: Georgia, "Times New Roman", Times, serif;
padding: 5px 0 25px 0;
font-weight: normal;
text-shadow: 1px 1px 2px #858585;
color:#3f6949;
font-size:2em;
letter-spacing:0.08em;
font-style:italic;
}
h2 span.sub {
font-size: 0.70em;
font-family: Arial, Helvetica, sans-serif;
text-shadow: none;
letter-spacing:-1px;
display: block;
color:#647b6a;
font-style:normal;
}
section h3{
font-family: Georgia, "Times New Roman", Times, serif;
padding: 5px 0;
font-weight: normal;
text-shadow: none;
color:#3f6949;
font-size:1.3em;
}
section a:link{
color:#506634;
}
section a:visited{
color:#444;
}
section a:active, section a:hover, section a:focus{
background:#464646;
color:#d0d8c5;
}
 .postcard{
width:900px;
margin:0 auto;
margin-bottom:20px;
border:1px solid #b2b2b2;
border-radius: 10px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
padding:0 5px;
}
.postcard h2{
font-size:120%;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 10px 0 5px 0;
color:#3a5e5e;
letter-spacing:0;
text-shadow:none;
font-style:normal;
}
.postcard p.cardpic{
text-align:center;
line-height:1.1em;
}
.postcard p.details{
line-height:1.1em;
}
.postcard .cardpic strong{
font-size:110%;
}
.postcard .details strong{
color:#626262;
}
.postcard img{
padding:5px;;
margin:0 5px 5px 5px;
border:1px solid #c5c5c5;
background:#f4f4f4;
box-shadow: 2px 2px 5px #989898;
-moz-box-shadow: 2px 2px 5px #989898;
-webkit-box-shadow: 2px 2px 5px #989898;
}
.postcard a:hover{
background:#fff;
}
.postcard img:hover{
opacity:.9;
}
.imggrid2 li, .imggrid li{
font-size:80%;
float: left;
text-align:center;
list-style-type:none;
color:#535353;
}
.imggrid li{
width: 260px;
margin: 0 5px 30px 5px;
padding:0 10px;
}
.imggrid2 li{
width: 160px;
margin: 0 20px 10px 20px;
}
imggrid a, .imggrid2 a{
color:#464646;
text-decoration:none;
}
.imggrid a:hover, .imggrid2 a:hover{
text-decoration:underline;
background-color:#fff;
color:#626262;
}
.imggrid img, .imggrid2 img{
padding:5px;
background:#f6f5eb;
border:1px solid #c9c9c9;
}
.imggrid img{
margin:0;
}
.imggrid2 img{
margin:5px 0;
}
.imggrid img:hover, .imggrid2 img:hover{
opacity:.8;
background-color:#fff;
}
span.count{
font-size:80%;
}
/************************* BASE ***********************/
#base{
width:980px;
margin:0 auto;
background: rgba(124,140,101,0.7);
padding:20px 0 10px 0;
text-align:left;
}
#base p{
padding:5px 15px 10px 15px;
font-size:80%;
border-top:15px solid #3e3e3e;
margin:0;
color:#fff;
line-height:1.4em;
}
#base a{
color:#dfe8da;
}
#base a:hover{
text-decoration:underline;
}
ul.cardlinks{
list-style-type:none;
padding:5px 0 10px 20px;
}
.cardlinks li{
display:inline;
line-height:2.1em;
font-size:90%;
padding:2px 5px;
}
.cardlinks a{
color:#f6f9f4 !important;
margin:0 5px;
padding:2px 10px;
}
#sitelinks{
float:left;
text-align:left;
width:600px;
margin:0 0 0 20px;
padding:5px 0 10px 0;
}
#sitelinks ul{
padding-bottom:0;
padding-top:2px;
list-style-type:none;
}
#sitelinks li{
display:inline;
line-height:2.1em;
font-size:90%;
padding:2px 5px;
}
#sitelinks a{
color:#f6f9f4 !important;
margin:0 10px;
padding:2px 10px;
}
#sitelinks a:active, #sitelinks a:hover, #sitelinks a:focus, .cardlinks a:active, .cardlinks a:hover, .cardlinks a:focus{
background-color:#464646;
text-decoration:none !important;
}
/********************** FOOTER ***********************/
footer{
width:90%;
max-width:1200px;
margin:0 auto;
margin-top:10px;
margin-bottom:20px;
padding:10px 35px;
font-size:90%;
}
footer p{
color:#E1E1E1;
}
footer a{
color:#CEDCE8;
}
/******************** SEARCH BOXES *********************/
/** Universal **/
section fieldset, #lowsearch fieldset{
margin:0;
padding:0;
border:0
}
section fieldset label, #lowsearch fieldset label{
display:none
}
/*** Section Search **/
section form{
margin:5px 0 0 30px;
padding:5px 50px 0 0;
font-size:80%;
}
section input#term{
color:#464646;
width:140px;
border:1px solid #64605c;
padding:2px 5px 2px 5px;
font-size:100%;
text-transform: lowercase;
letter-spacing:normal;
}
section input#searchbutton {
width:80px;
background-color:#464646;
border:1px solid #645b53;
color:#f2eee1;
cursor:pointer;
margin:2px 0 0 5px;
}
section input#searchbutton:hover, section input#searchbutton:focus{
background-color:#525252;
}
/** Base Search **/
#lowsearch{
float:right;
margin:5px 0 0 0;
padding:5px 50px 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
}
#lowsearch input#term{
color:#9D9D9D;
background:#464646;
width:140px;
border:1px solid #64605c;
padding:2px 5px 2px 5px;
font-size:100%;
text-transform: lowercase;
letter-spacing:normal;
}
#lowsearch input#searchbutton {
width:80px;
background-color:#464646;
border:1px solid #645b53;
color:#f2eee1;
cursor:pointer;
margin:2px 0 0 5px;
}
#lowsearch input#searchbutton:hover, #lowsearch input#searchbutton:focus{
background-color:#525252;
}