/*padding:top right bottom left*/
.cheat{font-size: 1px;}
/*contains div.container*/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	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 #0066CC;	
	border-right: 1px solid #0066CC;	
	background-color: #FFFFFF;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}
div.title{
	position: relative;
	z-index: 500;	
	width: 988px;
	text-align: center;
}
div.titleheader{
   width: 888px;
	margin-left: auto;
	float: right;
}
div.flags{
	width: 50px;
	float: right;
}
/*-----------------------------------------------------------------------*/
/*                              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: 480px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

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

/*hover bg & color for mainelements*/
.navimain:hover{
	background-color: #0066CC;
	color: #FFFFFF;
}

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

.navimain#p1mengaged{
	border-left: 1px solid #0066CC;
	background-color: #0066CC;
	color: #DDDDDD;
}
.navimain:hover#p1mengaged{
	border-left: 1px solid #0066CC;
	background-color: #0066CC;
	color: #FFFFFF;
}

/*bg & color for active mainelement*/
.navimain#engaged{
	background-color: #0066CC;
	color: #EEEEEE;
}
.navimain:hover#engaged{
	background-color: #0066CC;
	color: #DDDDDD;
}

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

/*content container*/
div.content{
	width: 750px;
	padding: 5px 0px 5px 0px;
	margin-left: auto;
	margin-right: auto;	
	color: #000000;
	font-size:14px;
	letter-spacing:1px;
}
/*inner containment bars*/
div.content{
border-left: 1px solid #0066CC;
border-right: 1px solid #0066CC;
	}

div.content#ccon{}
div.content#cinfo{}
div.content#cindex{}

.infomain{
padding: 5px 0px 0px 0px;
width:750px;
margin-left: auto;
margin-right: auto;
}
.infocenter{
text-align:left;
padding-left:5px;
padding-right:5px;
}
.infoleft{
position:relative;
float:left;
width:365px;
text-align:left;
padding-left:5px;
padding-right:5px;
}
.inforight{
position:relative;
float:left;
width:365px;
text-align:left;
padding-left:5px;
padding-right:5px;
}

.indexmain{
padding: 5px 0px 0px 0px;
width:750px;
margin-left: auto;
margin-right: auto;
}
.indexleft{
position:relative;
float:left;
width:365px;
text-align:left;
padding-left:5px;
padding-right:5px;
}
.indexright{
position:relative;
float:left;
width:365px;
text-align:left;
padding-left:5px;
padding-right:5px;
}
.indexright#IndexPic2{left:-5px;}

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

.clsbar{
/*padding:top right bottom left*/
clear: both;
background-color:  #0066CC;
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;}

/*-----------------------------------------------------------------------*/
/*                              table					                      */
/*-----------------------------------------------------------------------*/

.tdleft{
text-align: left;
vertical-align: top;
}
.tdright{
text-align: right;
vertical-align: top;
}
.tablecopy{
margin-left: auto;
margin-right: auto;
width: 564px;
}

.tablecon{
position: relative;
float: left;
left: 7px;
letter-spacing: 1px;
width: 550px;
}

.table2con{
width: 550px;
}
/*-----------------------------------------------------------------------*/
/*                              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: #0066CC;
	text-align: center;
	font-style: normal;
	font-weight: bold;	
}

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

h2{
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	font-weight: bold;	
	padding:0px 10px 0px 10px;
	margin: 0px;
}


/*-----------------------------------------------------------------------*/
/*                              warning works in navi                    */
/*-----------------------------------------------------------------------*/				

a:link {color: #0066CC;}
a:visited {color: #0066CC;}
a:hover {color: #000000;}

a.con:link {color: #0066CC;}
a.con:visited {color: #0066FF;}
a.con:hover {color: #000000;}

a.index:link {color: #0066CC;}
a.index:visited {color: #0066FF;}
a.index:hover {color: #000000;}

a.info:link {color: #0066CC;}
a.info:visited {color: #0066FF;}
a.info:hover {color: #000000;}

/*-----------------------------------------------------------------------*/
/*                              IMG Style                                */
/*-----------------------------------------------------------------------*/				
/*padding:top right bottom left*/
img{
border:none;
padding:0px;
margin:0;
font-weight:bold;
font-style:normal;
text-align: center;
color:#0066CC;
}
img.imgheader{
padding:0px;
font-size:22px;
}
img.flag{
border:none;
padding:1px 0px 0px 0px;
margin:0;
font-size:12px;
}
img.imgindex{
font-size:10px;
padding-left: 20px;
padding-right: 20px;
}

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

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

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

.ihead2{
	position: absolute;
	left: 136px;
	top: 65px;
	display: none;
	width: 480px;
	height: 25px;
	letter-spacing:1px;	
	color: #0066CC;	
	background-color:#FFFFFF;
	text-align: center;
	font-style: normal;
	font-weight: bold;	
	font-size: 18px;
	line-height: 20px;	
}

/*padding:top right bottom left*/