body {
background-color:#fff;
color:#333;
font-family:sans-serif;
font-size:1.2em;
line-height:1.4;
margin:20px;
padding:0;
}

h1 {
font-family:sans-serif;
color:#bbb;
font-size:1.4em;
font-weight:700;
margin:0 0 15px;
padding:0;
}

h2 {
font-family:sans-serif;
font-size:1.2em;
font-weight:700;
padding:0;
}

h3 {
font-family:sans-serif;
font-size:1em;
font-weight:700;
margin-bottom:0;
}

p {
margin:0;
padding:0;
}

a {
color:#09c;
font-family:sans-serif;
font-weight:700;
text-decoration:none;
}

a:link {
color:#aae;
}

a:visited {
color:#227;
}

a:hover {
background-color:#ccc;
}

.content {
position:relative;
width:50%;
min-width:120px;
border:1px solid #000;
background-color:#fff;
z-index:3;
margin:auto;
padding:10px;
}

#navAlpha {
position:absolute;
width:150px;
top:20px;
left:20px;
border:1px dashed #000;
background-color:#eee;
z-index:2;
padding:10px;
}

#navBeta {
position:absolute;
width:190px;
top:120px;
right:20px;
border:1px dashed #000;
background-color:#eee;
z-index:1;
padding:10px;
}

#navlist {
border-bottom:1px solid #778;
font-family:sans-serif;
font-size:.6em;
font-weight:700;
margin-left:0;
padding:3px 0;
}

#navlist li {
list-style:none;
display:inline;
margin:0;
}

#navlist li a {
background-color:#dde;
border:1px solid #778;
border-bottom:none;
margin-left:3px;
text-decoration:none;
padding:3px .5em;
}

#navlist li a:link {
color:#448;
}

#navlist li a:visited {
color:#778;
}

#navlist li a:hover {
background-color:#aae;
color:#000;
border-color:#227;
}

#navlist li a#current {
background-color:#fff;
border-bottom:1px solid #fff;
}