body {
/**	margin-left: 10%;
	margin-right: 10%;
**/
	background-color: #333339;
	color: #FFFFFF;
	font-family: arial, Geneva, Helvetica, san-serif; 
}

div {
background-color: #444449;
	color: #FFFFFF;
	font-family: arial, Geneva, Helvetica, san-serif; 
}
#topbar {	
	font-family:  arial, Geneva, Helvetica, san-serif; 
	font-size: 15px; 
	text-decoration: none; 
	font-weight: bold; 
	color: #FFFF99;
	text-align: center; 
	border: 2px solid #667e84;
	background-color: #CC0033;
	padding: 3px;
	
}

#topbar a:link, #topbar a:visited { 
	text-decoration: none; font-family:  arial, Geneva, Helvetica, san-serif; color: #FFFF99; font-size: 15px; }
#topbar a:active, #topbar a:hover { 
	text-decoration: none; font-family:  arial, Geneva, Helvetica, san-serif; color: #FDFCEA; font-size: 15px; }                         

a {
	color: #CC3333;
}

div.float {
  float: left;
  width: 30%;
  padding: 5px;
  }
  
div.float p {
   text-align: center;
   }

div.float-long {
  float: left;
  width: 45%;
  padding: 5px;
  }
  
div.float-long p {
   text-align: center;

   }


div.block {
	border: 2px solid #667e84;
	padding: 10px;
	overflow: auto;
	margin-top: 5px;
}

div.clear {
	clear: both;
}

img.photo {
	padding: 5px;
	padding-right: 10px;
	border: none;
}

h1, h2, h3 {
	margin: auto;
	color: #667E84;
	text-align: center;
	padding-bottom: 5px;
}

h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 2em;
}


h3 {
	text-align: left;
	font-size: 1.5em;
	padding-bottom: 2px;
	margin-bottom:0px;
}

table.listing {
	border: 1px solid #667E84;
}

tr.listing{
	background-color: #444449;
	color: #FFFFFF;
 
}

tr.listinghover {
	background-color: #303035;
	color: #FFFFFF;

}