html { background:#fcf9ef url(images/html_bg.jpg) top center repeat-y; }

* { font-size:13px; }

BODY
{
margin:0;
}

TABLE
{
font-family: verdana;
font-size:x-small;
margin:0; 
padding:0;
border-spacing: 0;
border: 0;
border-collapse: collapse;
vertical-align:top;

}

td {padding: 0; vertical-align:top;}


.white
{
color: #ffffff;
font-size: xx-small;
padding-top:9px;
}

.footer
{
font-size: xx-small;
background-color: #f3eacb;
}

.footer A
{
color:#000000;
}

.footer A:hover
{
color:#006633;
}

.nav
{
color: #ffffff;
font-family: verdana;
font-size:x-small;
font-weight:bold;
vertical-align:middle;
background-color:#339966;
height: 30;
width: 190;
}

.nav A
{
color: #ffffff;
font-family: verdana;
font-size:x-small;
text-decoration:none;
font-weight:bold;
vertical-align:middle;
background-color:#339966;
height: 30;
width: 190;
}

.nav A:hover
{
color: #ffffff;
font-family: verdana;
font-size:x-small;
font-weight:bold;
vertical-align:middle;
background-color:#0d794e;
height: 30;
width: 190;
}

.nav2
{
color: #ffff99;
font-family: verdana;
font-size:x-small;
font-weight:bold;
vertical-align:middle;
background-color:#339966;
}

.nav2 A
{
color: #ffff99;
font-family: verdana;
font-size:x-small;
text-decoration:none;
font-weight:bold;
vertical-align:middle;
background-color:#339966;
height: 30;
width: 190;
}

.nav2 A:hover
{
color: #ffff99;
font-family: verdana;
font-size:x-small;
font-weight:bold;
vertical-align:middle;
background-color:#0d794e;
height: 30;
width: 190;
}

A
{
color:#006633;
}

A:hover
{
color:#339966;
}

H1
{
font-family:monotype corsiva,verdana;
font-size:30pt;
color:#006633;
display:inline;
}

H2
{
font-size:X-SMALL;
color:#006633;
display:inline;
}

h3 {
    font-size:18px;
    color:#063;
    font-weight:bold;
}

h4 {
font-size: 12px;
color: #006633;
font-weight: bold;
}

#dropmenudiv{
position:absolute;
background-color: #339966;
border:1px solid #000000;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:28px;
z-index:100;
text-align:left;

}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 7px;
border-bottom: 1px solid #000000;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color:black;
font:normal 11px Verdana;
line-height:22px;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #0d794e;
color:white;
}



/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
list-style-type: square;
width: 135px;
background-color: #FFFFB9;
}

.greentitles { color: #006633; }
.year { color: #FFFFFF; font-weight: bold; background-color: #006633; height: 22px; padding: 2px 0px 0px 5px; }

/* nice bullet style added by Danny */
.dot, .dot2 { list-style:none; padding-left:0px; }
.dot li { background:url(images/dot.jpg) top left no-repeat; padding:6px 0px 7px 18px; margin-left:0px;}
.dot2 li { background:url(images/dot2.gif) top left no-repeat; padding:6px 0px 7px 18px; margin-left:0px;}

div.box { margin-left:50px; padding:20px; width:400px; background:#e9debb url(images/box.jpg) top center repeat-x;}

p.bigger b {font-size:16px; font-weight:bold;}