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;
}

#container
{
width: 100%;
color: #333;
line-height: 140%;
margin: 0 auto;
padding: 0;
background-color: #FFFFAA;
background-repeat: repeat-x;
background-position: top right;
}

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

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

#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;
background-color: #003366;
border-bottom: 1px solid gray;
text-align: center;
display: none;
}

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

#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;
text-align: center;
}

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

#navbar
{
color: #FFFFFF;
background: #000000;
text-align: center;
width: 100%;
padding: 0;
margin: 0;
clear: left;
display: none;
}

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: #000000;
padding: 2px 10px;
text-decoration: none;
border-left: 1px solid #FFFFFF;
font-size: 14px;
width: 121px; /* hack for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 100px; /* actual value */
}

html>body ul#navlist a
{
width: 100px;
}

ul#navlist a:hover
{
color: #000000;
background-color: #FFFFFF;
}

ul#navlist #active a
{
float: left;
color: white;
background-color: maroon;
padding: 2px 10px;
text-decoration: none;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid black;
font-size: 14px;
width: 121px; /* hack for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 100px; /* actual value */
}

#leftnav
{
float: left;
width: 140px;
margin: 0;
padding: 0;
overflow: hidden;
display: none;
}

#logo
{
margin: 0;
padding: 0;
}

#logo a
{
display: block;
border-bottom: 1px solid gray;
color: white;
background-color: maroon;
font-size: 12pt;
text-decoration: none;
padding: 4px;
width: 140px; /* hack for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 140px; /* actual value */
}

html>body #logo a
{
width: 140px;
}

#logo a:hover
{
color: maroon;
background-color: white;
text-decoration: none;
}

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

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

#leftnavbar a
{
display: block;
color: #FFF;
background-color: #003366;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
width: 140px;
}

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

#leftnavbar li li a
{
display: block;
color: #FFF;
background-color: #69C;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
width: 140px;
}

#rightnav
{
float: right;
width: 50%;
margin: 0;
padding: 0;
}

#content
{
margin: 0;
background-color: #ffffcc;
padding: 12px;
}

html>body #content
{
width: 100%;
}

#content h1
{
text-align: center;
}

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

.rightcol
{
float: right;
margin: 0;
text-align: left;
padding: 5px;
border-bottom: 1px solid gray;
width: 410px; /* hack for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 50%; /* actual value */
}

html>body .rightcol
{
width: 50%;
}

.leftcoleven
{
float: left;
margin: 0;
text-align: left;
padding: 5px;
width: 360px; /* hack for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 50%; /* actual value */
}

html>body .leftcoleven
{
width: 50%;
}

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

.clearboth { clear: both; }

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

#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: 0 0 10px 0;
padding: 0;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, serif;
font-weight: normal; 
font-style: normal;
text-decoration: none;
text-align: center;
line-height: 100%;
width: 90%;
}

.cottagedata
{
display: inline;
float: right;
margin: 0 2px 0 0;
padding: 2px;
background-color: #FFFF99;
}

.dropcap
{
float: left;
width: 0.7em;
font-size: 4em;
line-height: 83%;
}

#mapcontainer
{
float: right;
margin: 0 0 10px 0;
padding: 5px;
text-align: center;
font-size: 8pt;
line-height: 100%;
width: 410px; /* hack for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 400px; /* actual value */
}

html>body #mapcontainer
{
width: 400px;
}

.walkpanel
{
display: inline;
float: left;
margin: 0;
padding: 5px;
width: 230px; /* hack for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 220px; /* actual value */
}

html>body .walkpanel
{
width: 220px;
}

#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;
}