body, div, table, tr, td, p{
	font:normal 11px Arial, Helvetica, sans-serif;
}
body{
	
	margin:0px;
	
	text-align:center;
	background:url('../images/bodyBG.png') repeat-x 0px 0px;	
	
}
a:link{color:#0000CC;text-decoration:none}
a:visited{color:#0000CC;text-decoration:none}
a:active{color:#0000CC;text-decoration:underline} 
a:hover{color:#3f7fca;text-decoration:none} 

.page {
	width:800px;
	display:block;
	margin:0px auto 0px;
	height:auto;
	background:transparent url(../images/pageBG.png) top center repeat-y;
	behavior: url(iepngfix.htc);
	text-align:center;
}

form{
	margin:0px;
	}
.headpic{
	background:url('../images/HeaderBg.png') repeat-x 0px 0px;	
	WIDTH:798px;
	padding:5px;
	text-align:center;
	border:1px solid #cccccc;
	}
.headLine{
	WIDTH:798px;
	max-height:2px;
	text-align:center;
	background:url('../images/HeaderLine.png') repeat-x 0px 0px;	
	}

	
.subMenu{
	color:#0000CC;
	min-height:800px;
	}

.subMenu.title{
	border-bottom:1px solid #FFFFFF;
	height:25px;
	padding-top:2px;
	padding-left:5px;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	}
	
.subMenu.item{
	border-bottom:1px dotted #FFFFFF;
	height:25px;
	padding-top:5px;
	padding-left:10px;
	text-align:left;
	}



.actpic{
	margin-top:0px;
	OVERFLOW: hidden;
	WIDTH:700px;
	FILTER: alpha(opacity=90);
	}
.logopic{	
	WIDTH:800px;
	height:120px;
	}
.mainpic{	
	WIDTH:800px;
	color:#FFFFFF;
	font-family: Comic Sans MS;
	clear:both;
	}
.scrollpic{	
	WIDTH:210px;
	background:url('../images/scrollBG.png') no-repeat 0px 0px;	
	text-align:center;
	height:420px;
	}

.mainpic .mainArea{	
	WIDTH:565px;
	background-color:#404040;
	padding:10px;
	text-align:left;
	float:right;
	margin-left:5px;
	min-height:500px
	font-family: Comic Sans MS;
	color:#FFFFFF;
	valign:top;
	}
.mainpic .mainArea table, .mainpic .mainArea tr, .mainpic .mainArea td, .mainpic .mainArea p{	
	
	font-family: Comic Sans MS;
	color:#FFFFFF;
	}
a.mainAreaA:link{color:#ffffff;text-decoration:none;}
a.mainAreaA:visited{color:#ffffff;text-decoration:none;}
a.mainAreaA:active{color:#ffffff;text-decoration:none;} 
a.mainAreaA:hover{color:#ffffff;text-decoration:none;} 

.pkgMiddle {
	background-image:url('../images/pkgBG_mid.png');
	width: 170px;
	color:#000;
	font-family: Comic Sans MS;
	height:200px;
}
.pkgMiddle.pkg{
height:30px;
}
.pkgMiddle .pkg .left {	
	width: 10px;
	padding-left:5px;
	float:left;
}
.pkgMiddle .pkg .right {	
	width:150px;
	float:right;
}


.pkgTop {
	background:url('../images/pkgBG_top.png') no-repeat 0px 0px;
	width: 170px;
	height:50px;
}
.pkgTop2 {
	background:url('../images/pkgBG_top2.png') no-repeat 0px 0px;
	width: 170px;
	height:50px;
}
.pkgTop3 {
	background:url('../images/pkgBG_top3.png') no-repeat 0px 0px;
	width: 170px;
	height:50px;
}

.pkgBottom {
	background:url('../images/pkgBG_bottom.png') no-repeat 0px 0px;
	width: 170px;
	height:50px;
}

.footerBot{
	width:800px;
	background-color:#e4e4e4;
	color:#7e7e7e;
	border:1px solid #c3c3c3;
	line-height:150%;
	text-align:center;
	margin:2px 0px;
	clear:both;
	margin-bottom:5px;
	}
.footerL{
	width:800px;
	text-align:center;
	background-color:#FAAE21;
	padding-top:10px;
	color:#FFFFFF;
	line-height:150%;
	}

.scroll{
width=624px; 
height:600px; 
overflow:auto;
font-size:14px;
scrollbar-base-color: #DFE2FF;
scrollbar-face-color: #DFE2FF;
scrollbar-shadow-color: #FFFFFF
scrollbar-3dlight-color: #DFE2FF;
}


/* -------CSS MAIN MENU BAR -------- */	
.menu {
background:url('../images/HeaderBg.png') repeat-x 0px 0px;
	width: 800px;
	height: 30px;
	text-align:center;
	float:right;
	}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
	{
	margin: 0; 
	padding: 0; 
	background-color: transparent; 
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-family: Comic Sans MS;
	font-size: 14px;
	margin-bottom:5px;
	}
.menu ul ul 
	{
	width:110px;
	}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li 
	{
	float:left;width:110px;position:relative;
	list-style: none;
	}
/* style the links for the top level */
.menu a, .menu a:visited 
	{
	display:block;
	font-size:14px;
	text-decoration:none; 
	color:#fff; 
	width:110px; 
	height:30px; 
	background-color: transparent; 
	padding-left:1px; 
	padding-right:0px; 	
	line-height:30px;
	}


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited 
	{
	
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul 
	{
	visibility:hidden;
	position:absolute;
	height:0;
	top:30px;
	left:0;
	width:100px;
	}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited 
	{
	background-image: url('../images/HeaderBg.png');
	color:#FFF; 
	height:30px; 
	padding:0px ; 
	width:110px;
	line-height: 16px;
	display: block;
	text-align: left;
	font-weight: bold;
	}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover
	{
	color:#000;
	background:#efefef;
	}
.menu :hover > a, .menu ul ul :hover > a
	{
	color:#000;
	background:#efefef;
	}


/* ########## DOMAIN NAVIGATION STYLES ######### */


/* Sets the other Navigation to a certain width */
.menu li.other_nav, .menu li.other_nav a, .menu li.other_nav a:visited
	{
	position:relative; 
	list-style: none; 
	margin:0;
	width: 110px; 
	color:#fff;
	}

.menu li.other_subnav, .menu li.other_subnav a, .menu li.other_subnav a:visited

{
width: 210px;
visibility:visible;
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul
	{
	visibility:visible;
	}
	


/* -------*END* CSS MAIN MENU BAR -------- */