body
{
font-family: 'Comic Sans MS', Arial, Helvetica, serif;
font-weight: normal; 
font-style: normal;
font-size: 10pt;
text-decoration: none; 
margin: 0;
padding: 0;
background-color: #AAAAAA;
}

#container
{
width: 800px;
color: #333;
border: 1px solid gray;
line-height: 140%;
margin: 0 auto;
padding: 0;
position: relative;
background-color: #FFFFFF;
}

#container h1
{
font-size: 20pt;
color: #003366;
background-color: transparent;
}

#container h2
{
font-size: 18pt;
color: #003366;
background-color: transparent;
line-height: 110%;
}

#container h3
{
font-size: 14pt;
color: #003366;
background-color: transparent;
}

#container h4
{
font-size: 12pt;
color: #003366;
background-color: transparent;
}

#container a
{
color: #00008b;
text-decoration: underline; 
}

#container a:hover
{
color: maroon;
}

#container a img
{
margin: 2px;
padding: 0;
border: none;
}

#top
{
padding: 0;
margin: 0;
text-align: center;
height: 210px;
background-image: url(Waterstein_1x1.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#topcol1
{
padding: 0;
margin: 0;
float: left;
}

#topcol2
{
padding: 0;
margin: 0;
text-align: center;
}

#top h1
{
padding: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
margin-top: 30px;
color: white;
}

#top h2
{
padding: 0;
margin: 0;
font-size: 8pt;
color: white;
font-weight: normal; 
font-style: normal;
text-decoration: none;
}

#navbar
{
color: #FFFFFF;
text-align: center;
padding: 0;
margin: 0;
clear: left;
position: absolute;
top: 175px;
right: 0px;
}

ul#navlist
{
padding: 0;
margin: 0;
list-style-type: none;
color: #FFFFFF;
}

ul#navlist li
{
display: inline;
}

ul#navlist a
{
float: left;
color: #FFFFFF;
background-color: transparent;
padding: 2px 10px;
text-decoration: none;
font-weight: bold;
border-left: 1px solid #AAAAAA;
border-top: 1px solid #AAAAAA;
border-bottom: 1px solid #FFFFFF;
font-size: 14px;
width: 70px; /* actual value */
}

ul#navlist a:hover
{
color: maroon;

}

ul#navlist #active a
{
float: left;
color: white;
background-color: maroon;
padding: 2px 10px;
text-decoration: none;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid maroon;
font-size: 14px;
width: 70px; /* actual value */
}

#leftnav
{
margin: 0;
padding: 0;
/*overflow: hidden;*/
background-image: url(Waterstein_2x1.jpg);
background-position: top left;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 210px;
width: 180px;
}

#leftnavbar
{
margin-top: 0;
}

#leftnavbar ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
font-size: 16px;
}

#leftnavbar a
{
display: block;
color: #003366;
background-color: transparent; /*#003366;*/
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid maroon;
font-weight: bold;
width: 120px; /* actual value */
}

#leftnavbar a:hover
{
background-color: maroon;
color: #FFF;
}

#leftnavbar li li a
{
display: block;
color: #003366;
background-color: transparent;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid maroon;
font-weight: normal;
}

#rightnav
{
float: right;
width: 140px;
margin: 0;
padding: 0;
}

#content
{
margin: 0 0 0 179px;
padding: 0 5px 5px 0;
background-image: url(Waterstein_2x2.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color: white;
width: 616px; /* actual value */
}

#content h1
{
text-align: center;
margin: 0;
padding: 25px 0 20px 0;
border-left: 1px solid #AAAAAA;
}

#contentonecol
{
margin: 0 0 0 179px;
padding: 0 5px 5px 5px;
background-image: url(Waterstein_2x2.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color: white;
border-left: 1px solid #AAAAAA;
width: 610px; /* actual value */
}

#contentonecol h1
{
text-align: center;
margin: 0;
padding: 25px 0 20px 0;
}

.leftcol
{
margin: 0;
text-align: left;
padding: 5px;
border-left: 1px solid #AAAAAA;
}

.rightcol
{
float: right;
margin: 5px;
text-align: left;
padding: 5px;
border-bottom: 1px solid gray;
width: 300px; /* actual value */
}

.leftcolfirst
{
margin: 0;
text-align: left;
padding: 5px;
width: 280px; /* actual value */
border-left: 1px solid #AAAAAA;
float: left;
}

.rightcolfirst
{
margin: 5px;
text-align: left;
padding: 5px;
border-bottom: 1px solid gray;
width:290px;
float: right;
}

.leftcoleven
{
float: left;
margin: 0;
text-align: left;
padding: 5px;
width: 350px; /* actual value */
}

.rightcoleven
{
float: left;
margin: 0;
text-align: left;
padding: 5px;
}

.clearboth { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }

#footer      
{
clear: both;
margin: 0;
padding: 5px;
background-color: #EEEEEE;
border-top: 1px solid gray;
color: #003366;
text-align: center;
width: 790px;
}

#leftnav p, #rightnav p { margin: 0 0 10px 0; }
#content h2 { margin: 0 0 5px 0; }

.floatright
{
float: right;
}

.floatleft
{
float: left;
}

.floatimgright
{
float: right;
margin: 5px 0px 5px 5px;
clear: right;
font-size: 8pt;
font-family: "Comic Sans MS", Arial, Helvetica, serif;
font-weight: normal; 
font-style: italic;
text-decoration: none;
text-align: center;
color: maroon;
line-height: 120%;
border: none;
}

.floatimgleft
{
float: left;
margin: 5px 5px 5px 0px;
clear: left;
font-size: 8pt;
font-family: "Comic Sans MS", Arial, Helvetica, serif;
font-weight: normal; 
font-style: italic;
text-decoration: none;
text-align: center;
color: maroon;
line-height: 120%;
border: none;
}

.cottagepanel
{
margin: 10px auto 10px auto;
padding: 2px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, serif;
font-weight: normal; 
font-style: normal;
text-decoration: none;
text-align: center;
line-height: 100%;
width: 170px;
background-color: #EEEEEE;
}

.dropcap
{
float: left;
width: 37px;
font-size: 35px;
line-height: 97%;
}

#mapcontainer
{
float: right;
margin: 0 0 10px 0;
padding: 5px;
text-align: center;
font-size: 8pt;
line-height: 100%;
width: 400px; /* actual value */
}

.walkpanel
{
display: inline;
float: left;
margin: 0;
padding: 5px;
width: 290px; /* actual value */
}

#container .birdspecies
{
display: block;
padding: 0;
margin: 0 75px 10px 75px;
font-size: 10pt;
font-family: "Comic Sans MS", Arial, Helvetica, serif;
font-weight: normal; 
font-style: normal;
text-decoration: none;
text-align: left;
line-height: 120%;
}

#container .birdspecies h4
{
padding: 0;
margin: 0 0 2px 0;
font-size: 12pt;
font-family: "Comic Sans MS", Arial, Helvetica, serif;
font-weight: normal; 
font-style: normal;
text-decoration: none;
text-align: left;
color: black;
border-bottom: 1px solid gray;
}

.throughtheseasons
{
margin: 0;
padding: 0;
width: 100%;
}

.season
{
margin: 0;
padding: 0;
width: 100%;
}

.seasonname
{
display: inline;
float: left;
width: 1em;
margin: 0;
padding: 2px;
font-size: 24pt;
line-height: 120%;
background-color: maroon;
color: white;
text-align: center;
}

.seasonholder
{
display: inline;
float: left;
margin: 0;
padding: 0;
}

.seasonmonth
{
display: inline;
float: left;
width: 180px;
margin: 0;
padding: 0;
text-align: center;
}

.seasoncontent
{
display: inline;
float: left;
width: 180px;
margin: 0;
padding: 0 5px 0 5px;
/*border-top: 1px solid maroon;*/
}

.seasontimes 
{
display: inline;
float: left;
width: 180px;
margin: 0;
padding: 0 5px 0 5px;
color: #666666;
font-size: 8pt;
text-align: center;
}

.civilfootnote
{
border-top: 1px solid gray;
padding: 1px 4px;
margin: 0;
color: #666666;
font-family: Verdana, Arial, Helvetica, serif;
font-weight: normal; 
font-style: normal;
font-size: 8pt;
text-decoration: none;
text-align: left;
line-height: 120%;
}

#container .civilfootnote h1
{
padding: 0;
margin: 0;
color: #666666;
font-family: Verdana, Arial, Helvetica, serif;
font-weight: normal; 
font-style: normal;
font-size: 8pt;
text-decoration: underline;
text-align: left;
}

.highlights
{
margin: 10px;
padding: 0;
height: 160px;
overflow: auto;
border: 1px solid gray;
}

td
{
vertical-align: top;
}

small
{
font-size: 10px;
line-height: 115%;
}

.floatimgleft small
{
color: black;
font-style: normal;
text-align: left;
}

.temperatures
{
	background-color: black;
	border: 1px solid black;
}

.temperatures th
{
	background-color: #CCCCCC;
}

.tRow0
{
	background-color: #FFFFFF;
}

.tRow1
{
	background-color: #EEEEEE;
}

.newFeature
{
	position: absolute;
	margin: 0px!important;
	padding: 0px!important;
}