/* CSS Document */

body { font-family:"Times New Roman", Times, serif;
 font-size:100%;
 background-color:#090;
 background-image:url(../images/body.gif);
 text-align:left;
 margin:auto; 
 color:#000;
 width:800px; }
 
p { font-size:95%; margin:8px 8px 8px 0px; color:#330; }
h1 { font-family:"Times New Roman", Times, serif;
font-size:110%;
font-style:italic;
color:#600;
text-align:center;
padding:0px 0px 5px 0px;}

h2 { font-family:"Times New Roman", Times, serif;
font-size:115%;
font-style:italic;
color:#330;
text-align:center;
padding:5px 0px 5px 0px;}
a:link {

	color: #060;
	text-decoration: none;}
a:visited {

	text-decoration: none;
	color: #060;}
a:hover {

	text-decoration: underline;
	color: #600;}
.maroon1 {border:1px solid #600;}	
.white2 {border:2px solid white;}	
.white6 {border:10px solid white;}
/* hr is being used as a spacer to end 2 column divs */
hr {color:#DF7000; background-color:#DF7000; }
#outerwrap {width:800px; background-color:#ffc;background-image:url(../images/parchment.gif); background-position:center; margin:10px 0px 10px 0px; padding:2px 0 1px 0; }	
#banner {width:774px; border:1px solid #600; text-align:center; margin:0px 2px 2px 2px; padding:20px 10px 10px 10px; }

#mainwrap {border:1px solid #600; margin:0px 2px 2px 2px;}
#nav {float:left; width:154px; padding:80px 0px 0px 12px; }
#nav li {margin-bottom:15px;
padding-right:8px;
padding-left:8px;
line-height:95%; }
#main {width:588px; margin:0 0 0 166px; padding:30px 20px 10px 20px; text-align:left; }
#main li {margin-bottom:15px;
padding-right:8px;
padding-left:28px;
 color:#330;  }
#main h2 {font-size:120%; font-style:normal; color:#600;}
#footer {width:774px; border:1px solid #600; text-align:center; margin:0px 2px 1px 2px; padding:5px 10px 10px 10px; }
#footer p{ font-size:95%; margin:0 0 0 0 ; color:#330; }
#footer span {font-size:85%;}
#copyright {text-align:center; margin-bottom:30px;}
#copyright p { font-size:85%; color:#FFF;}

/*styles below are for 2col-wrap and divs within*/
#main {background-image:url(../images/parchment.gif);}
#main img {margin:10px 0px 0px 0px;}
.2col-wrap {width:588px; padding:0 0 0 0;}

.left-col {width:291px; padding:0px 3px 0px 0px;  float:left;}
.right-col {width:292px; padding:0px 0px 0px 2px; float:right;}
/*styles below are for h3's within "main" div */
.main-h3 {  width:100%; color:#060; padding:0px 0px 2px 15px;  border-bottom:1px solid #618f52;background-color:white;}
/*use this div around elements that I want to center in the main div */
.center {width:100%;text-align:center;}
/*to center text use this class*/
main li span .center {text-align:center}