body, p, div, iframe {margin:0; padding:0;}

html {width: 100%; overflow-x: hidden}

body {
width:100%;
height:100%;
}

p {
 text-indent: 20px;
}

#leftnav a {
 text-decoration:none;
 font-weight:bold;
 display: block;
 padding: .5em;
 margin: .5em 0em .5em .5em;
}

#leftnav a:link {color: #000000;}
#leftnav a:visited {color: #000000;}
#leftnav a:hover {color: #CCCCCC}
#leftnav a:active {color: #FFFFFF;}

#leftnav a {border:1px solid #6086a0}
#leftnav a:hover {border:1px solid #000}

#content a {text-decoration:none; font-weight:bold}
#content a:link {color: #0000AA;}
#content a:visited {color: #000077;}
#content a:hover {color: #0000FF;}
#content a:active {color: #0000FF;}

#footer a {text-decoration:none; font-weight:bold}
#footer a:link {color: #000000;}
#footer a:visited {color: #000000;}
#footer a:hover {color: #FFFFFF;}
#footer a:active {color: #FFFFFF;}


#container {
 background-color: #6086a0;
 color: #333;
 border: 1px solid gray;
 line-height: 125%;
}

#top {
 padding: .5em;
 background-color: #ddd;
 border-bottom: 1px solid gray;
}

#top h1 {
 padding: 0;
 margin: 0;
}

#leftnav {
 float: left;
 padding: 1em;
}


#content {
 background-color: #fff;
 border-left: 1px solid gray;
 padding: 1em;
 max-width: 36em;
}


#footer {
 clear: both;
 margin: 0;
 padding: .5em;
 color: #333;
 background-color: #ddd;
 border-top: 1px solid gray;
 text-align:center
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }