@charset "utf-8";
/* CSS Document */
/*776E40*/
body {
	margin:0px;
	padding:0px;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	background-color:#EFEDEC;
	min-height:768px;
}
#outer{
	padding:0px;
	margin:0px;
	width:100%;
	max-width:100%;
	overflow:hidden;
	}
img{
	border:none;}
p{
	color:#999999;}	
#header{
	clear:both;
	overflow:hidden;
	margin:0px;
	background-color:#303F42;
	margin:0px;
	width:100%;
	padding:0px 0px;
	height:auto;;
	
    }
.content1{
	z-index:2;
	clear:both;
	width:1024px;
	margin:20px auto 0px auto;
	overflow:hidden;
	padding:0px;
	border:0px solid #ddd;
	height:auto;
	
	
}
.useful_links{
	width:250px; float:left; 
	}
.useful_links li a{
	font-size:12px; color:#666; line-height:25px;
	}
.useful_links li a:hover{color:#F60;}
#logo{
	width:1024px;
	padding:10px 0px 5px 0px;
	margin:auto;
	overflow:hidden;
	height:auto;}
#logo a h1{text-shadow: 4px 4px 4px #000; width:550px; position:relative; color:#FFFFFF; font-size:22px; top:10px;}
		
ul#aim{
	margin-left:15px;
	 color:#666;
	 font-size:14px;
	}	
ul#aim li{
	
	list-style-type:square;
	color:#333;
	}	
#search_in placeholder{
	color:#999999;
	font-size:11px;}
a:hover{
text-decoration:underline;}
a.footer_link{text-decoration:none;}
a.footer_link p{color:#6D6D6D; font-size:.9em; padding:0px; margin:0px;}
a.footer_link p:hover{
	color:#FFF;
	-moz-transition:all ease-in-out 0.6s;
	-ms-transition:all ease-in-out 0.6s;
	-o-transition:all ease-in-out 0.6s;
	-webkit-transition:all ease-in-out 0.6s;
	}

ul#news{
	text-align:left;
	margin:5px; 
        padding:5px; 
}
ul#news li{
	list-style-type:none;
	line-height:25px;
	color:#666;
	}			
ul#news a{
	color:#666;
	padding-bottom:5px;
	text-decoration:none; border-bottom:1px dotted #999999;
}

	ul#ul_left{
		text-align:left;
	float:left;
	list-style-type:none;}
	
ul#ul_left li a{
	text-align:left;
	line-height:25px;
	text-decoration:none;
	color:#666;}
#news_event{
    /*height: 403px;*/
}

#news_event td {
    border-bottom: 1px dotted #CCC;
    color: #666;
}
#news_event a{
	color:#666;
	padding-bottom:5px;
	text-decoration:none; 
        /*border-bottom:1px dotted #999999;*/
}

#cycler{position:relative; height:150px; width:210px; }
#cycler img{position:absolute;z-index:1; height:150px; width:210px;}
#cycler img.active{z-index:3;  height:150px; width:210px;}

#about{
	width:1024px;
	clear:both;
	text-align:center;
	margin:auto;
	padding:0px;
	height:20px;
	overflow:hidden;
	background-image:url(../img/topbg.jpg);
	background-repeat:repeat-x;
	padding:6px;
	color:#000;   
    }
ul.school_menu{

    width: 290px; /* Main Menu Item widths */
    border: 1px solid #DAD8D7;
    border-top:none;
    position: relative;
    list-style: none; margin: 0; padding: 0; display:block;	
	}	
ul.school_menu li{
     list-style: none; margin: 0; padding: 0;
	
}
	
ul.school_menu li a{
	font-size:11.5px;
    border-top:1px solid #DAD8D7;
    display: block;
    /*overflow: auto; force hasLayout in IE7 */
    color:#666;
    text-decoration: none;
    line-height:26px;
    padding-left:26px;
	background-color:#F3F3E9;
	text-transform:capitalize; 
	}	
ul.school_menu li a:hover{
	background-position: 100% 65%;
	background-color:#FFFFFF;
	color:#303F42;
	background-image:url(../img/mma.png);
	background-repeat:no-repeat;
	
	}
	
				
#footer_last{
	width:1024px;
	text-align:center;
	overflow:hidden;
	line-height:25px;
	color:#09C;
	clear:both;
	padding:6px;
	margin:auto;
	background-color:#AAAAAA;
	height:auto;}
#footer_last a{
	text-decoration:none;
	font-size:.8em;
	color:#666;}					

#menu{
	clear:both;
	width:1024px;
	text-align:center;
	margin:auto;
	padding:0px;
	height:auto;
	overflow:hidden;
	background-color:#4A5255;
	color:#EE1849;   
    }
	
.fadein { position:relative; width:700px; height:278px; }
.fadein img { position:absolute; left:0; top:0; width:100%; height:278px;}


#slideshow {
    position:relative;
    height:278px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	width:700px;
	height:278px;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv{
min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
 cursor:pointer;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px; /*add some nice CSS3 round corners*/
-webkit-border-radius:5px;
border-radius:5px;
color:#666; font-size:13px; border:1px solid #DAD8D7; padding:10px; margin:5px 0px 0px 0px; text-align:justify;
}
.leftarrowdiv:after{ /*arrow added to leftarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:-31px; /*should be set to -border-width x 2 */
width:0;
height:0;
border-color: transparent #ddd transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 0px;
}
a.tip {
  position: relative;
  text-decoration: none;
}
a.tip:hover:before {
  display: block;
  position: absolute; 
  padding: .5em;
  content: attr(title);
  min-width: 120px;
  text-align: center;
  width: auto;
  height: auto;
  white-space: nowrap;
  top: -32px;
  background: rgba(0,0,0,.8);
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;    
  color: #fff;
  font-size: .86em;
}
a.tip:hover:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: rgba(0,0,0,.8) transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top: -8px;
  left:1em;
}
table#member_table{
	width:1024px;
	 border:1px solid #CCC;
	   border-collapse:collapse;
	    margin:auto;
		 text-align:center;
	}
table#member_table td{	
border:1px solid #CCC;

}
table#member_table td p{
color:#798A79;
font-size:1em;
text-align:center;
}

table#member_table th{	
border:1px solid #CCC;
}
/* image gallery */
.pg {
width:600px;
border:0px solid #000;
margin:0px auto 0px auto; padding:0px;
list-style: none none;
}

.pg:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

.pg li {
list-style: none none;
display: inline;
}

.pg li a {
margin: 2px;
border: 2px solid #CCC;
padding: 0px;
position: relative;
float: left;
display: block;
width: 132px;
height: 75px;
}

.pg li a:hover {
font-size: 100%;
z-index: 999;
background-color:#FFF;
}

.pg li a img {
border: 0 none;
position: absolute;
width: 132px;
height: 75px;
background-color:#fff;
}

.pg li a:hover img,.pg li a:active img,.pg li a:focus img {
width: 700px;
height: 400px;
z-index:3;
border:5px solid #ddd;
position: fixed;
}
.about_para
{
color:#666;
font-size:12px;
line-height:20px;


}
.ovp_msg{color:#666;
font-size:13px;
}

.external_header{
color:#798A79;
	}
.hand{
	
	cursor:pointer;}
	
.msgfield
{
border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;	
}
.msglegend{
border:1px solid #ccc; background-color:#F3F3E9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  color:#798A79; padding:3px;	
	}
	
table.selection td,th{
border:1px solid #DAD8D7;
text-transform:capitalize;
color:#666;
font-size:12px;
cursor:pointer;
border-collapse:collapse;
vertical-align:middle;
	
}
table.selection tr:hover{
	background-color:#FFFF99;
	}
        
table.contact th{
border:1px solid #DAD8D7;
color:#666;
font-size:12px;
cursor:pointer;
border-collapse:collapse;
vertical-align:middle;
	
}
        
table.contact td{
border:1px solid #DAD8D7;
color:#666;
font-size:12px;
cursor:pointer;
border-collapse:collapse;
vertical-align:middle;
	
}
table.contact tr:hover{
	background-color:#FFFF99;
	}
        
table.selection1 td,th{
border:1px solid #DAD8D7;
text-transform:capitalize;
color:#666;
/*font-size:9px;*/
cursor:pointer;
border-collapse:collapse;
vertical-align:middle;
	
}
table.selection1 tr:hover{
	background-color:#FFFF99;
	}
	
table#about_school td{
border-bottom:1px solid #DAD8D7;
text-transform:capitalize;
color:#666;
font-size:12px;
cursor:pointer;
border-collapse:collapse;
vertical-align:top;
padding:8px 0px;
}	
table#fee_school td{
border:1px solid #DAD8D7;
text-transform:capitalize;
color:#666;
font-size:12px;
cursor:pointer;
border-collapse:collapse;
vertical-align:top;
padding:3px;
	
}
table#about_school td span{ color:#666; font-weight:bold; vertical-align:text-top;}

table#about_school tr:hover{
	background-color:#FFFF99;
	}
		
.slogan{
	color:#969D99; position:relative; top:0px; font-size:10px; left:1px; text-transform:capitalize;
	}

/*gallery*/
/*gallery*/
.clear {
	clear:both
}

#gallery {
	position:relative;
	width:100%;
	margin:auto;
	height:400px
	
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
		width:100%;
		height:400px;
	}
	
	#gallery a.show {
		z-index:500;
		width:100%;
	}

	#gallery .caption {
		
		z-index:600;  
		
		height:auto; 
		width:90%;
		margin:auto; 
		position:absolute;
		bottom:1%;
	}

	#gallery .caption .content {
		padding:0px;
		width:100%;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.5em;
		color:#000;
		border:0px;

		background-color:#fff;
	}
	
	#gallery .caption .content h1 {
		
		text-align:center;
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#000;
	}
.photo{
	margin:20px 30px; padding:0px;
	}

.photo li{
	text-align:left;
	line-height:25px;
	list-style-type:lower-roman;
	color:#fff;}	
.photo li a{
	text-align:left;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FF3;}	
	
.photo li a:hover{
	text-decoration:underline;


}
a.img_g img{
	border:3px solid #ddd;
	margin:10px 2px;

}
a.img_g img:hover{
	border:3px solid #090;
	margin:10px 2px;

}
a.img_g{
	
	}
	
#backtotop {
	position: fixed;
	right:0px;
	bottom:200px;
	display:none;/*hid the button first*/
}
#backtotop a {
	text-decoration:none; border:1px solid #776E40; display:block; width:31px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; height:20px; background-color:#776E40; color:#fff; padding:5px;
}


#backtotop a:hover {
	opacity:.8; /*mouse over fade effect*/
}

#paytop {
	position: fixed;
	right:0px;
        top: 420px;
	/*display:none;hid the button first*/
}
#paytop a {
	text-decoration:none;
        border:1px solid #09C; 
        display:block; 
        width:120px; 
        -moz-border-radius:4px; 
        -webkit-border-radius:4px; 
        border-radius:4px; 
        height:20px; 
        background-color:#09C; 
        color:#fff; 
        padding:5px;
}


#paytop a:hover {
	opacity:.8; /*mouse over fade effect*/
}
.clrb {
	clear:both;
}
.member_name{ float:right; margin:35px 20px 0px 0px;}	

.genesis1{ width:300px; float:left; padding:0px; margin:10px 0px; overflow:hidden;  line-height:15px;}

.genesis1 p{ color:#776E40; border-bottom:1px dotted #ddd; padding-bottom:10px;}
.genesis1 h4{ color:#776E40;}

.genesis2{ width:300px; float:right; padding:0px;  margin:10px 0px; overflow:hidden;  line-height:15px; }
.genesis2 p{ color:#776E40; border-bottom:1px solid #ddd; padding-bottom:10px;}
.genesis2 h4{ color:#776E40;}

/*modal*/
.web_dialog_overlay
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: .8;
   filter: alpha(opacity=40);
   -moz-opacity: .15;
   z-index: 101;
   display: none;
}
img{ border:none;}
.web_dialog
{
   display: none;
   position: fixed;
   width: 400px;
   height: 400px;
   overflow:hidden;
   top: 10%;
   left: 40%;
   text-align:justify;
   background-color: #ffffff;
   border: 2px solid #666;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   padding: 0px;
   z-index:555;
   font-family: Verdana;
   font-size: 10pt;
}
.web_dialog_title
{
   border-bottom: solid 2px #336699;
   background-color: #336699;
   padding: 4px;
   color: White;
   font-weight:bold;
}
.web_dialog_title a
{
   color: White;
   text-decoration: none;
}
.align_right
{
   text-align: right;
}

/* Webkit Scrollbar */
::-webkit-scrollbar {
width: 15px;
}
::-webkit-scrollbar-track {
background: #FFFFFF;
-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
border: 1px solid #D8D8D8;
}
::-webkit-scrollbar-thumb {
background: #CCCCCC;
-webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
}
::-webkit-scrollbar-thumb:hover {
background: #EDE5DA;
}
::-webkit-scrollbar-thumb:active {
background: #888;
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}

scrollbar {
/*  clear useragent default style*/
   -moz-appearance: none !important;
}
/* buttons at two ends */
scrollbarbutton {
   -moz-appearance: none !important;
}
/* the sliding part*/
thumb{
   -moz-appearance: none !important;
}
scrollcorner {
   -moz-appearance: none !important;
   resize:both;
}
/* vertical or horizontal */
scrollbar[orient="vertical"] {
    color:silver;
}

table#login_table{ margin:50px auto 0px auto;}
table#login_table td label{ color:#075698; font-weight:bold; font-size:1em;}
.input_type{width:200px; height:23px; color:#000; padding:5px; border:1px solid #666; -webkit-border-radius:4px; moz-border-radius:4px; border-radius:4px;
   -moz-box-shadow:inset 0 0 5px #666; -webkit-box-shadow: inset 0 0 5px #666; box-shadow:inset 0 0 5px #666; }
   
  #button_type{width:100px; background-color:#009B75; font-weight:bold; margin:20px auto 0px auto; cursor:pointer;  color:#FFF; padding:5px; border:1px solid #666; -webkit-border-radius:4px; moz-border-radius:4px; border-radius:4px;
   -moz-box-shadow:inset 0 0 5px #666; -webkit-box-shadow: inset 0 0 5px #666; box-shadow:inset 0 0 5px #666;  } 
   
   #control{
	   display:none;
			position:fixed;
			z-index:99999;
			bottom:0px;
			left:0px;
			padding:6px;
			background-color:#FFF;
		}
		
		#control select, #control label{
			margin-left:20px;
		}
		
	.price {
		overflow:hidden; padding:30px 0 0 0;
	width:850px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: 0px solid #f2f3f3;
	float:left; margin:10px 0 0px 0px; 
}

.price ul { 
	list-style: none; 
	float: left; 
	width: 190px; 
	margin: 0; 
	border: .5px dotted #999;
	padding: 10px;
	text-align: center;
	background-color:#abf98c;

}

/*.price ul:hover { 
	-webkit-transform: scale(1.1);
  	-moz-transform: scale(1.1);
  	-o-transform: scale(1.1);
  	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.7);
  	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.7);
  	box-shadow: 0px 0px 6px rgba(0,0,0,.7);
  	cursor: default;
}*/

.price ul li {  
	border-bottom: 1px dashed #bebebe;
	padding: 10px 0;
	font-size: 12px; color:#333;
}

/*.price ul li:first-child { 
	font-size: 18px;
	font-weight: bold;
}

.price ul li:nth-child(1) {
	color: #1477a1;
}

.price ul li:nth-child(3) { 
	font-size: 12px;
	font-weight: normal;
}

.price ul li:last-child {
	border-bottom: none;
	height: 40px;
}*/

.buy_now { 
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	padding: 10px;
	margin: 5px 0;
	background: #1477a1;
	color: #FFF;
	display: block;
}	



table.user_list td {
  font-size:11px;
}

table.user_list tbody tr:nth-child(odd) {
   background-color: #f2f2f2;
}
table.user_list tbody tr:nth-child(even) {
   background-color:#FFC;
}

table.user_list tbody tr:nth-child(odd):hover{ background-color:#ff6;} 
/*{
   background-color: #f2f2f2;
}*/
table.user_list tbody tr:nth-child(even):hover {
   background-color:#ff6;
}

.quick_links{
    list-style-type:none;
    font-size:14px;
    height:25px;
    width:245px;
    /*width:800px;*/
    /*margin:0px -107px 0px 0px;*/
    margin:0px 0px 0px 2px;
    padding:0;
    /*float:right;*/
}

.quick_links li{
	/*width:12.56%;*/
       width: 100%;
	height:25px;
	border-bottom:0px solid #333333;;
	/*display:block;*/
	/*float:left;*/
	margin-right:1px;
        margin-bottom: 3px;
        padding:2px 5px 2px 5px;
        -moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px;
}
.quick_links li a{
	/*width:100%;*/
        width: 235px;
	font-size:14px;
	font-weight:bold;
	height:auto;
	/*display:block;*/
	text-align:center;
	padding:2px 5px 2px 5px;
	color:#FFF;
	text-decoration:none;
	-moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px;
}