html {
background-color: Black;
padding:          0px;
margin:           0px;
border:           none;
}
body {
margin-top:       20px;
margin-bottom:    1em;
margin-left:      7%;
margin-right:     7%;
color:            #111;
background-color: white;  
font-family:      Helvetica, sans-serif;
text-align:       justify;
padding-bottom:   0px;
}
img {
border-color: 	  white;
}
.spacing{
border:			  20px white;
}
div {
padding:          1em 5em 1em 2em;
}
/*DEFAULT stylesfor LINKS*/
a img {
border:           0px white;
margin:           0px;
padding:          0px;
}
a:link {
text-decoration:  none;
color:            blue;
}
a:visited {
text-decoration:  none;
color:            purple;
}
a:hover {
text-decoration:  underline;
color:            #165788;
}
a:active {
text-decoration:  none;
color:            blue;
}
/*FOOTER STYLINGS */
#footer {
border:           1px solid black;
border-left:      0px;
border-right:     0px; 
margin:           0px;
background-color: #edebd5;
}
#footer span{
font-size:        .75em;
text-align:       center;
display:          block;
}
/* BEGIN STYLES FOR THE TOP MENU 
  * Thanks to the Dynamic Drive CSS Library for the starting styles that I built this off of.
  * Check out many great examples at
  * URL: http://www.dynamicdrive.com/style/ 
  */
.top_menu{
padding:          0px;
width:            100%;
font-weight:      bold;
font-size:        90%;
font-family:      Verdana;
background-color: black;
}
.top_menu a, .top_menu a:link, .top_menu a:hover, .top_menu a:active, .top_menu a:visited {
text-decoration:  none;
color:            white;
}
.top_menu ul{
border:           0px;    
width:            100%;
background:       url("images/normal_background.gif") center center repeat-x;
padding:          5px 0px; 
margin:           0px;
text-align:       center; 
font-size:        1.00em;
clear:            both;
}
.top_menu ul li{
display:          inline;
}
.top_menu  li a{
padding:          5px;
margin:           0px;
text-decoration:  none;
border:           0px;
}
.top_menu li a:hover{
background:       url(images/on_hover.gif) center center;
color:            white;
}
.top_menu li a:active{
background:       url(images/on_click.gif) center center repeat-x;
color:            #FC3;
}
/*Styles Specifically for the FIRST ROW of the MENU--must come after the other styles for inheritance reasons */
#top_menu_first_row {
margin:           0px;
padding-top:      0px;
padding-bottom:   0px;
overflow:         visible;
background-color: #edebd5;
background-image: none;
border:           0px;
clear:            none;
}
#top_menu_link {
text-decoration:  none;
color:            white;
}
#top_menu_logo {
border:           none;
margin:           0px;
padding:          0px;
vertical-align:   middle;
}
#top_menu_heading {
color:            black;
font-size:        2em;
text-align:       center;
margin:           0px;
padding:          5px;
clear:            none;
display:          inline;
}