body {
	font-family: arial, helvetica, sand-serif;
	font-size: 13px;
	color: #000;
	background: url('../img/body-bg.png'); 
}

.hl { 
	font-size: 23px;
	color: #000;
	border-bottom: 1px solid #eee;
	font-weight: bold;
	line-height: 1.4em;
}

.hl a { 
	color: #000;
	text-decoration: none; 
}

.sl {
	font-size: 19px;
	color: #000;
		font-weight: bold;
	border-bottom: 1px solid #eee;
	} 
	
.sl a { 	text-decoration: none; 	}
.sl a:hover { 	text-decoration: none; 	}
.art {
	line-height: 1.3em;
 
} 
.norm {
	line-height: 1.3em;
 
}
/* links */
a {	
	text-decoration: none;
	text-decoration: underline;
	color: #000000;
	}
a:hover {	
	text-decoration: none;
	color: #000;
	}

hr {
  border: 1px solid #cdcdcd;
}

/* ===================  AREAS  ======================================*/

#mainbody {
	margin-left: auto;
	margin-right: auto;
	width: 964px;
	}

#header { 
	width: 964px;
	height: 120px;
	background: url('../img/header.png'); 
	}
#shader-border {
	width: 964px;
	height: 15px;
	background: url('../img/shade-rand.png'); 
	}
/* #nav { 
	margin-left: 218px;
	margin-right: auto;
	width: 680px;
	height:25px;
	border: 1px solid red;
	}
	 */

	
	
#content {
	width: 964px;
	background: url('../img/cont-bg.png'); 
	background-repeat: repeat-y;
	}
	
#content img { padding: 9px; } 

#leftnav { 
	width: 176px;
	background: ; /* some fill up color */
	float: left; 
	margin-left: 14px;
	}

#navelement {
	width: 166px;
	padding-left: 24px;
	padding-top: 4px;
	height: 24px
	}
/*
#navelement:hover  {
	background: #fff;
	color: #000000;
	}
*/
#navelement a {
	display: block;
	text-decoration: none;
	color: #224736;
	font-size: 15px;
	font-weight: bold;
}
#navelement a:hover {
	color: #ffffff;
}
	
	
#contentarea { 
	width: 680px;
	padding: 10px;
	float: right; 
	margin-right: 54px;

	}
	
#content-bottom { 
	width: 964px;
	height: 33px;
	background: url('../img/cont-bot-bg.png'); 
	}
	
#subfooter  {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	color: #808080;
}
#subfooter  a {
	color: #808080;
}