/* GENERAL ELEMENTS */
body {
	background-color: #ffffcc;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 1em;
	margin: 0;
	padding: 0;
}
 
/* WRAPPER */
.wrapper {
	width: 800px;
	margin: 0 auto;
	border-top: none;
	border-right: 1px solid #333333;
	border-bottom: none;
	border-left: 1px solid #333333;
	background-color: #ffffff;
}
 
/* HEADER */
.header {
	padding: 20px;
	background-color: #360;
	border-bottom: 3px solid #003300;
}
 
.header h1 {
	color: #fff;
	margin: 0;
	padding: 0;
}
 
/* CONTENT */
.content {	
	min-height: 300px;
}

.leftcolumn {
	float: left;
	width: 200px;
	background-color: #CCC;
	padding: 15px;
	min-height: 300px;
}
 
.rightcolumn {
	margin-left: 250px;	
	padding: 25px;
}
 
/* FOOTER */
.footer {
	color: #fff;
	background-color: #333333;
	padding: 25px;
	clear: both;
}
 
 
  ul{
 list-style:none;
 width:100px;
 padding:0;

 }
 
 
 a{
 text-decoration:none;
 color:black;
 }
 
 
 li{
 background-color:#999;
 display:block;
/*margin:4px 0px;*/
text-align:center;
line-height:2em;
width:100px; }


ul.subnav{
margin-left:100px;
}

ul.subsubnav li{
background-color:#bbb;
}

ul.subsubnav li:hover{
background-color:#fff;
}
 ul.subsubnav li.currentmain{
font-weight:bold;
background-color:#ddd;
 }
 
 li:hover {
 background-color:#777;
 }
li.active{
background-color:brown;
}
li.current{
background-color:red;
}

li.currentmain{
background-color:blue;
}