body 
{
  color: black;
  background-color: #4141FF;
  background-image:url('images/logo3.jpg');
  text-align: left;
  background-repeat: no-repeat;
 }


#header 
{
   background-color: white;
   text-align: center;
   width: 100%;
   height: 76px;
   margin: 0px;
   font-size: 33;
   color: #A5B77B;
   z-index: 1;
   text-align: left;
   margin-right: auto;
   margin-left: 363;
   vertical-align: text-bottom;
}
.footer
{
  font-size: 10px;
  font-family: Verdana; 
  color : purple;
  text-align: center;
  width:100%;	  
}

.spacerrow 
{
   clear: all;
   width: 100%;
   height: 16px;
}

#main 
{
   border: solid purple;	
   font-size: 9px;
   background-color:white;	
   font-family: Verdana, Geneva, Arial, sans-serif; 
   text-align: left; 
   margin-right: auto;
   margin-left: auto;
   width: auto;
   height: auto;
}

.content
{
  padding: 5px 5px 5px 5px;
  
}
.content1
{
  padding: 5px 5px 5px 5px;
  font-size: 12px;
   font-family: Verdana, Geneva, Arial, sans-serif; 
   text-align:center;
  
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	width: 100%;
	display: block;
	
}

#nav a {
	text-decoration : none;
	display : block;
	color : navy;
	font-variant : small-caps;
	font-family : Verdana, Georgia;
	font-size : 12px;
	line-height: 15px;
}

#nav li { /* all list items */
	gfloat: left;
	display : block;
	font-weight: bold;
	
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #C0C0FF;
	border:1px outset purple;
	width: 140;
	font-weight: 400;
	display : none;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li 
{ 
  width: 160;
  border-bottom:1px outset purple;
  background: #C0C0FF;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left:60;
	width: 140;
	text-decoration : none;
	display: block;
}