div.clearer {clear: both; line-height: 0; height: 0;}

body{
background: url(i/sue_green_bkg2.gif);
margin: 0;
}

#container{
width: 650px;
margin: 0 auto;
background: #f7f7e4 url(i/leaf_bkg.gif) no-repeat;
text-align: center;
border: 2px solid #006;
border-top: 8px solid #006;
border-bottom: 3px solid #006;
}

#header{
width: 100%;
margin: 15px 9px;
text-align: left;
}

#header h1{
display: none;
}

#header p{
color: #006;
font: .85em/1em georgia, serif;
margin-top: .5em;
}

#header a{
color: #006;
text-decoration: none;
}

#header a:hover{
text-decoration: underline;
}

#content{
width: 420px;
float: right;
text-align: left;
margin: 20px 15px;
}

#content h2{
color: #003;
font: bold 1em georgia, serif;
margin-bottom: 0;
}

#content h3
{
color: #333;
font: bold italic .85em georgia, serif;
margin-bottom: 0;
}


#content p{
color: #333;
font: .85em/1.2em Trebuchet MS, sans-serif;
}

#datespage ul, #bringpage ul
{
margin-top: .2em;
}

span.datesnumber
{
font: bold 1em georgia, serif;
}

#content ul li, #content ol li{
color: #333;
font: .85em Trebuchet MS, sans-serif;
margin-bottom: 3px;
}

#content ol
{
margin-left: 2em;
padding-left: 0;
}

#side{
width: 194px;
float: right;
text-align: left;
margin-top: 20px;
}

#outernavcontainer
{
background: url(i/sue_beige_bkg.gif);
width: 168px;
margin: 0;
padding: 0;
}

#navcontainer
{
padding: 0;
width: 168px;
background: url(i/top_bkg.gif)  no-repeat top center;
margin: 0;
}


#navlist
{
margin: 0 auto 0 0;
width: 100%;
padding: 10px 0 20px 0;
background: url(i/bottom_bkg.gif) no-repeat bottom center;
list-style-type: none;
text-align: left;
}

#navcontainer ul
{


}


#navlist li 
{
margin: 10px;
}

#navlist li a
{
color: #333;
font: bold .85em georgia, serif;
text-decoration: none;
background: url(i/tri_bullet.gif) no-repeat 0 .2em;
padding: 0 0 0 1em;
display: block;
}

#navlist li a:hover
{
color: #006;
background-image: url(i/tri_bullet_blue.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
}

#side h3
{
color: #006;
font: bold .75em georgia, serif;
margin-bottom: 5px;
padding: 0;
padding-left: 10px;
}

#linksofinterest
{
margin-left: 0;
padding-left: 10px;
list-style: none;
margin-top: 0;
padding-top: 0;
}

#linksofinterest li
{
padding-bottom: 5px;
}

#linksofinterest li a
{
font: .75em Trebuchet MS, sans-serif;
text-decoration: none;
color: #333;
}

#linksofinterest li a:hover
{
text-decoration: underline;
}