@charset "utf-8";
/* CSS Document */
body {
	margin-top:15px;
	padding:0px;
	width:auto;
	background: #efefef url(../images/theme/background1.jpg) top repeat-x; 
}
.banner{
	text-align:center;
	margin-top:0px;
}
.container{
	width:910px;
	margin-left: auto;
	margin-right:auto;
	margin-top:0px;
	height:auto;
	border:#0CC solid 0px;
}
.mid{
	width: auto;
	height:auto;
	background: inherit;
	border:#096 solid 1px;
	margin:0px 0px 0px 0px;
	position: relative;
}

#_f{ 
	text-align:center;
	color:#FFF;
	margin-top:10px;
	margin-bottom:-10px;
	background:#039;
	font:16px Verdana, Arial, sans-serif;
	font-weight:600;
	height:20px;
	width:auto;
	border:#F0F solid 0px;
}


/*----------------top buttons begin here----------------------------*/
.topbtn ul{
	padding-left:0px;
	color:#999;
	margin-bottom:10px;
	margin-left: auto;
	margin-right:auto;
	clear:both;
	text-align:center;
	font-size:20px;
	border:#0FF solid 0px;
}
.topbtn ul li{
	display: inline-block;
	margin-right:0px;	
}
.topbtn ul li a{
	height:130px;
	width:152px;
	background:#FFB;
	color:#CBC;
	text-decoration:none;
	text-align:center;
	padding:1px 4px 4px 4px;
	float: right;
	position: relative;
	font:16px Verdana, Arial, sans-serif;
	font-weight:700;
	text-align:center;
	margin:0px 2px 0px 2px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,2.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,2.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	box-shadow: 0 1px 0 rgba(255,255,255,2.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	-webkit-border-radius: 15px 15px 15px 15px;
	-moz-border-radius:    15px 15px 15px 15px;
	border-radius:         15px 15px 15px 15px;
	border-bottom: dotted 1px;
}
.topbtn ul li a:hover{
	height:130px;
	width:152px;
	background:#FF9;
	color:#F90;
	text-decoration:none;
	text-align:center;
	padding:1px 4px 4px 4px;
	float: right;
	position: relative;
	font:16px Verdana, Arial, sans-serif;
	font-weight:700;
	text-align:center;
	margin:0px 2px 0px 2px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,2.2), inset 4px 0 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,2.2), inset 4px 0 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	box-shadow: 0 1px 0 rgba(255,255,255,2.2), inset 4px 0 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	border-left-color:#bbb;
	border-top-color:#bbb;	
}
#active a:link, #active a:visited, #active a:hoverf{
	background:#DF400F;
	color:#FFF;	
}
#a1{ background:#aFF;color:#6CF; }
#a1:hover{ background:#8FF;color:#09F; }
#a2{ background:#FDF;color:#F9F; }
#a2:hover{ background:#FCF;color:#D5D; }
#a3{ background:#AFC;color:#5CA; }
#a3:hover{ background:#8FB;color:#090; }
#a4{ background:#FBA;color:#F88; }
#a4:hover{ background:#F99;color:#F22; }
#a5{ background:#BBF;color:#88D; }
#a5:hover{ background:#AAF;color:#44D; }
#a6{ background:#FD9;color: #FA4; }
#a6:hover{ background:#FB6;color:#F60; }
#a7{ background:#7DB;color:#0A9; }
#a7:hover{ background:#0B8;color:#073; }

/*------------  top buttons end here ------------------------------*/

.capsule ul{
	padding-left:0px;
	margin-left: 10px;
	color:#999;
	float: none;	
	margin-bottom:0px;
	margin-left:0px;
	clear:both;
	text-align:center;
	font-size:20px;
	border:#0FF solid 0px;
}
.capsule ul li{
	display: inline-block;
	margin-right:0px;	
}
.capsule ul li a{
	height:50px;
	width:200px;
	background:#FFB;
	color:#CBC;
	text-decoration:none;
	text-align:center;
	padding:1px 4px 4px 4px;
	float: right;
	position: relative;
	font:14px Verdana, Arial, sans-serif;
	font-weight:700;
	text-align:center;
	margin:0px 2px 0px 2px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,2.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,2.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	box-shadow: 0 1px 0 rgba(255,255,255,2.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	-webkit-border-radius: 25px 25px 25px 25px;
	-moz-border-radius:    25px 25px 25px 25px;
	border-radius:         25px 25px 25px 25px;
	border-bottom: dotted 0px;
}
.capsule ul li a:hover{
	height:50px;
	width:200px;
	background:#FF9;
	color:#F90;
	text-decoration:none;
	text-align:center;
	padding:1px 4px 4px 4px;
	float: right;
	position: relative;
	font:14px Verdana, Arial, sans-serif;
	font-weight:700;
	text-align:center;
	margin:0px 2px 0px 2px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,2.2), inset 4px 0 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,2.2), inset 4px 0 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	box-shadow: 0 1px 0 rgba(255,255,255,2.2), inset 4px 0 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	border-left-color:#bbb;
	border-top-color:#bbb;	
}


#hlp_top{
	text-align:center;
	color:#F00;
	font:13px Verdana, Arial, sans-serif;
	font-weight:600;
	float:right;
	margin:0px 2px 0px -150px;
	width:145px;
	border:#F0F solid 0px;
}

#hlp{ 
	text-align:center;
	color:#F00;
	font:15px Verdana, Arial, sans-serif;
	font-weight:600;
	border:#F0F solid 0px;
}