@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; outline:0;}

body {
	font-size:11px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	}
a{
	text-decoration:underline;
	color:#AF0E14;
}
a:hover
{
	text-decoration:underline;
	color:#AF0E14;
}
.top_block {
	position:relative;
	margin:auto;
	width:951px;
	height:132px;
	}
.logo {
	display:block;
	float:left;
	width:134px;
	height:132px;
	}
.top_link {
	display:block;
	float:left;
	width:817px;
	height:20px;
	text-align:right;
	margin-top:50px;
	}
.top_link li{
	display:inline;
	}
.top_link a{
	padding-left:25px;
	color:#5e5e5f;
	text-decoration:none;
	text-transform: uppercase;
	font-weight:bold;
	}
.top_link a:hover{
	color:#b10e16;
	text-decoration:none;
	}
	
.banner {
	position:relative;
	margin:auto;
	width:951px;
	height:393px;
	}
.banner1 {
	position:relative;
	margin:auto;
	width:951px;
	height:37px;
	}
.inner {
	position:relative;
	margin:auto;
	width:951px;
	height:217px;
	z-index:-10;
	}
	
.homepage {
	position:relative;
	margin:auto;
	width:951px;
	height:230px;
	top:10px;
	}
.welcome_text {
	display:block;
	float:left;
	width:626px;
	height:220px;
	border:solid 5px #c0c1c5;
	background:url(images/box_shade.gif) repeat-x;
	}
.inner_text {
	display:block;
	float:left;
	width:941px;
	height:220px;
	border:solid 5px #c0c1c5;
	background:url(images/box_shade.gif) repeat-x;
	}
.inner_text01 {
	position:relative;
	margin:auto;
	width:941px;
	height:auto;
	top:7px;
	border:solid 5px #c0c1c5;
	background:url(images/box_shade.gif) repeat-x #d1d2d4;
	}
.side_box {
	display:block;
	float:right;
	height:220px;
	width:293px;
	border:solid 5px #c0c1c5;
	background:url(images/box_shade.gif) repeat-x;
	}

.bottom_link {
	position:relative;
	margin:auto;
	width:949px;
	height:64px;
	border:solid 1px #dddddd;
	background:#f3f3f3;
	margin-top:20px;
	}
.footer {
	position:relative;
	margin:auto;
	width:900px;
	height:30px;
	line-height:35px;
	text-align:center;
	color:#333232;
	}
.heding_text {
	position:relative;
	margin:auto;
	width:600px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	}
.heding_text1 {
	position:relative;
	margin:auto;
	width:920px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	}
.home_text {
	position:relative;
	margin:auto;
	width:600px;
	line-height:20px;
	text-align:justify;
	}

.home_text a{
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	}
.home_text1 {
	position:relative;
	margin:auto;
	width:920px;
	line-height:20px;
	text-align:justify;
	}
	.home_text1 a{
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	}
.home_text1 li
{
	list-style-position:inside;
	text-indent:10px;
}

.home_text1 li ul li
{
	list-style-position:inside;
	text-indent:20px;
}	

.home_text1 li ul li ul li
{
	list-style-position:inside;
	text-indent:30px;
}	

.home_text1 li ul li ul li ul li
{
	list-style-position:inside;
	text-indent:40px;
}	

.admission_photo {
	position:relative;
	margin:auto;
	width:280px;
	top:8px;
	}
.admission {
	position:relative;
	margin:auto;
	width:280px;
	line-height:20px;
	text-align:justify;
	top:15px;
	}
.admission a{
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	}
.fotter_link {
	display:block;
	float:left;
	width:360px;
	color:#323232;
	padding-left:10px;
	margin-top:15px;
	line-height:18px;
	}
.fotter_link a{
	color:#323232;
	text-decoration:none;
	}
.fotter_link a:hover{
	color:#b20e15;
	text-decoration:none;
	}
.affilate {
	display:block;
	float:right;
	padding-right:1px;
	}
.colour {
	display:block;
	float:left;
	width:157px;
	height:393px;
	border-right: solid 1px #FFFFFF;
	}
.colour1 {
	display:block;
	float:left;
	width:157px;
	height:37px;
	border-right: solid 1px #FFFFFF;
	}
.institute {
	position:relative;
	margin:auto;
	height:37px;
	width:157px;
	background:url(images/red.gif) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	line-height:35px;
	text-transform: uppercase;
	text-indent:5px;
	}
.institute a{
	color:#FFFFFF;
	text-decoration:none;
	}
.institute a:hover{
	color:#ffd100;
	text-decoration:none;
	}
.institute1 {
	position:relative;
	margin:auto;
	height:37px;
	width:157px;
	background:url(images/orange.gif) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	line-height:35px;
	text-transform: uppercase;
	text-indent:5px;
	}
.institute1 a{
	color:#FFFFFF;
	text-decoration:none;
	}
.institute1 a:hover{
	color:#d71a00;
	text-decoration:none;
	}
.institute2 {
	position:relative;
	margin:auto;
	height:37px;
	width:157px;
	background:url(images/green.gif) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	line-height:35px;
	text-transform: uppercase;
	text-indent:5px;
	}
.institute2 a{
	color:#FFFFFF;
	text-decoration:none;
	}
.institute2 a:hover{
	color:#f0ff00;
	text-decoration:none;
	}
.institute3 {
	position:relative;
	margin:auto;
	height:37px;
	width:157px;
	background:url(images/blue.gif) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	line-height:35px;
	text-transform: uppercase;
	text-indent:5px;
	}
.institute3 a{
	color:#FFFFFF;
	text-decoration:none;
	}
.institute3 a:hover{
	color:#000;
	text-decoration:none;
	}
.institute4 {
	position:relative;
	margin:auto;
	height:37px;
	width:152px;
	background:url(images/gray.gif) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	line-height:35px;
	text-transform: uppercase;
	padding-left:5px;
	}
.institute4 a{
	color:#FFFFFF;
	text-decoration:none;
	}
.institute4 a:hover{
	
	text-decoration:none;
	}
.institute5 {
	position:relative;
	margin:auto;
	height:37px;
	width:152px;
	background:url(images/orange_dark.gif) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	line-height:35px;
	text-transform: uppercase;
	padding-left:5px;
	}
.institute5 a{
	color:#FFFFFF;
	text-decoration:none;
	}
.institute5 a:hover{
	
	text-decoration:none;
	}
	
	
	
/*************************** banner *******************************/
img {border: none;}
ul.gallery {
	width: 157px;
	list-style: none;
	margin: 0 auto; padding: 0;
}
ul.gallery li {
	float: left;
	
	text-align: center;
	
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}
ul.gallery li a.thumb {
	width: 157px;
	height: 356px;
	
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 157px;
	height: 356px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333;
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}


/*********************** drop down *********************/
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		#nav li {
			float:left; 
			display:block; 
			width:157px; 
			background:url(images/red.gif) repeat-x;
			background-color:#C41301;
			opacity:0.9;
			position:relative;
			z-index:500; 
			height:37px;
		}
		
		.institute1 #nav li {
			float:left; 
			display:block; 
			width:157px; 
			background:url(images/orange.gif) repeat-x;
			background-color:#FFB500;
			opacity:1;
			position:relative;
			z-index:500; 
			height:37px;
		}
		
		.institute2 #nav li {
			float:left; 
			display:block; 
			width:157px; 
			background:url(images/green.gif) repeat-x;
			background-color:#90A427;
			opacity:1;
			position:relative;
			z-index:500; 
			height:37px;
		}
		.institute3 #nav li {
			float:left; 
			display:block; 
			width:157px; 
			background:url(images/blue.gif) repeat-x;
			background-color:#3EA4B0;
			opacity:1;
			position:relative;
			z-index:500; 
			height:37px;
		}
		
		
		#nav li ul li
		{
			background-image:none;
		}
		.institute3 #nav li ul li,.institute2 #nav li ul li, .institute1 #nav li ul li
		{
			background-image:none;
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			height:37px; 
			text-decoration:none; 
			text-align:left; 
			color:#fff;
		}

		#nav li a:hover {
			color:#fff;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#fff;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:157px; 
			height:37px;
			float:right; 
			border-top:1px dotted #fff;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:37px;
			color:#fff;
		}
		
		#nav ul a:hover {
			text-decoration:none;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}
		
		.textbox {
	background:#CCCCCC;
	border:dotted 1px #666666;
	font-size:11px;
	height:18px;
	width:170px;
	}

.error
{
	color:#990000
}