@charset "UTF-8";
/* CSS Document */

/*
Colors
Taupe: #C7B299
Dark Gray: #3A352F;
Dark Green: #006837;
Blue: #92D0E9;
*/

* {margin:0;
padding:0;}

a {text-decoration:none}
a img {border:none}
a:link {color: #006837;}
a:hover {text-decoration:underline;}
a:visited {color: #006837;}
a:active {color: #92D0E9;}
a:focus {outline:none;}

h2 {font-size: 1.75em;
border-bottom: 1px solid #ccc;
margin: 0 0 25px 0;
padding: 0 0 2px 0;}
h3 {font-style:italic;
color: #006837;
font-size: 1.5em;}

p {padding: 10px 0;}

ul {list-style:none;}

body {background:#0a1a34;
background-image: url(/images/bg.jpg);
background-repeat: repeat-x;
font-size:62.5%;
font-family:Georgia, "Times New Roman", Times, serif;
color:#3A352F;}

#wrap {width:960px;
background:#FFFFFF;
margin: 20px auto 0 auto;
padding: 0 0 0px 0;
position:relative;
top: -6px;
}

#header {height: 125px;}

#menu {background: #006837;
font-size: 1.5em;
width: 960px;
text-align:center;
height: 30px;
padding: 15px 0 5px 0;
margin: 0px 0 10px 0px;
position:relative;}

#menu a:link, #footer a:link {color: #FFFFFF;}
#menu a:visited, #footer a:visited {color: #FFFFFF;}
#menu a:hover, #footer a:hover {color: #FFFFFF;}

#menu li {display:inline;
padding: 10px 15px 50px 10px;
color: #FFFFFF;
position:relative;}


#menu li ul {
display:none;
position: absolute;
left:0px;
top: 45px;
width:200px;
z-index: 5;
background: #E0EFE8;
border: 1px solid #006837;
padding: 10px;
text-align:left;}

#menu ul ul ul {top: -11px;}

#menu ul li li {
font-size: 1em;
clear:both;
padding: 10px;
display:block;}

#menu li:hover ul {display:block;}

#menu li:hover ul ul {display:none;}
#menu li ul li:hover ul {display:block;}

#menu li ul li ul {left: 150px;}

#menu ul li li {color: #006837;}
#menu ul li li a:link {color: #006837;}
#menu ul li li a:visited {color: #006837;}
#menu ul li li a:hover {color: #006837;}
#menu ul li li a:active {color: #92D0E9;}



#lefttag {float:left;
position:absolute;
top:0;
left:-102px;
z-index: -2;}

#righttag {float:right;
position:absolute;
top: 0;
left:951px;
z-index: 1}

.enews {float:right;
display:block;
position:absolute;
top:-140px;
left:850px;
text-indent: -9999px;
background-image: url(/images/enews-trans.png);
width: 125px;
height: 130px;}

.enews:hover {background-position: 125px 0px;
cursor:pointer;
}

#content {font-size: 1.4em;
line-height: 1.8em;
padding: 25px 50px;
margin: 0 0 25px 0;}

#main {width: 60%;
float:right;
margin: 0 75px 0 0px;}


#article {position:relative;
width: 115%;}


#sidebar, #features {float:left;
width: 200px;
font-family: Helvetica, Arial, Futura, sans-serif;
font-size: .85em;
line-height: 1.5em;
}


#events h3 a{color: #FFF;}
#features div {width: 250px;
height: 210px;
overflow:visible;
float:left;
padding: 10px;
margin-top: -250px;}

#sidebar div {margin: 0 0 25px 0;
clear:both;}

#visitor img {float:right;}

#sidebar h3, #features h3 {font-family:georgia;
background: #006837;
color: #FFFFFF;
text-align:center;
margin: -10px;
padding: 5px;}




#fall img {float:left;
margin: 20px 10px -5px 0;}

#fall h3 {background: #B54800;
margin-bottom: 5px;}

#fall {background: #F3EAE5;
border: 1px solid #B54800;
position:relative;
top: 275px;
left: 300px;}

#birdcalls {position:relative;
top: 275px;
border: 1px solid #006837;
background: #E0EFE8;}

#birdcalls h3 {margin-bottom: 5px;}

#birdcalls p {
margin: 0px 0px 0 50px;
padding: 10px 0 0 0;}

#birdcalls li span {position:relative;
top: 12px;}

#events {
background: #E0EFE8;
border: 1px solid #006837;
padding: 10px;
margin: 0px 0 10px 0;
position:relative;
top: 20px;}

#events p {padding: 0 0 5px 0;
line-height: 1.25em;}

.dbdate {padding: 2px 0 0 0;}
#footer {clear:both;}

#footer {text-align:center;
font-size: 1.5em;
background: #006837;
margin: 50px 0;
padding: 10px;
position:relative;
top: 25px;}

#footer p {padding: 2px;
margin: 0;
color: #FFFFFF;}

/*pages*/

.right {border: 1px solid #ccc;
float:right;
padding: 5px;
margin: 0px 0px 10px 10px }

.left  {border: 1px solid #ccc;
float:left;
padding: 5px;
margin: 0px 10px 10px 0px }

fieldset {border: 1px solid #006837;
background: #E0EFE8;
width: 350px;
padding: 0px 15px 15px 15px;}

.monthbar {background: #006837;
color: #FFFFFF;
padding: 2px 0px 5px 20px;
margin: 20px 0 0 0;}

.guide #main {width: 60%;
float:left;}

.guide #footer {margin: 50px -50px -50px -50px}

.imageright {float:right;
padding: 5px;
border: 1px solid #ccc;
margin: 0 0 0 10px;}

.datetext span {margin: 0;
padding: 0;
display:block;}

.datetext span span {
padding: 0;
display:block;
position:relative;
left: -50px;}