body 
{
	margin: 20px 0;
	padding: 0;
	background: #c0c0c0;
	font: normal small Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}






/* Header */

#header {
	width: 720px;
	height: 142px;
	margin: 0 auto;
	background: url(photo/header.png);
}



/* Content */

#content {
	width: 708px;
	margin: 0 auto;
	padding: 0;
	background: #0000ff;
	border: 6px solid #000000;
	border-top: none;
}



/* Menu */

#menu {
	width: 720px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

/*This section controls the look of the Menu Text*/
#menu a {
	display: block;
	float: left;
	height: 15px;
	padding: 10px 8px 0 8px;
	text-align: center;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: -1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #FFFFFF;
}



#menu a:hover {
	color: #ff0000;  /*when you hover over the menu links, they turn RED*/
}



/* Column One */

#colOne {
	float: left;
	width: 428px;
	padding: 20px 0 0 23px;
}



/* Column Two */

#colTwo {
	float: right;
	width: 228px;
	padding: 20px 23px 0 0;
}


/* Footer */

#footer {
	clear: both;
	width: 540px;
	margin: 0 auto;
	padding: 10px 0;
	border-top: 1px solid #FFFFFF;
}

#footer p {
	text-align: center;
	font-size: xx-small;
}


/*-----------------------------------------------------------------------TABLE*/

table { 
font-family : Arial;
font-size: x-small;  
background: blue;  
border: 6px #ff0000 ridge;  
border-spacing: 0px;  
}

th {
text-align: left;
color: black;  
background: #aff2f8;    /*===================Here the Awful Blue Color!====================*/
padding: 4px;  
border: 2px #ff0000;  
}    
  
td {
color: white;  
background: #0000ff;  
padding: 4px;  
border: 2px #ff0000;  
}  

/*-----------------------------------------------------------------------TABLE*/



/*
------------------------------Comment: The following code center aligns an Image within a Div
*/
 .centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }
    
 /*
------------------------------Comment: The following code center aligns text within a Div
*/   
	.centeralign
     {
     text-align:center
     }


	/*
------------------------------Comment:  The following is the code for the Horizontal Rule
*/
 
 .rule 
 {                                         
       border-top-width: 1px;
       border-top-style: solid;
       border-color: #FFFFFF; 
       margin: .5%;
  }

/*
------------------------------------------Comment:  END Horizontal Rule code
*/ 

/*------------------------------Here's some code to make a picture 290px wide float left
*/

.floatleft
{
float: left;
width: 290px;
margin: 16px 2 2 2;
background-color: #a8cffe;
}


/*==========================Text Stylings and Headers===================*/

  h1{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 4px;
}

h2{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 2px;
	font-variant: small-caps;
	font-size: 24px;
	color: #FF0000;
}

h3{
	font-variant: normal;
	font-size:14px;
	color: #ff0000;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	padding: 0;
	font-family: cursive;
}

h5{
	font-variant: normal;
	font-size:12px;
	color: #ffffff;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	padding: 0;
	font-family: cursive;
}

blockquote {
	font-style: italic;
}


/*This gives the link it's size and color!*/
a {
	font-size:12px;
	color: #00ff00;
}