@charset "UTF-8";
/* CSS Document */

body {background: #400101; 
font-size:85%; 
font-family:Geneva, Arial, Helvetica, sans-serif;
 color: #CCCCCC; 
 margin-top:2em;
 text-align:left;
 margin: 2em;

 }

h1 {font-size: 2em;



text-align:center;  border-bottom: 2px dotted #669966; borders: 2 px gray; /*Borders should be border.  There is no plural. The browser just knows that if you don't define a specific side of the border you are referring to all borders on the page. That said, if you are going to use the generic border then you don't also define a single border. It's either all in one or all separately.*/
} 



/* h1 is automatically bold*/




#wrapper {width: 85%; min-width:700px} /*like a candy wrapper: when the page shrinks, the wrapper will adjust. Wraps every page on this site within the 85% width. */


#mainNav {width: 28%; float: left; text-align:left; padding-top:2.2em;}
#content {width: 65%; float: right; border-right: dotted 2px #669966; padding-right: 2em; padding-left: 2em; border-left: dotted 2px #669966;}




a:link {color:#330000; text-decoration:none; font-weight: bold; }
a:visited {color:#810303; text-decoration:none; font-weight:bold;}
a:hover {color:#CC6666; text-decoration:none; font-weight:bold;}
a:active {color:#FFFFFF; text-decoration:none; font-weight:bold;}
img {float:left; padding-right:1em;}