body {
	margin: 0px;
	padding: 0;
	background: #000000 url(images/mist.jpg);
	font-family: verdana,arial,sans-serif;
	font-size:1em;
	}
	html {

	}
	
	#main {
	width: 60em;
	margin: 0; 
	background: transparent;
	color: #000; 
	margin-top: 6em;
	margin-left:3em;
	}
	
	#main h1 {
	margin-left: 9em;
	padding-left:3em; 
	padding-right: 2em;
	padding-top:0.9em;
	padding-bottom:0.8em;
	background: #000000;
	font-size:1.7em;
	color: #669980;
	font-weight: normal;
	letter-spacing: -0.1em;
	z-index:3;
	}
	
	#content {
	margin-left: 23em;
	padding-left:2em; 
	padding-right: 2em;
	padding-top:0.9em;
	padding-bottom:0.8em; 
	font-size:0.7em;
	color: #000;
	font-weight: normal; 
	text-align:justify;
	z-index:3;
	line-height: 1.3em;
	background: #669980;
	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: 4em;
	left: 3em; 
	padding-bottom: 0.5em;
	background: #000000;
	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: #669980;
	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: uppercase;
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: #669980;
 }

#navlist .active
{
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #669980;
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%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #669980;
border-bottom: 1px #fff dotted;
text-align: center;
text-decoration: none;
color: #fff;  
letter-spacing: 0.1em;
font-size: 0.65em; 
padding-top:0.3em;
padding-bottom:0.3em;
}
 
#navlist a:hover { background-color: #000000; color: #fff;font-weight:bold; }
#navlist a:visited { color: #660000; }


.nobo {

}

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

#content a {
color: #ffffff;
background: #669900;
text-decoration: none;
border:0.03em solid #669900;
padding: 0 0.1em;
font-weight: bold;
}
#content a:hover {
color: #669900;
background: #ffffff;
text-decoration: none;
}
span {
color: #669980;
font-weight: bold;
letter-spacing:0.1em;
padding-left: 0.3em
}
span1 {
color: #FFFFFF;
font-weight: bold;
letter-spacing:0.1em;
padding-left: 0.3em
}

blockquote {
border-top: 0.03em solid #000;
border-right: 0.03em solid #000;
border-bottom: 0.03em solid #ccc;
border-left: 0.03em solid #ccc;
padding: 0.3em;
background: #669980;

}