/* CSS Document */
body{
	padding:0px;
	margin:0px;
	background:#FFF;
	color:#6f6f6f;
	font:12px/14px Tahoma, sans-serif;
	background-image: url(../images/wrapper%20bg.jpg);
	background-repeat: repeat-x;
}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{
	list-style-type:none;
	padding-left: 40px;
}

#mainbody{
	width:900px;
	margin:0 auto;
	position:relative;
	padding:0px;
} 

/*  TOP HEADER  */

#topheader{
	height:101px;
	width:900px;
	background:url(../images/topline.png) 0 0 no-repeat;
	margin:0 0 0 5px;
	position:relative;
	padding:0px;
} 

#topheader img{
	height:73px;
	width:211px;
	position:absolute;
	top:22px;
	left:10px;
}

#topheader ul {
	width:522px;
	height:39px;
	position:absolute;
	top:56px;
	left:378px;
}
#topheader ul li{float:left}

#topheader ul li.home{width:62px; height:17px; margin-right:22px}
#topheader ul li.home a{width:62px; height:17px; display:block; background:url(../images/btn_home.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.home a:hover{width:62px; height:17px; background:url(../images/btn_home_over.jpg) 0 0 no-repeat;}

#topheader ul li.about{width:83px; height:17px; margin-right:20px}
#topheader ul li.about a{width:83px; height:17px; display:block; background:url(../images/btn_about.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.about a:hover{width:83px; height:17px; background:url(../images/btn_about_over.jpg) 0 0 no-repeat;}

#topheader ul li.services{width:79px; height:17px; margin-right:22px}
#topheader ul li.services a{width:79px; height:17px; display:block; background:url(../images/btn_services.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.services a:hover{width:79px; height:17px; background:url(../images/btn_services_over.jpg) 0 0 no-repeat;}

#topheader ul li.support{width:79px; height:17px; margin-right:22px}
#topheader ul li.support a{width:79px; height:17px; display:block; background:url(../images/btn_support.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.support a:hover{width:79px; height:17px; background:url(../images/btn_support_over.jpg) 0 0 no-repeat;}

#topheader ul li.contacts{width:79px; height:17px;}
#topheader ul li.contacts a{width:79px; height:17px; display:block; background:url(../images/btn_contacts.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.contacts a:hover{width:79px; height:17px; background:url(../images/btn_contacts_over.jpg) 0 0 no-repeat;}

/* TOP BACK */

#topback{
	height:295px;
	width:900px;
	margin:0 0 0 5px;
	position:relative;
	padding:0px;
	background-image:url(../images/bg.png);
	background-position:top-left;
	background-repeat:no-repeat;
	margin-top: 3px;
}
#topback h2{
	width:181px;
	height:28px;
	text-indent:-20000px;
	margin:14px 0 0 19px;
	color: #FFF;
}
#mainbody #topback #topback_contnet {
	color: #FFF;
	height: auto;
	width: 580px;
	margin-left: 270px;
	padding-top: 50px;
}
#mainbody #topback #images {
	margin-left: 350px;
	width: 400px;
}
#mainbody #topback #header_content {
	margin-left: 270px;
}



#topback p{width:170px; margin:14px 0 0 23px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#FFF; }
#topback p span {font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13; text-transform:uppercase; }

#topback ul{width:170px; margin:14px 0 0 23px;}
#topback ul li a{display:block; width:160px; height:20px; background:url(../images/arrow1.jpg) 0 6px no-repeat; font:10px/20px Tahoma, Arial, Helvetica, sans-serif; color:#6fe3f0; font-weight:normal; text-decoration:none; padding:0 0 0 20px;}
#topback ul li a:hover{text-decoration:underline; color:#FFF} 

#topback ul.ask {width:200px; height:50px; position:absolute; top:232px; left:558px; background: none; margin:0}
#topback ul.ask li a{width:200px; height:50px; display:block; text-indent:-20000px; background: none; padding:0}
#topback ul.ask li a:hover{width:200px; height:50px;}

/*  BODY PAN */

#bodypan{
	width:900px;
	margin:0 0 0 5px;
	position:relative;
	padding:0px;
}

#leftpan{
	width:250px;
	margin:18px 0 0 19px;
	position:relative;
	padding:0px;
	float:left
}
#leftpan h2{
	width:219px;
	height:27px;
	margin:0 0 1px 0;
	border-bottom:#1c3743 1px solid;
	color: #27059A;
	font-size: 28px;
	font-weight: lighter;
}
#leftpan ul{
	width:215px;
	margin:0 0 0 4px;
	padding-left: 5px;
}
#leftpan ul li.arrow{
	background:url(../images/arrow2.jpg) 0 6px no-repeat;
	height:16px;
	padding:0 0 0 16px;
	font:11px/14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666;
	margin-top:14px
}ul li.arrow{
	background:url(../images/arrow2.jpg) 0 6px no-repeat;
	height:16px;
	padding:5 5 5 16px;
	font:11px/14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666;
	padding-left: 35px;
}
ul li #footer{
	background:url(../images/arrow2.jpg) 0 6px no-repeat;
	height:16px;
	padding:5 5 5 16px;
	font:11px/14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666;
	padding-left: 35px;
}
#leftpan ul li{background:none; padding:0 0 0 16px;}
#leftpan ul li span {
	font:11px/14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#2A06A4;
}
#leftpan ul li a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#leftpan ul li a:hover{color:#4aafdc;}

#middlepan{
	width:250px;
	margin:18px 0 0 50px;
	position:relative;
	padding:0px;
	float:left
}
#middlepan h2{
	width:212px;
	height:27px;
	margin:0 0 16px 0;
	border-bottom:#1c3743 1px solid;
	color: #270598;
	font-size: 28px;
	font-weight: lighter;
}
#middlepan h3{width:212px; height:76px; background:url(../images/img1.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 12px 0;}
#middlepan span{

}
#middlepan a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#middlepan a:hover{color:#4aafdc;}

#rightpan{
	width:250px;
	margin:18px 0 0 50px;
	position:relative;
	padding:0px;
	float:left
}
#rightpan h2{
	width:246px;
	height:27px;
	margin:0 0 16px 0;
	border-bottom:#1c3743 1px solid;
	font-size: 28px;
	font-weight: lighter;
	color: #270598;
}
#rightpan span{

}
#rightpan #img01{background:url(../images/img2.jpg) 0 0 no-repeat; min-height:76px; padding:0 0 0 89px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; margin-top:12px}
#rightpan #img02{background:url(../images/img3.jpg) 0 0 no-repeat; min-height:76px; padding:0 0 0 89px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; margin-top:12px}
#rightpan a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#rightpan a:hover{color:#4aafdc;}

/*  FOOTER */

#footer{
	width:900px;
	height:auto;
	margin:15px 0 0 5px;
	position:relative;
	padding:0px;
	float: left;
}
#footer p{
	margin:20px 0 0 0px;
	font:10px/18px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 11px;
}
#footer a{font:10px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#6f6f6f; text-decoration:none;}
#footer a:hover{color:#000; text-decoration:underline;}

#sponsor{
	width:770px;
	margin:15px 0px 10px 0px;
	text-align: center;
	float: left;
	position: relative;
}
h1{
	font-size: 70px;
	font-family: "Century Gothic";
	font-weight: lighter;
}
h4{
	font-size: 26px;
	color: #CCC;
	margin-top: 15px;
	font-weight: lighter;
	padding-left: 50px;
}
.menu ul{
	height:27px;
	list-style:none;
	margin: 0;
	padding: 0;
	}
	.menu li{
	float:left;
		}
	.menu li a{
	color: #333;
	text-decoration: none;
	padding: 9px 30px 6px;
	display:block;
	font-weight:normal;
	line-height:30px;
	margin:0px;
	padding:0px 11px;
	text-align:center;
	text-decoration:none;
	font-size: 12px;
		}
		.menu li a:hover, .menu ul li:hover a{
	color:#FFF;
	text-decoration:none;
	height:28px;
	text-align: right;
	background-color: #2A06A4;
			}
			
	.menu li ul{
	background:#f7991d;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:225px;
	z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
	display:block;
	height:35px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 3px 0px 3px;
	text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#1E374A url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	
