body 
{
background-image: url(images/background.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 0.8em;
text-align: center;
}

a:link
{
color: #996633;
font-weight: normal;
text-decoration: underline;
}

a:visited
{
color: #996633;
font-weight: normal;
text-decoration: underline;
}


a:hover
{
color: #996633;
font-weight: normal;
text-decoration: underline;
}


/*centered in page*/
#container 
{
background-color: #ffffff;
border: 1px solid #ceaf85;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 800px;
}

#header
{
background-color: #f5edde;
border-bottom: 1px solid #ceaf85;
font-size: 0.75em;
height: 130px;
margin: 0px;
padding: 10px;
width: 780px !important; /*moz width*/
width: 800px; /*IE width*/
}

/*logo*/
#headerleft  
{
float: left;
margin-left: 0;
text-align: left;
width: 400px;
}

/*address & contact info, hours*/
#headerright  
{
float: right;
text-align: right;
width: 300px;
}

#top h1
{
margin: 0;
padding: 0;
}

/*left navigation buttons plus comments & quotes*/
#leftnav  
{
clear: both;
float: left;
margin: 0px;
padding: 10px;
width: 170px !important; /*moz width*/
width: 190px; /*IE width*/
}

#leftnav p 
{
font-size: 0.9em;
font-style: italic;
}

#leftnav h1
{
color: #996633;
font-size: 1.0em;
margin: 0;
padding: 0;
text-align: left;
}

#leftnav td
{
font-size: 0.7em;
text-align: center;
}

/*main body of page*/
#content  
{
margin-left: 200px;
padding: 10px;
width: 480px !important; /*moz width*/
width: 500px; /*IE width*/
}

#content h1
{
color: #996633;
font-size: 1.5em;
margin: 0;
padding: 0;
}

#content h2 
{
font-size: 1.0em;
font-weight: bold;
}

#content table
{
border-color: #996633;
border-spacing: 10px;
border-style: solid;
border-width: 1px;
}

#content th
{
background-color: #ceaf85;
border-color: #996633;
font-size: 0.8em;
font-weight: normal;
text-align: center;
}

#content td
{
border-color: #996633;
border-width: 1px;
border-style: solid;
font-size: 0.8em;
}

#content a:link 
{
background-color: #ffffff;
color: #996633;
}

#content a:visited
{
background-color: #ffffff;
color: #996633;
}

#content a:hover
{
background-color: #ffffff;
color: #996633;
}



/*sections for class descriptions*/
.scrapclass 
{
clear: both;
margin-left: 200px;
padding: 10px;
width: 480px !important; /*moz width*/
width: 500px; /*IE width*/
}

/*class description titles*/
.scrapclass h2  
{
font-size: 1.0em;
font-weight: bold;
}


#footer
{
clear: both;
background-color: #f5edde;
border-top: 1px solid #ceaf85;
height: 10px !important; /*moz height*/
height: 30px; /*IE height*/
margin: 0px;
padding: 10px;
width: 780px !important; /*moz width*/
width: 800px; /*IE width*/
}

/*copyright*/
#footerleft 
{
float: left;
font-size: 0.75em;
text-align: left;
width: 400px;
}

/*design credit for collective discovery*/
#footerright
{
float: right;
font-size: 0.75em;
text-align: right;
width: 300px;
}

/*container for all navigation buttons*/
#navcontainer 
{
float: left;
text-align: left;
width: 180px !important; /*moz width*/
width: 200px; /*IE width*/
}

/*create nav buttons using a list*/
#navcontainer ul 
{
font-family: Verdana, sans-serif;
list-style-type: none; /*remove default bullets*/
margin: 0;
padding: 0;
}

/*actual list items*/
#navcontainer li  
{
margin: 0 0 3px 0;
}

/*button links*/
#navcontainer a 
{
background-color: #ceaf85;
border: 1px solid #333;
display: block;
padding: 2px 2px 2px 10px;
width: 172px !important; /*moz width*/
width: 180px; /*IE width*/
}

/*behavior of buttons not for current page*/
#navcontainer a:link, a:visited 
{
background-color: #ceaf85;
color: #333;
text-decoration: none;
}

/*change background image when reader hovers over button*/
#navcontainer a:hover 
{
background-image: url(images/background.gif);
border: 1px solid #333;
color: #333;
}

/*behavior of buttons for current page*/
#active a:link, #active a:visited, #active a:hover 
{
background-image: url(images/background.gif);
border: 1px solid #333;
color: #333;
}


/*--- table 1 ------------------------------------------------*/

#content table.table2
{
border-collapse: collapse;
border-color: #fff;
border-spacing: 0px;
border-style: solid;
border-width: 0px;
}

#content table.table2 th  
{
background-color: #1f218d;
border-color: #fff;
border-width: 0px;
border-style: solid;
color: #fff;
padding: 0 1.0em;
vertical-align: top;
}

#content table.table2 td 
{
background-color: #fff;
border-color: #fff;
border-width: 0px;
border-style: solid;
padding: 0 1.0em;
vertical-align: top;
}