body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0 0 20px 0 ;
	
}

hr { width:100%; height:1px; color:#5B5233 !important; }
div, td {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
img { border:none; }
/* header */
#header {
	background-image: url(images/bg_head.gif);
	background-repeat: repeat-x;
}
#topnav {
		margin-top:79px;
}
#topnavlist {
        padding: 3px 0;
        margin-left: 0;
        border-bottom: 1px solid #5B5233;
        font: bold 12px Verdana, sans-serif;
}

#topnavlist li {
        list-style: none;
        margin: 0;
        display: inline;
}

#topnavlist li a {
        padding: 3px 0.5em;
        margin-left: 3px;
        border: 1px solid #5B5233;
        border-bottom: none;
        background: #FBF381;
        text-decoration: none;
}

#topnavlist li a:link { color: #5B5233; }
#topnavlist li a:visited { color: #5B5233; }

#topnavlist li a:hover {
        color: #974D15;
        background: #FFFFCC;
}

#topnavlist li a#current {
        background: #5B5233;
        border-bottom: none;
		color:#FFFFFF;
}

/* left navigation */

.leftnav {
	background:#5B5233;
}

.button {
	width: 100%;
	padding: 0;
	margin:0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size : 12px;
	}
	
.button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}

.button li {
		margin: 0;
		padding: 0;
		width:160px;
		list-style: none;
		list-style-image: none;
		}

.button li a {
		display:block;
		background-color: #5B5233;
		color: #fff;
		text-decoration: none;
		width: 160px;
		height:17px;
		padding-top:3px;
		}
.button li a em { padding: 3px 0 3px 15px; font-style:normal; }
.button li a:hover {
		background-color: #FFFFCC;
		color: #974D15;
		}

.button li a#active {
		background: #FFFFFF url(images/bgon.gif) repeat-y;
		color: #5B5233;
		}
.button li .supra {
		background-color: #5B5233;
		color: #FFFFFF;
		margin-top:10px;
		font-weight:bold;		
		}
.button li .supra em { padding: 3px 0 3px 5px; font-style:normal; }
.button li .supra:hover {
		background-color: #FFFFCC;
		color: #974D15;
		font-weight:bold;	
		}	
#cubesleft { text-align: center }
#cubesleft div { margin: 5px 0 5px 0 }
/* right area */
#rightnav { background:#5B5233; }
#rightnav a { color:#FFFFFF; text-decoration:none; }
#rightnav a:hover { color:#FBF381; text-decoration:none; }
#rightnav .rbox { 
		font-family: Verdana, Tahoma, Arial, sans-serif;
		font-size:12px;		
		margin-top:10px; 
		width:150px;
		text-align:center;
		}

#rightnav .rbox div.title { 
		width:148px;
		color: #FFFFFF;
		font-weight:bold;
		padding-bottom:3px;
		}
#rightnav .rbox div.body { 

		}
#cubesright	{ text-align:center; }
#cubesright div { margin: 5px 0 5px 0 }

#cubesright	div.white { background:#FFFFFF; color:#24618D; }
#cubesright	div.white a { color:#24618D; text-decoration:none}
#cubesright	div.white a:hover { color:#000000; text-decoration:none}

#cubesright	div.bluedark { background:#24618D; color:#FFFFFF; }
#cubesright	div.bluedark a { color:#FFFFFF; text-decoration:none}
#cubesright	div.bluedark a:hover { color:#FFF685; text-decoration:none}

#cubesright	div.blue { background:#2175BC; color:#FFFFFF; }
#cubesright	div.blue a { color:#FFFFFF; text-decoration:none}
#cubesright	div.blue a:hover { color:#FFF685; text-decoration:none}

#cubesright	div.yellow { background:#FFF685; color:#24618D; }
#cubesright	div.yellow a { color:#24618D; text-decoration:none}
#cubesright	div.yellow a:hover { color:#2175BC; text-decoration:none}

#cubesright	div.gray { background:#D4D0C8; color:#24618D; }
#cubesright	div.gray a { color:#24618D; text-decoration:none}
#cubesright	div.gray a:hover { color:#2175BC; text-decoration:none}

/* body area */
.bgbody {
	background-color:#FFFFFF;
	color:#000000;
	padding:10px 0;
}
.marg { padding-top:16px; padding-bottom:20px; }

.marg a:link { color:#24618D; text-decoration:underline; }
.marg a:hover { color:#000000; text-decoration:underline }
.marg a:visited { color:#2175BC; text-decoration:underline; }
.marg a:active { color:#2175BC; text-decoration:underline; }

h1 { font-size:16px; color:#24618D; font-weight:bold }
h2 { font-size:14px; color:#2175BC; font-weight:bold }
h3 { font-size:13px; color:#2175BC; font-weight:bold }
h2 { font-size:12px; color:#2175BC; font-weight:bold }
h6 { font-size:10px; color:#2175BC; font-weight:bold }

#cubeshome { clear:both;  }
#cubeshome div.bluedark { background-color:#24618D; color:#FFFFFF; float:left; width:145px; margin: 1px; padding:1px; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
#cubeshome div.blue { background-color:#2175BC; color:#FFFFFF; float:left; width:145px; margin: 1px; padding:1px;  cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#cubeshome div.yellow { background-color:#FFF685; color:#24618D; float:left; width:145px; margin: 1px; padding:1px;  cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#cubeshome div.gray { background-color:#D4D0C8; color:#24618D; float:left; width:145px; margin: 1px; padding:1px;  cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
#cubeshome div.white { background-color:#FFFFFF; color:#24618D; float:left; width:145px; margin: 1px; padding:1px;  cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }

/* footer */
.footer td {  
	font-family: Verdana, Tahoma, Arial, sans-serif;
	background:#5B5233;
	font-size:10px;
	color:#FFFFFF;
}
.footer a { color:#FFFFFF; text-decoration:none; }
		
/* classes */

.logo { text-align:center; margin-top:10px; margin-bottom:10px; }		
.red { color:#CC0000; }
/* formular */
acronym { border-bottom: dotted 1px; cursor:help; }
.desc {
	font-weight: bold;
	color: #5B5233;
	margin-bottom: 3px;
}
.info {
	font-size: 10px;
	color: #666666;
	margin-bottom:2px;
	padding-bottom:2px;
}
.boxsmall { width:30px; }
.boxsmalld { width:50px; }
.boxexp { width:95%; }
.lnk { cursor:pointer; }

#z1, #z2, #z3 { width: 150px; }