/* Go read someone else's CSS :P */
body {
	margin: 0px;
	padding: 0;
	background: #898989 url(images/bg.gif);
	font-family: verdana,arial,sans-serif;
	font-size:1.1em;
	}
	html {

	}
	
	#main {
	width: 93%;

	margin: 0; 
	background: transparent;
	color: #000; 
	margin-top: 3em;
		margin-left:3em;
	}
	
	#main h1 {
	margin-left: 9em;
	padding-left:3em; 
	padding-right: 2em;
	padding-top:0.9em;
	padding-bottom:0.8em;
	background: #ffffff;
	font-size:1.3em;
	color: #0E4702;
	font-weight: normal;
	letter-spacing: -0.1em;
	z-index:3;
	}
	
	#content {
	margin-left: 15em;
	padding-left:2em; 
	padding-right: 2em;
	padding-top:0.9em;
	padding-bottom:0.8em; 
	font-size:0.9em;
	color: #fff;
	font-weight: normal; 
	text-align:justify;
	z-index:3;
	line-height: 1.3em;
/*	background: #898989;*/
	background: #666666;
	margin-bottom: 3em;
	
border-top: 0.03em solid #000;
border-right: 0.03em solid #000;
border-bottom: 0.03em solid #ccc;
border-left: 0.03em solid #ccc;
	}
	
	#nav {
	position:absolute;
	top: 1em;
	left: 1em; 
	padding-bottom: 0.5em;
	background: #ffffff;
	width: 15em; 
	z-index:1; 
	}
	
	 
	
h4 {
font-size: 1em;
font-weight: bold;
margin-top: 1em;
 margin: 1em 0.5em 0 0.5em;
padding: 0;
text-align:center;
background: #0099CC;
color: #fff;
height:3em;
padding-top:1.2em;
width: 14em;
border-left: 1px #fff dotted;
border-right: 1px #fff dotted;
border-top: 1px #fff dotted;


}
	
#navlist li
{
display: inline;
/* for IE5 and IE6 */
}

#navlist
{
/*text-transform: lowercase;*/
width: 14em;
/* to display the list horizontaly */
 margin: 0 0 0 0.5em;
padding: 0;
border-top: 1px #fff dotted;

border-left: 1px #fff dotted;

border-right: 1px #fff dotted;
 
font-family:verdana,arial,sans-serif;
background-color: #0099CC;
 }

#navlist .active
{
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #004C66;
border-bottom: 1px #fff dotted;
text-align: center;
text-decoration: none;
 color: #fff;
font-size: 0.8em;
font-weight: bold; 
padding-top:1.3em;
padding-bottom:1.3em;
}
#navlist a
{
width: 99.99%;

display: block;
background-color: #7FA8BC;
border-bottom: 1px #fff dotted;
text-align: center;
text-decoration: none;
color: #fff;  
font-weight: bold;
letter-spacing: 0.1em;
font-size: 0.70em; 
padding-top:0.3em;
padding-bottom:0.3em;
}
 
#navlist a:hover { background-color: #FFCC00; color: #fff;font-weight:bold; }
#navlist a:visited { color: #fff; }


.nobo {

}

.footer {
background: #dddddd;
color: #000000;
text-align:center;
padding-top:1em;
padding-bottom:1em;
}

#content a {
color: #0099CC;
/*color: #ffffff;*/
/*background: #0099CC;*/
text-decoration: none;
/*border:0.03em solid #0099CC;*/
padding: 0 0.1em;
word-wrap: break-word;
font-weight: bold;
}
#content a:hover {
color: #0099CC;
background: #ffffff;
text-decoration: none;
}
#content .disabled:hover { font-weight: inherit; background: #666666; color: #ffffff}
#content .disabled { font-weight: inherit; background: #666666; color: #ffffff}

span {
/*color: #FFCC00;*/
color: #004C66;
font-weight: bold;
letter-spacing:0.1em;
padding-left: 0.3em
}

code { 
font-size: 1.2em;
font-family:courier,courier new,monospace;
background: #666666;
padding-left:0.1em;
padding-right:0.1em;
/*border-top: 0.03em solid #000;
border-right: 0.03em solid #000;
border-bottom: 0.03em solid #ccc;
border-left: 0.03em solid #ccc;*/
/*margin-left:0.3em;
margin-right:0.3em;*/
}

pre { 
font-size: 1.2em;
font-family:courier,courier new,monospace;
background: #666666;
padding-left:0.1em;
padding-right:0.1em;
word-wrap: break-word;
/*border-top: 0.03em solid #000;
border-right: 0.03em solid #000;
border-bottom: 0.03em solid #ccc;
border-left: 0.03em solid #ccc;*/
/*margin-left:0.3em;
margin-right:0.3em;*/
}

blockquote {
border: 0.03em solid #ccc;
padding: 0.3em;
background: #666666;
}

td { 
	padding-right: 30px;
 }

th { 
	font-size: 1.2em;
	text-decoration:underline;
	padding-bottom: 8px;
	padding-right: 30px;
}