body{padding: 20px;background-color: #333;
    font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}
h1,h2,p{margin: 0 10px}
h1{font-size: 350%;color: #000}
h2{font-size: 200%;color: #333}
p{padding-bottom:10px}
h2{padding-top: 3px}
div#nifty{ margin: 0 8%;background: #666}

b.rtop, b.rbottom{display:block;background: #333}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #666}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

a {
	font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif;
	font-weight:600;
	text-decoration:none;
	}
a:link {color: #000;}
a:visited {color: #000;}
a:hover { color: #f96; text-decoration: underline;}


a.nav {
	font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif;
	font-weight:500;
	text-decoration:none;
	}
a.nav:link {color: #000;}
a.nav:visited {color: #000;}
a.nav:hover { color: #f96; text-decoration: underline;}


#nav
{
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
margin: 0 auto;
width: 100%;
border-bottom: 1px solid #ddd;
}

#navlist
{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}

#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #333;
font-size: 1em;
padding: 0 2px;
border-top: .5em solid #333;
}

#navlist li a:hover,#navlist a#current
{
color: #f96;
border-top: none;
font-size: 1em;
}


#navlist a#current { 
	color: #ccc;
}



div#leftnav
{
float: left;
width: 145px;
margin: 5px;
padding: 1em;
}

#leftnav p { margin: 0 0 1em 0; }

#leftnav
{
/* container div set-up */
background: #666;
width: 160px;
padding: 0;
line-height: 22px;
/* Set line-height because I think it looks better like this ;^) */
letter-spacing: .075em;
/* Set letter-spacing so text don't jump as much when it turns bold on hover */
}


#leftnav a
{
letter-spacing: -1px;
text-decoration: none;
color: #333;
font-size: 1em;
}


#leftnav a:hover
{
color: #f96
}

#leftnav ul
{
list-style-type: none;
padding-left: 0px;
margin: 0px;
}

#leftnav ul ul
{
padding-left: 15px;
/* offset sub menu */
}

#leftnav ul li
{
padding-left: 5px;
margin-left: 2px;
/* Set margin-left to set-up the left border */
}

#leftnav ul li#active
{
margin-left: 0px;
/* Set margin back half of left-border width (5px) */
}

#leftnav ul ul li#subactive
{
margin-left: 0px;
/* Set margin back half the 30px padding above */
border-left: 5px solid #333;
}

#leftnav li { border-left: 1px solid #333; }
#leftnav li#active { border-left: 5px solid #333; }

#current
{
font-weight: bold;
letter-spacing: 0;
color: #f96;
}

#subcurrent
{
font-weight: bold;
letter-spacing: 0;
color: #f96;
}

#content
{
margin-left: 200px;
border-left: 1px solid #ccc;
padding: 1em;
max-width: 36em;
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;


}




#content>p {margin:10px;}
#content>p+p {text-indent:40px;}

#footer
{
border-top: 1px solid #ddd;
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
color: #ccc;
margin: 0 auto;
width: 100%;
}