html {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	background:rgb(0,0,0);
	font-size:76%;
	font-family:georgia, palatino linotype, times new roman, serif;
	color:#FFF;

	}

a:link{color:#aaddff;}
a:visited{color:#C2F7F8;}


body {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	background:rgb(0,0,0);
	

	}

#content {
	display:block;

	position:absolute;
	z-index:3;
	top:150px;
	bottom:26px;
	width:960px;
	margin-left:-422px;
	left:50%;
	border-left:1px solid #000;
	border-right:1px solid #000;
	background:#000;

	}

* html #content {
	top:0;
	bottom:0;
	height:100%;
	width:804px;
	border-top:154px solid #000;
	border-bottom:50px solid #000;   /* SOLID BLOCK AT AT THE BOTTOM ONLY ON IE */
	}

#head {
	position:absolute;
	margin-left:-422px;
	left:50%;
	top:0;
	
	width:800px;
	min-width:800px;
	height:150px;
	background:#000;
	font-size:0.9em;
	z-index:5;
	bottom: -55px;
	border:0px solid #111;			/* FULL BORDER JUST FOR MOZILLA / OPERA */
	
	}

* html #head {
	top:2px; width:850px; height:148px;
	border:1px solid #000;			/* REMOVES 4 LINES FROM HEADER BORDER ------ JUST FOR IE */

	}

a.nav1, a.nav2, a.nav3, a.nav4, a.nav5, a.nav6, a.nav7, a.nav8 {width:100px; height:150px; display:block; float:left; background:url(heading1.gif); text-align:center; font-size:1em; font-weight:bold; color:#FFF; text-decoration:none; font-family:verdana, arial, sans-serif; line-height:25px; overflow:hidden; cursor:hand ;}
#head a .pad {display:block; width:100px; height:125px;background:transparent;} /* SINGLE BORDER JUST FOR MOZILLA / OPERA */

* html #head a .pad {border-bottom:1px solid #000;} /* REMOVES 1 LINE FROM HEADER BORDER ---- JUST FOR IE */

a.nav1 {background-position:0 150px;}
a.nav2 {background-position:-100px 150px;}
a.nav3 {background-position:-200px 150px;}
a.nav4 {background-position:-300px 150px;}
a.nav5 {background-position:-400px 150px;}
a.nav6 {background-position:-500px 150px;}
a.nav7 {background-position:-600px 150px;}
a.nav8 {background-position:-700px 150px;}

a.nav1:hover {background-position:0 0;}
a.nav1:hover .button {background:#340C55; color:#EADBFF; cursor:pointer; display:block; width:100px; height:25px; cursor:hand ;}
a.nav2:hover {background-position:-100px 0;}
a.nav2:hover .button {display:block; width:100px; height:25px; background:#340C55; color:#EADBFF; cursor:pointer; cursor:hand ;}
a.nav3:hover {background-position:-200px 0;}
a.nav3:hover .button {display:block; width:100px; height:25px; background:#340C55; color:#E7D6FE; cursor:pointer; cursor:hand ;}
a.nav4:hover {background-position:-300px 0;}
a.nav4:hover .button {display:block; width:100px; height:25px; background:#340C55; color:#EADBFF; cursor:pointer; cursor:hand ;}
a.nav5:hover {background-position:-400px 0;}
a.nav5:hover .button {display:block; width:100px; height:25px; background:#340C55; color:#EADBFF; cursor:pointer; cursor:hand ;}
a.nav6:hover {background-position:-500px 0;}
a.nav6:hover .button {display:block; width:100px; height:25px; background:#340C55; color:#EADBFF; cursor:pointer; cursor:hand ;}
a.nav7:hover {background-position:-600px 0;}
a.nav7:hover .button {display:block; width:100px; height:25px; background:#340C55; color:#EADBFF; cursor:pointer; cursor:hand ;}
a.nav8:hover {background-position:-700px 0;}
a.nav8:hover .button {display:block; width:100px; height:25px; background:#340C55; color:#EADBFF; cursor:pointer; cursor:help ;}


#foot {
	text-align:center;
	position:absolute;
	margin-left:-422px;
	left:50%;
	bottom:0;
	width:800px;
	min-width:800px;
	height:32px;
	background:url(grad2.jpg)
	font-size:1em;
	z-index:5;
	border:1px solid #000;
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	}

* html #foot {
	bottom:2px; width:804px; height:13px;
	}


#content p {
	padding:4px; text-align:justify;
	}

.boldhead {
	font-size:0.0em;
	font-weight:bold;
	background:#001;
	border-top:1px solid #050505;

	}



.bold {font-weight:bold;}



.leftpicture {float:left; margin-left:0px; margin-right:8px; border:1px solid #AAF;}
.rightpicture {float:right; margin-right:-2px; margin-left:8px; border:1px solid #AAF;}
.anypicture {border:0px solid #AAF;}
.counter {margin-left:20px; margin-right:8px; margin-top:4px;}



/* ============  formatting for OPERA AND FIREFOX===================== */
.thebar {width:100%; float:left; margin-bottom:0px;}

.block1 {float:left; width:280px; text-align:justify;}
.block2 {float:right; width:440px; text-align:justify;}
.video2 {float:right; width:440px; text-align:center; border:1px solid #44F;}
.block3 {float:left; width:98%; text-align:justify;}


.block4 {float:left; width:98%; text-align:justify; background:#211; background:url(grad2.jpg);}
.block5 {float:left; width:98%; text-align:justify; background:#211; background:url(grad2.jpg);}


.righttext {float:right; width:300px; text-align:justify; background:#fff; border-left:10px solid#000;}



/* ======================formatting for IE========================== */

* html .block1 {float:left; width:290px; text-align:justify; }
* html .block2 {float:right; width:470px; text-align:justify;}
* html .block3 {float:left; width:100%; text-align:justify; margin-top:25px;} /* ADD +25 MARGIN ONLY TO IE  */
* html .block4 {float:left; width:100%; text-align:justify; }
* html .leftpicture {margin-left:0px;}
* html .rightpicture {margin-right:0px;}



#main_menu{

background:url(grad2.jpg);
border-top:1px solid #44F;
border-left:1px solid #44F;
border-right:1px solid #44F;
border-bottom:1px solid #44F;
;
}

#main_menu3{
margin-top:8px;
background:url(grad3.jpg);
border-top:1px solid #44F;
border-left:1px solid #44F;
border-right:1px solid #44F;
border-bottom:1px solid #44F;
}

#main_menu2{
bottom:5px; left:5px;
}

a.thebar {
margin-top:2px;
border:1px solid #44F; border-bottom:1px solid #000;
background:url(grad3.jpg);
text-decoration: none;
}

a.thebar:hover{
color: white;
text-decoration: underline;
background:url(grad4.jpg);
}

p.block1:hover{
cursor:pointer; cursor:hand;

}