/* CSS Document */

body{
   
   margin:0px;
   padding:0px;
   text-align: center ;
   font-family: Arial, sans-serif;
   background-color: #ffffcc;
   min-width:800px;
   margin-top: 20px;
   margin-bottom:10px;
   }
   
#wrapper {

        text-align: left;
		width: 800px;
		margin-left: auto;
		margin-right:auto;
		border: outset 5 px #9EC0D1;
		
		}
   

   
a{
   text-decoration:none;
   font-size:110%;
   }
   
a:link{
   color: #4682b4;
   background-color:transparent;
   }
   
a:visited{
   color: #a52a2a;
   }
   
a:hover{
   color:#a52a2a;
   font-weight:bold;
   }
   
   
 #main{
   width:800px;
   margin:0px;
   padding: 0px;
   
  
   
   }
   
  
   

#content{
   margin: 0px;
   background-color: white;
   padding: 10px  ;
   }

#header{
   margin: 0px;
   padding:0px;
   background-color: white;
   
  }
 

#footer{
   clear:both;
   background-color: white;
   margin:0px;
   padding:0px;
   margin:0px;
   
   
   }
   

   
h1{
	
  font-family:"Comic Sans MS", cursive;
  font-size: 110%;
  color: white;
  text-align:center;
  }
  
h2{
   font-family:"Bradley Hand ITC" ;
   font-size:100%;
   font-weight:bold;
   color:#a52a2a;
   }
   
h3{
   font-family: Garamond;
   font-size:80%;
   text-align:center;
   }
   
h4{
   font-family:"Bradley Hand ITC";
   font-weight: bold;
   text-align:right;
   }
   
h5{
   font-family: Garamond;
   font-size:90%;
   
   }
   
h6{
   font-family: "Arial, sans-serif";
   font-size:70%;
   text-align:center;
   color:orange;
   }

 P { 
   text-align:left;
   font-family: Garamond;
   font-size:100%;
   color: black;
   text-indent: .5em;
   } 
   
 ul {
	  font-size:12px;
 }
   
.odd {
     background-color: white;
	 }
	 
.even {
     background-color: yellow;
	 }
	 
.head {
     background-color: lightblue;
	 }
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	padding-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	padding-right: 8px;
}
table {
     border: 1px solid black;
	 border-spacing: 0;
	 }
	 
th {
   padding: 4px 6px ;
   border: 1px solid black;
   }