/* CSS Document */

body, td, #txtDetails { font-family: "Arial", "Helvetica", sans-serif }

 A:link { COLOR: #0000ff; TEXT-DECORATION: none }
 A:visited {COLOR: #0000ff; TEXT-DECORATION: none }
 A:hover { COLOR: #0000ff; TEXT-DECORATION: underline; }
 A:active { COLOR: #ffffff; background-color: #333333; TEXT-DECORATION: none; }

h1, h2, h3 { text-align:center; font-family: "Arial Black", "Helvetica Bold", sans-serif; }
h4 {font-family: Arial, "Helvetica", sans-serif}

#logo { position:absolute; left:0; top:0; }

#pagename {position:absolute; left: 500px; top: 0; z-index:10; line-height:1.2; font-family: "Arial Black", "Helvetica Bold", sans-serif; font-size:18px;
}

#content {
	position:absolute; top:160px; left:0; z-index=1; width: 788px; border-color:#33CCCC; border-width:1px; 				background-color:#FFFFFF; }

.photos {float:right; z-index=2; border:5px}

#pagedesc {border:0; padding:6px; width:100%; z-index:4}
#left {border:0; float:left; padding:6px; width:48%; z-index:4}
#right {border:0; float:left; padding:6px; width:48%; z-index:5;}
#ads {border:1px solid #000; position:absolute; top:0; left:0px; padding:0; width:20px; z-index:6}
#bottom {clear:both; position:relative; top: 20px; text-align:center}
#space {clear:both; width:"788"}

#navigation {
	position:absolute; top: 132px; left:20px;
	z-index:3; font-weight:bold; background-color:#FFFFFF; 
	width:790:px; border:0; z-index:9;
}

#nav, #nav ul {  /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.3;
}

#nav a {
	display: block;
	width: 50px;
}

#nav li {  /* all list items */
	float: left;
	width: 95px;  /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute; 
	background: #CCCCCC;
	background-color:#99FFFF;
	font-weight: normal;
	width: 140px;
	padding-left:5px;
	left: -999em;
	 /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a {
	width: 140px;	
	border:1px black;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background:white;
	color:#999999;
	font-size: smaller;
	text-decoration:none;
}

/* The following fixes an IE7 problem of sticking dropdowns */
#nav li:hover, #menu li.hover {
    position: static;
}
.style1 {font-size: smaller}