/* CSS Document */
/* Global properties*/
body {
	margin:0;
	padding:0;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#707070;
}

p, h1, h2, h3, ul, form{
	margin:0;
	padding:0;
}

img {
	behavior:url(iepngfix.htc);
}

#container{
	width:100%;
}

#green_top{
	background:url(../images/top_green_bg.gif) left top repeat-x;
	padding:8px 20px 7px 20px;
	height:21px;
}

#green_top img{
	height:21px;
	width:21px;
	display:block;
	float:right;
	padding-right:20px;
	outline:none;
}

#mainlinks_top{
	background:url(../images/top_links_bg.gif) left top repeat-x;
	padding:0 20px;
	height:37px;	
}
#mainlinks_top img{
	display:block;
	float:right;
}

#mainlinks_top ul{
	list-style-type:none;
}

#mainlinks_top ul li{
	display:inline;
	float:left;	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/top_link_partition.gif) right top no-repeat;
	font-weight:bold;
}

#mainlinks_top ul li a, #mainlinks_top ul li a:visited{
	color:#000000;
	line-height:37px;
	padding:0 24px;
	text-decoration:none;
	display:block;
}

#mainlinks_top ul li a:hover, #mainlinks_top ul li a:active, #mainlinks_top ul li a:focus{

	background:url(../images/top_links_bghover.gif) left top repeat-x;
	color:#63a001;
}

#header_outer{
	background:url(../images/header_bg.gif);
	height:164px;
	padding:0 20px;
	}

#header_inner{
	background:url(../images/header_inner_bg.jpg) left top no-repeat;
	height:164px;
	position:relative;
}

#header_inner .logo{
	position:absolute;
	left:47px;
	top:33px;
	display:block;
}

#header_inner .header_text{
	position:absolute;
	left:209px;
	top:52px;
	display:block;
}

#header_inner .main_image{
	background:url(../images/header_main_image.png) left top no-repeat;
	position:absolute;
	width:290px;
	height:163px;
	top:0;
	right:0;
	display:block;
	behavior:url(iepngfix.htc);
	}


#middle_content_outer{
	background:url(../images/middle_content_bg.jpg) left top repeat-x;
	padding:9px 20px 0 14px;
	margin-bottom:10px;
	min-height:100px;
}

#left_column{
	width:236px;
	float:left;
	margin:0 auto;
}

#left_column .leftcol_top{
	background:url(../images/left_column_topcorns.gif) left top no-repeat;
	width:236px;
	height:8px;
	float:left;

}

#left_column .leftcol_bottom{
	background:url(../images/lef_col_bg.gif) left top no-repeat #ffffff;
	width:194px;
	padding:13px 21px 0 21px;
	float:left;
}

.leftcol_bottom h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#003e62;
	line-height:36px;
	border-bottom:1px dotted #305038;
	font-weight:normal;
	margin-bottom:10px;
	display:block;
	width:194px;
	float:left;
}

.leftcol_bottom h2 img{
	margin-right:3px;
	display:block;
	float:left;
}

.user_details {
	width:194px;
	margin-bottom:15px;
	float:left;
}

.user_details ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.user_details ul li{
	font-size:11px;
	line-height:16px;
	margin-bottom:5px;
}

.user_details ul li span{
	font-weight:bold;
}
.user_details ul li img{
	display:block;
	float:left;
	margin-right:7px;
}
/* For Student Portal Starts*/
	.vertical{
			width:180px;
			padding:6px;
			border:1px solid #dadada;
			float:left;
		}
		.vertical ul{
			list-style-type: none;
			padding: 0px;
			margin:0;		
			width: 180px;
		}
		.vertical ul li{
			margin-bottom:3px;
			float:left;
		}
		.vertical li a{
			background:#ececec;
			padding-left:13px;
			display: block;
			line-height:17px;
			text-decoration: none;
			color:#0f5f8d;
			font-size:11px;
			display:block;
			width:167px;
		}
		
		.vertical ul li a:hover{
			background:#b6b6b6;
			color:#000000;
		}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
			position:relative;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -1.4em;
			left:180px;
			z-index:500;
			background:#FFFFFF;		
		}
		

		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1.6em;
		font-size: 100;
		background:url(../images/menu_blackarrow.gif) right no-repeat;
		}
		.arrow a:hover span{
		padding-left: 1.6em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}

/*For student portal ends*/

#content_outer {	
	padding-top:21px;
	width:100%;
	
		float:left;
	
}

#page_heading {
	margin-bottom:10px;
	display:block;
}
#page_heading h1{
}

.content_main {
	width:100%;
	margin-bottom:20px;
}

.content_main p{
	text-align:justify;
}

#news_content {
	width:100%;
	margin-bottom:20px;	
}

#news_content p{
	text-align:justify;
	margin-bottom:10px;
}

#news_content h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#003e62;
	line-height:36px;
	border-bottom:1px dotted #305038;
	font-weight:normal;
	margin-bottom:10px;

}

#news_content h2 img{
	margin-right:3px;
	display:block;
	float:left;
}

.more_link {
	clear:both;
	text-align:right;	
}

.more_link a, .more_link a:visited{
	color:#70913c;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.more_link a:hover{
	text-decoration:underline;
}

.gray_block_outer{
	width:350px;
	float:left;
	margin-right:11px;
	
	}
	
* html .gray_block_outer{
	margin-right:9px;
}
.gray_block_outer h2{
	border:1px solid #cccccc;
	background:url(../images/education_head_bg.gif) left top repeat-x;
	line-height:31px;
	padding:0 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#1b1b1b;
	font-size:16px;
	font-weight:normal;
}

.gray_block_inner{
	/*width:326px;*/
	padding:12px;
	background:url(../images/gray_box_bg.gif) left top repeat-x #FFFFFF;
	float:left;

	}

.gray_block_inner img{
	float:left;
	margin-right:15px;
	display:block;
}

.bold_text{
	font-weight:bold;
	float:left;
	display:block;
	font-size:12px;
}

.bold_text a,.bold_text a:active,.bold_text a:visited{
	color:#4d4d4d;
	text-decoration:none;
}

.bold_text a:hover{
	color:#4d4d4d;
	text-decoration:underline;
}
.spacer{
	clear:both;
	height:1px;
}

.inpu_button{
	background:#96dcff url(../images/button_bg.gif) left top repeat-y;
	height:21px;
	border:1px solid #63caff;
	padding:0 22px;
}

* html .inpu_button{
	padding:0 18px;
}
/* Classes for footer */
#footer_outer {
	background:#2172a1;
	height:64px;
	border-top:12px solid #277cb2;
	text-align:center;
	padding-top:24px;
	color:#e8eef0;
	width:100%;
}
#footer_outer p{
	font-size:11px;
	color:#d2d7d9;
}

.footer_links {
	font-size:12px;
	text-align:center;
	margin-bottom:10px;
}

.footer_links a,.footer_links a:visited,.footer_links a:active{
	text-decoration:none;
	color:#e8eef0;
}

.footer_links a:hover{
	text-decoration:underline;
}

.GeneralText
{
	font-weight:bold;
	color:#669933;
}