@charset "utf-8";
/* CSS Document */
#container /*containers wrap around the entire page's content*/
{
width: 750px; /*to get content to sit away from the edge of the browser window and to set width and margins on the main DIV that wraps around the content*/
margin: 0px auto;/* to center the div in the viewport, auto margins to left and right. To move away from top and bottom a margin of 10px is used. For IE6 quirks see this url for centering code http://www.maxdesign.com.au/presentation/center/*/ 
background-color: #fff;
color: #333;
border-top: 1px solid gray;
border-right: 3px groove black;
border-bottom: 1px solid gray;
border-left: 1px solid gray;/*to add increased readability, increase overall line height of text. It will cascade down throughout all divs "line-height: 130%"*/
}
#top/*banner div*/
{
padding: 0em;
margin:0em;
background-color: #000000;
border-bottom: 1px solid gray;
}
#top h1 /* for text in banner*/
{
padding: 0;
margin: 0;
}
#leftnav /*when a div is set to float, a width must also be included*/
{
float: left;
width: 150px;
margin: 10px auto; 
padding: 2px;


}
#leftnav ul { 
list-style-type: none; 
margin: 0px auto;
padding: 3px 5px 3px 3px;
}
#leftnav a { 
display: block; 
color: #DEDECA;
background-color: #b55a48;
width: 150px;
padding: 3px 5px 3px 3px;
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #036;
border-bottom: 1px solid #036;
}
#leftnav a:hover
{
background-color: #369;
color: #FFF;
border-top: 1px solid #036;
border-left: 1px solid #036;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#leftnav li 
{ margin: 0 0 5px 0; 
padding: 3px 5px 3px 3px;}
#active a
{
display: block;
color: #FFF;
background-color: #600;
width: 9em;
padding: .2em .8em;
text-decoration: none;
}

#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
}
#content
{
	margin-left: 180px;
	border-left: 1px solid gray;
	margin-top: 0px;
	margin-right: 0px;
	border-right: 0px;
	padding: 5px;
	max-width: 40em/*If you want to set a maximum width on your main content  IE browsers will ignore the rule, other standards compliant browsers will not allow the content area to go wider.*/;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-color: #333;

}
#footer
{
	clear: both;/* forces footer past content above it*/
	margin: 0;
	padding: .5em;
	background-color:#DEDECA;
	border-top: 1px solid gray;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, "serif 8px";
	font-size: 80%;

}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }/*oBrowsers use different amounts of margin above paragraphs and headings. To remove the space above content in the "lefnav", "rightnav" and "content" divs.  It is safe to remove all top margins, as long as there are bottom margins to keep the paragaphs and headings seperate from elements below them*/



button {
	color: #b55a48;
	list-style-position: outside;
	list-style-type: square;
	list-style-image: none;
}
#container #content2 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #0033FF;
	text-decoration: underline;
}
.style84 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}