html, body {margin: 0px;
padding: 0px;
background-color: #ffffff;
color: #312309;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90.01%;
background-image:url(../images/daturafly_tile.jpg);}
body {background:  url(../images/balsam_root.jpg) 8% 100% no-repeat; 
}
h1, h2, h3, h4, h5, h6 { color: #AC2304;
}

h1 { font-size: 140%;}
h2 { font-size: 120%;}
h3 { font-size: 100%;}
h4, h5, h6 { font-size: 90%; }
a {color: #312309;
text-decoration: underline; 
font-weight: bold;}
a:visited {color: #7A6854;}
a:hover {color: #BD3E0D;
text-decoration: none;
background-color: #FFF;}
a:active {color: #D23C02;}
a img {border: 0;}
img {display: block;}
ul, ol {margin: 0;}
dl {text-align: left;}
dt {font-weight: bold; color: #621402; margin: 1em 0 .2em 0;}
dd {margin-top: 0em; margin-left: .2em;}
/* ID Rules follow */
.classlist li {line-height: 1.8em;}
#navbar {
font-size: 11px;
text-align: left;
font-weight: bold;
width: 10em;
float: left;
margin-left: 1em;
}

#menu ul{
list-style: none;
margin: 0;
padding: 0;
}
#menu ul ul ul {
margin-left: .5em;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



#menu a {
text-decoration: none;
}
#menu a:hover {
text-decoration: underline;
}

#navbar h3 {margin: .5em 0;  border-bottom: 1px solid #AC2304; text-transform:uppercase; 
}
#navbar h2, #navbar address  {margin: 5px 0;}


#search {
position: absolute;
top: 0px;
right: 15px;
padding: .2em;
padding-top: 0;
text-align: right;
}

#masthead   { 
margin: 0; 
padding: 0;   
height: 175px;
width: 100%;
color: #ffffff; 
background-color: #000;
border-top: 3px solid #ddd;
border-bottom: 3px solid #ddd;
}

#centercolumn {
margin: 0;
padding: 0px 30px 1em 0;
margin-left: 140px;

}
#centercolumn p {line-height: 1.4em;}
#centercolumn li {list-style-type: square; line-height: 1.5em;}
#centercolumn h1, #centercolumn h2, #centercolumn h3, #centercolumn h4, #centercolumn h5, #centercolumn h6 {margin-left: 0;}
#centercolumn h2 {color: #AC2304;}
#centercolumn h3 {color: #7F1A03;}
#centercolumn h4 {color: #621402;}

#content {width: 40em;}

#rightcolumn {
width: 270px;
margin: 0;
margin-left: 1em;
text-align: center;
float: right;
line-height: normal;
border: 1px solid #ddd; 

}

#rightcolumn p {padding:  .5em 0; margin: auto;  line-height: 1.1em; font-size: .9em;}
#rightcolumn img { display: block; margin: auto; margin-top: 1em; padding: 0;}
p#upcoming {background-color: #ddd;
font-weight:bold; width: 270px; 
}
#rightcolumn dl {padding-left: 1em;}

#copyright {font-size: 90%;
padding: 1em;
padding-top: 1em;

margin-right: 30px;
font-variant:small-caps;}

#toplink {
/* Fix IE. Hide from IE Mac \*/
position: fixed;
bottom: 0px;
right: 0px;
/* End */
float: right;
padding: 2px;
border: 0px;}
#toplink img {border: 0;}
#toplink a {border: 0;}

/* Class Rules follow */

.first {padding-top: 0; margin-top: 0;}
.classics_nav { text-transform:uppercase; font-size: 90%;   text-align: center; }
.doublespace p {padding-bottom: 1.5em;}
.smcaps {font-variant:small-caps;}
.clear {clear:both;}
.inline {display: inline;} 

/* Whatever Hover Stuff for Navbar */

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

p (border: 4px solid red;)
</style>
<![endif]-->