/*** The Essential Code ***/

		/*** Just for Looks ***/

		/*start for the main document*/
	html {
	overflow: hidden;
}

body {
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: #ccca77 /* #cccf33 #ccff33 #CECFCE */ url(images/bg_jana_bw.jpg) no-repeat;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px /*0.9em*/;
}
/*end for the main document*/
		
#header {
	background: white /*#000302 */url(images/header_new_white.jpg) no-repeat right/**/;
	/*background: no-repeat;*/	
	height: 80px;
	position: absolute;
	color:  #99b612 /*#8cb612*/;
	font: 65px Times New Roman, Calibri, Arial, Verdana, Tahoma, sans-serif;
	text-align: left;
	padding: 40px 0 0.3em 0;
	margin: 0;
	/*border: 5px solid #fff;*/
	float: left;
}

#main-nav {
	background-color: white;
	list-style-type: none;
	border: 1px solid black;
	padding: 33px 6px 4px 5px;
	margin: 0px 20px 2px 10px;
	float: right;
	font-size: 12px /*0.95em*/;
	font-weight: bold; 
	color: black;
	/*position: absolute;*/
	top: 95px;
	right: 30px;
	overflow: auto;

	/*border: Red 2px dashed;*/}

	
#main-nav li {
	/*display: inline;*/
	background-color: white;
	border-left: 1px solid black;
	padding: 2px 14px;
	float: left;

	}
	
		
#main-nav> li:first-child {border-left:none; font-weight: normal; 
		}
		
#main-nav li a:hover { 
	background: white;
	color : black; 
}
	
#nav-wrapper { 
	float: right; 
	width: 100%; 
	/*border-top: 1px solid black;*/
	/*background-color: white;*/
	}
		
/*#nav-wrapper {float: right;}*/

#behind-header {
	background: #000;
}

#content-all {
	clear: both;
	margin: 100px 100px;
	float: left;
}

#center {
	/*padding: 2px 0px 0px 0px;*/
	font-size: 12px /*1.02em*/;
	color: #fff;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	margin: 0;
	position: absolute;	
	top: 123px;
	left: 350px;
	right: 20px;
	bottom: 20px;
	overflow: auto;
}

#center.short {	
	font-size: 14px;
	color: #fff;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	margin: 0;
	position: absolute;	
	top: 122px;
	left: 350px;
	right: 500px;
	bottom: 20px;
	overflow: auto;}
	
	#center h1 p li {
	position: absolute;	
	top: 7px;
	}

#navigation {	
	/*padding: 0;*/
	margin: 0;
	position: absolute;	
	top: 121px;
	left: 30px;
	bottom: 20px;
	width: 285px;
	overflow: auto;	
	/*float: both;*/
} 

#left1 {}

#left1 h3 {
	margin: 3px 0 0 0;
	padding: 7px 17px 7px 17px; 
	font: bold 1em Verdana, 'Trebuchet MS', Sans-serif;
	color: #fff;
	background: /*#000*/ url(images/menu.gif) repeat-x left bottom;	
	border-radius: 8px 8px;
	border: 1px solid #000;
}
#left1 h3 a {
	/*background: #000;
	color: #fff;*/
	background-image: url("images/blackbox.png");
}
#left1 h3 a:hover {
	/*background: #000;*/
	color: white /*#aaa*/;
}
#left1 .box {
	/*border: 4px solid #000000;*/ 
	margin: 0px /*war2px*/ 0 5px 0;
	padding: 2px /*war0px*/ 10px 2px 10px;
	/*background: #000000;*/
	background-image: url("images/blackbox.png");
	border-radius: 8px 8px;
}
#left1 ul  {
	/*color: #aaa;*/
	text-align: left;
	margin: 3px 0 8px 0; 
	padding-left: 20px;
	text-decoration: none;	 	
}
#left1 ul li {
	/*background: #000;*/
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	color: white; /*#fff;*/
	font: 12px /*1.05em*/ Verdana, 'Trebuchet MS', Sans-serif;
	font-weight: normal; 
}
#left1 ul a {
	/*background: #000;*/
	/*font-weight: bold;*/
	color: #aaa999 /*#849d10*/ /*#8cb612*/;
}
#left1 ul a:hover { 
	/*background: #000;*/
	color : white /*#849d10 #eee*/; 
}

#center li {padding: 2px 0 0 0;
}

#rollover-text{display: none;}

#rollover-text:hover {display: inline;}

/*#main-nav li ul {display: none; list-style-type: none;
}
#main-nav li:hover ul {display: block;}*/
 
table {
	/*background: #000;*/
	background-image: url("images/blackbox.png");
	padding: 0px 0 2px 0px;
	margin: 0 2px;	
	color: #fff;
	border-radius: 10px 10px;
}

#table-none {
	background: none;
	position: top;
}

/*table {
background: #000;
}*/

img {float: left;
margin: 2px 15px 7px 0px; 
	border: none;
	/*border-radius: 9px 9px;*/
}

a {
	text-decoration: none;
	color: /*#90a629*/ #8cb612;} 
	
	a:active {color:black}
}
a:hover {
	color: #aaa;
}

h1 {
	font: bold 18px Verdana, 'Trebuchet MS', Sans-serif;
	color: #8cb612;	
}
h2 { 
	font: bold 16px Verdana, 'Trebuchet MS', Sans-serif;
	color: #8cb612;	
}
h2 a { 
	font: bold 16px Verdana, 'Trebuchet MS', Sans-serif;
	color: #8cb612;	
}
h3 { 
	color: #8cb612; 
	font-size: 12px /*1em*/; 
	margin: 10px 0 10px 0; 
}

.column {
	padding-top: 10px /*1em*/;
	text-align: left;}
	
.img-float {
	float: left;
}

strong {/*text-decoration: underline;*/ font-weight: bold;}
em {font-style: normal; text-decoration: underline;}