body, html {
margin:0;
padding:0;
background:#FFF;
color:#000;
}
	
body {
min-width:750px;
}

#wrap {
background:#99c;
margin:0 auto;
width:750px;
}

#header {
margin-left:0px;
text-align:left;
visibility:visible;
}
	
#content {
visibility:visible;
margin-top:8px;
background:#9c9;
float:left;
margin-left:30%;
width:500px;
border:1px dashed #000;
}

#leftmenu {
visibility:visible;
background:#FCCFF3;
float:left;
position:absolute;
z-index:1;
border:1px dashed #000;
}

#leftmenu h1 {
font-size:8pt;
}

.byline {
visibility:visible;
font-style:italic;
}

#rightmenu {
visibility:visible;
background:#B2DFEE;
margin-top:30%;
border:1px dashed #000;
left:0px;
position:absolute;
float:right;
width:120px;
}

#rightmenu a:active, a:link, a:visited {
color:#00688B;
}

#rightmenu img {
display:none;
}

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav a {
display: block;
width: 10em;
}

#content ul li {
list-style:none;
}

#content ol li {
list-style:none;
}

ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#leftmenu li { /* all list items */
	position: relative;
	width: 10em;
}

li ul { /* second-level lists */
	display: none;
	clear:both;
	position: absolute;
	top: 3em;
	left: 0;
}

#leftmenu ul li ul {
position: relative;
top: 7px;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

#footer {
clear:both;
text-align:center;
visibility:visible;
}