body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	margin:10px 0 10px 0;
	padding: 0px;
	background-image:url(../nav/xxxbeaconsview.jpg);
	color:#555555;
	background-color:#CCCCCC
}
#topbox{
	background-color:#FFFFFF;
	background-image:url(../nav/navbarbg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	border:1px solid #FF6666;
	margin:0 180px 0 10px;
	padding:0;
	height:125px;
}
#main{
	background-color:#FFFFEE;
	color:#555555;
	margin:10px 0 0 0;
	height:468px;
	overflow:auto;
}
#main p{
	font-size:90%;
	margin:10px;
}
#main h1{
	font-size:180%;
	margin:10px;
	text-align:center;
}
#main h2{
	font-size:120%;
	margin:10px;
}
#main h3{
	font-size:100%;
	margin:10px;
}
#widetext{
	background-color:#FFFFFF;
	color:#555555;
	margin:5px 165px 0 0;
	padding:5px;
}
#photobox{
	 background-position:top;
	 background-repeat:no-repeat;
	 margin:5px;
	 padding:5px;
}
#photobox p{
	font-size:90%;
}
#photobox h2{
	font-size:110%;
}
#left{
	float:left;
	width:266px;
	margin:10px 10px 0 10px;
	height:468px;
	font-size:medium;
	overflow:auto;
	color:#664444;
	background-color:#FFFFEE;
	padding:0;
}
#left #text{
	margin:0;
	padding:5px;
}
#left p{
	font-size:80%;
	margin:7px;
}
#left h1{
	font-size:160%;
	margin:7px;
}
#left h2{
	font-size:120%;
	margin:7px;
}
#left h3{
	font-size:100%;
	margin:7px;
}
#left #leftcontent{
	margin:5px 0 0 0;
	padding:5px;
	background-color:#FFFFFF;
	color:#555555;
}
#right{
	float:right;
	background-color:#FFFFEE;
	color:#555555;
	height:600px;
	width:160px;
	margin:0 10px 0 10px;
}
#rightthumbs{
	float:right;
	background-color:#FFFFEE;
	width:160px;
	height:500px;
	overflow:auto;
}
#rightthumbs p{
	padding-left:10px;
}
#foot{
	height:20px;
	background-color:#FF6666;
	color:#333399;
	margin:10px 10px 0 10px;
}
#foot p{
	text-align:center;
	font-size:75%;
}
#foot a{
	color:#333399;
}
#foot a:hover{
	color:#FF9999;
	background-color:#333399;
}
#topmenu{
	position:absolute;
	top:115px; left:136px;
}
#topmenu ul{ /* all lists */
	padding: 0; margin: 0;list-style: none;line-height: 1em;
	font-size:110%;
}
#topmenu ul a {
	display: block;	width: 11em;text-decoration:none;padding-left:1em;margin: 0;
	color:#000099; background-color:#FF6666;text-decoration:none; 
}
#topmenu ul a:hover, #topmenu a:focus {background-color:#003399; color:#FFFF00;}
#topmenu li { /* all list items */	
	float: left;width:12em; /* width needed or else Opera goes nuts */
	border-right:1px solid #333399;
}
#topmenu li li{border-bottom:1px solid #333399;}
#topmenu li ul { /* second-level lists */
	position: absolute;	
	width: 12em;left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-top:1px solid #333399;text-decoration:none;
	font-size:90%;
}
#topmenu li ul ul { /* third-and-above-level lists */
	position: absolute;	
	margin: -1em 0 0 9em;
	font-size:85%;
	width: 12em;
}
#topmenu li ul a {width: 11em;}
#topmenu li:hover ul ul, #topmenu li.sfhover ul ul,#topmenu li a.lev1:hover {
	left: -999em;
	background-color:#003399; color:#FFFF00;
}
#topmenu li:hover ul, #topmenu li.sfhover ul, #topmenu li li:hover ul,#topmenu li li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
	background-color:#003399; color:#FFFF00;
}
/* extra positioning rules for limited noscript keyboard accessibility */
#topmenu li a:focus + ul { margin-left: 0;  background-color:#003399; color:#FFFF00;}
#topmenu li li a:focus + ul { margin-left: 1010em;  background-color:#003399; color:#FFFF00;}
#topmenu li li a:focus { margin-left:1000em; width: 11em; background-color:#003399; color:#FFFF00; }
#topmenu li:hover a:focus, #topmenu li.sfhover a.sffocus { margin-left: 0; background-color:#003399; color:#FFFF00; }
#topmenu li li:hover a:focus + ul, #topmenu li li.sfhover a.sffocus + ul { margin-left:9em; width: 12em;background-color:#003399; color:#FFFF00;}