/*padding:top right bottom left*/
.cheat{font-size: 1px;}
/*contains div.container*/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	margin: 0%;
	text-align: center;
	/*css 3 always show scrollbar*/
	overflow-y: scroll; 
	/*css 3 remove horizontal scrollbar*/
	overflow-x: hidden;
}

/*contains div.header & div.content*/

div.container{
	border-left: 1px solid #DCDCDC;	
	border-right: 1px solid #DCDCDC;	
	background-color: #000000;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}

/*-----------------------------------------------------------------------*/
/*                              Header & Navigation                      */
/*-----------------------------------------------------------------------*/				

/*navi container*/
div.header{
	position: relative;
	z-index: 500;	
	width: 752px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
}
div.header#hindex{
	width: 990px;
}
div.header2{
	position: relative;
	z-index: 400;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*main container*/
.navi{
	position: relative;
	margin: 0px; 
	line-height: 28px;
}		
				
/*mainelements*/
.navimain{
	width:149px;
	float:left;
	font-size:14px;
	letter-spacing:1px;
	font-weight:bold;
	background-color: #000000;
	color: #DCDCDC;
	border: 1px solid #DCDCDC;
	border-left: none;
}

/*hover bg & color for mainelements*/
.navimain:hover{
	background-color: #DCDCDC;
	color: #000000;
}

.navimain#p1m{
	border-left: 1px solid #DCDCDC;
}

.navimain#p1mengaged{
	border-left: 1px solid #DCDCDC;
	background-color: #DCDCDC;
	color: #696969;
}
.navimain:hover#p1mengaged{
	border-left: 1px solid #DCDCDC;
	background-color: #DCDCDC;
	color: #000000;
}

/*bg & color for active mainelement*/
.navimain#engaged{
	background-color: #DCDCDC;
	color: #696969;
}
.navimain:hover#engaged{
	background-color: #DCDCDC;
	color: #000000;
}
/* <!--[if lt IE 7]> */
.navisublt7{
	letter-spacing:1px;
	padding:0 5px 0 5px;
	position:absolute;
	display:inline;
	margin-left:auto;
	margin-right:auto;	
	top:-20px;
}	
.navisublt7#book1{
	width:674px;
	left:157px;
}
.navisublt7#book2{
	width:920px;
	left:28px;
}
.navisublt7#book3{
	width:497px;
	left:252px;
}
/*sub container*/
.navisub{
z-index: 400;
	letter-spacing:1px;
	display:none;
	top:30px;
	margin-left: auto;
	margin-right: auto;	
}	

/*-----------------------------------------------------------------------*/
/*											left :											 */
/*							if width.header > width.navisub							 */
/*							left = - ((width.navisub/2) - (width.header / 2))	 */
/*							if width.header < width.navisub							 */
/*							left = + ((width.navisub/2) - (width.header / 2))	 */
/*-----------------------------------------------------------------------*/

/*		navisub#p2s left:0px = same as nav main;*/
.navisub#p2s{
	width: 451px;
	left:150px;
}
.navisub#p3s{
	width: 498px;
	left:49px;
}

/*sub elements*/				
.navisubl,.navisubr{
	width: 55px; /*no width autospaceing with linebreak after width navisub#p2s*/
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	background-color: #000000;
	color: #DCDCDC;
	border: 1px solid #DCDCDC;
	border-left: none;
}
.navisubl#sizefix{padding-right: 2px;}

/*left-border for 1st sub element*/
.navisubl#p1sl,.navisubl#p2sl,.navisubl#p3sl,.navisubl#p4sl,.navisubl#p5sl,.navisubl#p6sl{
	border-left: 1px solid #DCDCDC;
}
/*left-border for 1st sub element*/
.navisubr#p1sl,.navisubr#p2sl,.navisubr#p3sl,.navisubr#p4sl,.navisubr#p5sl,.navisubr#p6sl{
	border-left: 1px solid #DCDCDC;
}
/*1st 3 main -> sub elements float left*/
.navisubl{
	float: left;
}
/*2nd 3 main -> sub elements float right*/
.navisubr{
	float: right;
}

/*hover bg & color for subelements*/
.navisubl:hover,.navisubr:hover{
	background-color: #DCDCDC;
	color: #000000;
}

.arthead{
	position: absolute;
	left: 86px;
	top: 35px;
	display: none;
	width: 280px;
	height: 25px;
	letter-spacing:1px;	
	color: #DCDCDC;	
	background-color:#000000;
	text-align: center;
	font-style: normal;
	font-weight: bold;	
	font-size: 18px;
	line-height: 20px;	
}

.navisubl:hover .arthead{
	display: inline;
}

/*bg & color for active subelements*/
.navisubl#engageds,.navisubr#engageds{
	background-color: #CCCCCC;
	color: #696969;
}


/*on hover over main elements corresponding sub container is displayed*/
.navi :hover .navisub{
	display:inline;
	position:absolute;
}

/*-----------------------------------------------------------------------*/
/*                              Content                                  */
/*-----------------------------------------------------------------------*/				

/*content container*/
div.content{
	width: 750px;
	padding: 5px 0px 5px 0px;
	margin-left: auto;
	margin-right: auto;	
	color: #DCDCDC;
	font-size:14px;
	letter-spacing:1px;
}
/*inner containment bars*/
div.content{
border-left: 1px solid #DCDCDC;
border-right: 1px solid #DCDCDC;
	}
div.content#cindex{width: 988px;
border-left: none;
border-right: none;
}
div.content#cart{}
div.content#cbio{}
div.biomain{
padding: 5px 0px 0px 0px;
	width:464px;
	margin-left: auto;
	margin-right: auto;
}
div.content#ccon{}

/*split divs*/
.cls{clear: both;}

.clsbar{
/*padding:top right bottom left*/
clear: both;
background-color:  #DCDCDC;
width: 720px;
height: 1px;
margin-left: auto;
margin-right: auto;
}

/*lowers content.h1*/
.spacer{
height: 15px;
clear: both;
}

/*<div class="spacerp"></div> instead of <p>&nbsp;</p>*/
.spacerp{height: 20px;}

/*End of File*/
.spacereof{height: 80px;}

/*-----------------------------------------------------------------------*/
/*                              TxT Style                                */
/*-----------------------------------------------------------------------*/				
/*-----------------------------------------------------------------------*/
/*                                      											 */
/*         div.contentl = normal txt  												 */
/*         div.contentli = letters     										    */
/*         div.contentc = EoF txt   												 */
/*         div.contentci = sonnets, oracles, stances ... 					 */
/*         div.contentr =  										 					 */
/*         div.contentri = 										 					 */
/*                                      											 */
/*-----------------------------------------------------------------------*/

a{
	outline: none;
	text-decoration:none;
}

p{
	padding:0px 10px 0px 10px;
	margin: 0px;
}

			  
h1,h2{
	padding: 0px;
	margin: 5px;
	color: #DCDCDC;
	text-align: center;
	font-style: normal;
	font-weight: bold;	
}

h1{
	font-size: 20px;
	line-height: 24px;
}

h2{
	font-size: 18px;
	line-height: 20px;
}

a:link {color: #FFFFFF;}
a:visited {color: #BBBBBB;}
a:hover {color: #666666;}

/*-----------------------------------------------------------------------*/
/*                              IMG Style                                */
/*-----------------------------------------------------------------------*/				

img{
border:none;
padding:0px;
margin:0;
font-weight:bold;
font-style:normal;
text-align: center;
color:#CCCCCC;
}
img.imgheader{
padding:0px;
font-size:22px;
}
img.imgindex{
font-size:10px;
padding-left: 20px;
padding-right: 20px;
}

img.imgtn{font-size:10px;}

img.ihead{
	padding:15px 0px 15px 0px;
	color: #DCDCDC;
	text-align: center;
	font-style: normal;
	font-weight: bold;	
	font-size: 18px;
	line-height: 20px;
}

.navimain:hover .ihead2{
	display: inline;
}

.ihead2{
	position: absolute;
	left: 236px;
	top: 65px;
	display: none;
	width: 280px;
	height: 25px;
	letter-spacing:1px;	
	color: #DCDCDC;	
	background-color:#000000;
	text-align: center;
	font-style: normal;
	font-weight: bold;	
	font-size: 18px;
	line-height: 20px;	
}
/*padding:top right bottom left*/