
		
body {
	margin: 0;
	padding: 0;
	
	/* The next three lines set up the font for the entire page, unless it is changed later in the file */
	font-size: 95%;
	font-family: georgia, times, "times new roman", serif; 
	color: #000;													
	
	background-color: #6B83A2; /* blue-gray */
	}
		
		
div#big-container {  /* All of the other div's fit in here */
	background-color: #fff;
	margin: 1%
	}		
		
		
div#banner {
	color: "black";  /* Sets text in the banner to white */
	background-color:"white";  
	border-bottom: 1px solid #000;
	height: 400px;
	}
		
div#banner img {
	float: center;		
	margin: 1em 1em .1em 2em;	
	}
		

div#banner h1 {
	margin: 0;
	padding: .8em 0 .5em .5em;
	font-size: 2.2em;
	font-weight: normal;
	color: #ff9900;
	text-align: center;
	font-family: "Comic Sans MS", "comic sans", sans-serif;
		}
		
div#container {
		/* Runs a 170 pixel-wide image down the left side for the nav links */
	background-image:  url(orangeyellowbackwards.gif); 
	background-repeat: repeat-y;
	
	}
		
div#container2 {
		/* Runs a 170 pixel-wide image down the right side for the "more info" area */
	background-image:  url(orangeyelloworange.gif);  
	background-repeat: repeat-y;
	background-position: right;
	}
		
div#navigation {
	float: left;  /* slides the nav links to the left */
	height:500px;
	width: 170px; /* makes this div the same width as the bg image */
	padding-top: 2em;
	}
		
div#navigation ul {
	list-style-type: none; /* gets rid of the bullets */
	padding: 0;
	margin: 0;
	}
		
div#navigation ul li a {	
	text-decoration: none; /* Gets rid of the link underlines */
	color: #fff;
	}

/* navigation list with buttons a - g */
ul.navig { 
	list-style: none; /* gets rid of the bullets */
	font-family: "Comic Sans MS", "comic sans", sans-serif;
	font-size: 14px;
	font-weight: 600;
	}

a.a:link { 	
	display: block;
	background:  url(button2.gif) no-repeat center center;
	width: 125px; 	/* Sets the block to the same width as the image created in Photoshop */
	text-align: center;  	/* Puts the text in the middle of the button */
	padding: 11px;
	font-family: "Comic Sans MS", "comic sans", sans-serif;
	}
	
a.a:visited { 
	display: block; 
	background:  url(button2blu-out.gif) no-repeat center center;
	width: 125px;	
	text-align: center;
	padding: 11px;
	}
		
a.a:hover	{ 
	display: block;
	background:  url(button2off.gif) no-repeat center center;
	width: 125px;	
	text-align: center;
	padding: 11px;
	}

	
a.a:active { 
	display: block;
	background:  url(button2red.gif) no-repeat center center;
	width: 125px;	
	text-align: center;
	padding: 11px;
	}

div#more {
	float: right;
	width: 135px;
	margin: 0;
	padding: 0 2em 0 0;
	color:  black;
	font-size: .9em;
	text-align:right;
	}

div#more h3	{
	font-size: 1.2em;			
	font-weight: normal;
	margin-top: 1em;
	color:  #fff;
	padding: .2 em .2em 0 .2em;
	text-align: center;
	font-family: "Comic Sans MS", "comic sans", sans-serif;
	}
		

div#content	{
	margin-left: 190px; /* Big margins keep the text off of the two side bg images */
	margin-right: 190px;
	line-height: 110%;
	}
		
h2 {
	font-size: 1.6em;
	color: #036;
	text-align: center;
	margin: 0;
	padding-top: 1em;
	font-weight: normal;
	font-family: "Comic Sans MS", "comic sans", sans-serif;
	}
		
	
.backbutton {
	text-align: center;
	}
	
.backbutton a:link, .backbutton a:visited {
	display: block;
	background: url(button2.gif) no-repeat center center;
	color: #036;
	width: 125px; 	/* Sets the block to the same width as the image created in Photoshop */
	text-decoration: none;
	text-align: center;
	padding: 9px;
	font-family: "Comic Sans MS", "comic sans", sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
		
.backbutton a:hover, .backbutton a:active {
	background: url(button2off.gif) no-repeat center center;
	color: #006;
	text-align: center;
	}	
		
#cleardiv {
	clear: both;
	height: 1em;
	}
		
div#footer{
	padding: .5em 1em;
	border: 1px solid #ccc;
	text-align: right;
	background-color: "white";
	color: #fff;
	height: 100px;			
	}
		
div#footer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
div#footer li{
	display: inline; 
	margin-right: 1em;
	}
	div#footer ul li a:link, div#footer ul li a:visited	{
	text-decoration: none;
	color: white;
	font-family: "Comic Sans MS", "comic sans", sans-serif;
	font-size: 14px;
	}
			
div#footer ul li a:hover, div#footer ul li a:active	{
	text-decoration: none;
	color: #fff;
	font-family: "Comic Sans MS", "comic sans", sans-serif;
	font-size: 14px;
	}		
	#Old {text-align:center;}
	#pic {text-align:center;}
	div#footer li {
        float: left;
        margin: 0 0.15em;}
	.style1 {color: #FFFFFF}
.style2 {color: #9A9CA6}
h1{
font-weight: normal;
	color: #036;
	text-align: center;
	font-family: "Comic Sans MS", "comic sans", sans-serif;}