body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
text-align: center;
}

#frame {
width: 780px;
margin-top: 2px;
margin-left: auto;
margin-right: auto;
text-align: left;
border: 1px solid gray;
background-color: #ffffff;
padding: 0 0 0 0;
}

/* Left hand navigation elements
-Navigation id selector positions the menu, controls background color, and has top left curve
-h2 has top right curve - must be included in html
-ul has bottom right curve
-final li must use bl class, which removes underline, and provides bottom left curve
*/

.t {background: url(pinkDot.gif) 0 0 repeat-x;}
.b {background: url(pinkDot.gif) 0 100% repeat-x}
.l {background: url(pinkDot.gif) 0 0 repeat-y}
.r {background: url(pinkDot.gif) 100% 0 repeat-y}

.bl {background: url(bl.gif) 0 100% no-repeat}
.br {background: url(br.gif) bottom right no-repeat;}
.tl {background: url(tl.gif) top left no-repeat}
.tr {background: url(tr.gif) top right no-repeat;}

#navigation {
float: left;
width: 140px;
font-family: Arial, Helvetica, sans-serif;
background-color: #ffcc33;
margin-top: 20px;
margin-left: 5px;
}



#navigation ul {
list-style: none;
margin: 0;
padding: 15px 0 15px 0;
}

#navigation li {
padding: 0 0 0 2px;
}


/* IE whitespace bug (for display:block links in ul) 
- see http://www.hicksdesign.co.uk/journal/ie-whitespace-bug for details of fix
*/

#navigation li a {
display: block;
width: 100%;
color: #336633;
text-decoration: none;
}


#navigation li.highlight {
display: block;
color: #330066;
font-weight: bold;
}

#navigation li a:hover {
background-color: #fff;
border-left: 1px solid #ED9F9F;
border-right: 1px solid #ED9F9F;
}


/* Textbox positions the body text  */

#textbox {
float: right;
width: 619px;
padding: 5px;
}

/*Footer positions the footer */
#footer {
clear: both;
padding: 0 0 10px 255px;
font-size: 70%;
border-top: 1px solid #000000;
}

#footer p {
padding-right: 5px;
padding-bottom: 5px;
}

.rightimg {
float: right;
border: 1px solid gray;
margin-right: 20px;
margin-bottom: 6px;
}

.footerimg {
border: 0;
float: left;
}

.logo {
padding-left: 0px;
border: 0;
}



p, h1, h2 , h3, li{font-family:verdana,geneva,arial,helvetica,sans-serif;  font-style: normal;}
a { color: #33c; font-weight: bold;}
a:hover {text-decoration: none;}
h1 { font-size: 1.3em; border-bottom: 1px solid #99f; color: #36f;}
h2 { font-size: 1.1em; border-bottom: 1px dotted #ccf; color: #36f; }
h2 a {font-weight: normal;}
h3 { font-size: 0.9em; }
p, li {color: #003; font-size: 0.8em; }
img {display: block; padding: 3px;}
.clear {font-size: 1px; height: 1px}