/* body css */
html{
height: 99%;
}
Body {
	font-family: Tahoma;
	font-size: 11px;
	color: #666666;
	background-color: #DADFC1;
	margin: 0;
	padding: 0;
	background-image: url(../images/new/page-bk.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 99%;
}
#Container{
	background-repeat: repeat-x;
	background-position: left 87px;
	position: absolute;
	height: 99%;
	left: 0px;
	top: 0px;
	width: 100%;
}
* html #Container{
	height: 97%;
}
/* /body css */
/*---------------------------------- Header -------------------------------------------------*/
#Header{
	xbackground-color: #4993AA;
	background-image: url(../images/new/header_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 87px;
	width: 100%;
	min-width: 880px;
}
#HeadTitels{
	xbackground-color: #4993AA;
	background-image: url(../images/colleges/engineering/engineering_head_e.gif);
	background-repeat: no-repeat;
	background-position: 600px 0px;
	height: 63px;
	width: 100%;
}
#Header h1{
	margin: 0px;
}
#AASTName span, #PartName span{
	display: none;
}
#PartName{
	height: 47px;
	width: 600px;
	background-repeat: no-repeat;
	background-position: 47px 0px;
	font-family: Tahoma;
	font-size: 18px;
	color: #FF9900;
}
/*---------------------------------- HeadNavigation -------------------------------------------------*/
#HeadNavigation{
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../images/new/head_navigation_bk.gif);
	background-position: 640px 0px;
	height: 21px;
	width: 100%;
	background-repeat: no-repeat;
	xpadding-left: 660px;
	padding-bottom: 2px;
}
#HeadNavigation ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 885px;
}
#HeadNavigation li{
	margin: 0;
	float: left;
	display: block;
}
#HeadNavigation li a{
	margin: 0;
	float: left;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	height: 19px;
	width: 56px;
	text-indent: -100pt;
	overflow: hidden;
}
#HeadNavigation #HeadNavigationList-1{
	padding-left: 660px;
}
#HeadNavigation #HeadNavigationList-1 a{
	background-image: url(../images/new/head_navigation_home.gif);
}
#HeadNavigation #HeadNavigationList-1 a:hover{
	background-image: url(../images/new/head_navigation_home_hi.gif);
}
#HeadNavigation #HeadNavigationList-2 a{
	background-image: url(../images/new/head_navigation_tree.gif);
}
#HeadNavigation #HeadNavigationList-3 a{
	background-image: url(../images/new/head_navigation_mail.gif);
}
#HeadNavigation #HeadNavigationList-4 a{
	background-image: url(../images/new/head_navigation_arabic.gif);
}
#HeadNavigation #HeadNavigationList-2 a:hover{
	background-image: url(../images/new/head_navigation_tree_hi.gif);
}
#HeadNavigation #HeadNavigationList-3 a:hover{
	background-image: url(../images/new/head_navigation_mail_hi.gif);
}
#HeadNavigation #HeadNavigationList-4 a:hover{
	background-image: url(../images/new/head_navigation_arabic_hi.gif);
}
/*---------------------------------- MainNavigation -------------------------------------------------*/
#MainNavigation {
	margin: 0;
	padding: 0;
	height: 21px;
	width: 100%;
	background-color: #000000;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	position: absolute;
	left: 0px;
	top: 63px;
	z-index: 6000;
}
#MainNavigationList{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 80px;
	top: 0px;
	width: 900px;
}
#MainNavigation ul{
	margin: 0;
	padding: 0;
}
#MainNavigationList a {
	text-decoration: none;
}
#MainNavigationList li {
	margin: 0;
	float: left;
	display: block;
	padding-right: 15px;
	position: relative;
	height: 21px;
	background-image: url(../images/new/main_navigation_list_bk.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 17px;
}
#MainNavigationList li ul{
	display: none;
	position: absolute;
	top: 21px;
	left: 0;

	xpadding-top: 15px;
	xbackground: #AACBE1;
	xwidth: 140px;
	xpadding-left: 20px;
	xborder: 2px solid #fff;

	background-image: url(../images/new/main_sublist_bk.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 187px;
	padding-bottom: 15px;
}
#MainNavigationList li ul li{
	float: none;
	xbackground-image: url(../images/new/main_sublist_item_bk.gif);
	xbackground-repeat: repeat-y;
	xbackground-position: left;
	height: auto;

	padding-right: 2px;
	padding-left: 2px;
	background-image: none;
	padding-bottom: 1px;
}
#MainNavigationList li ul #MainNavigationList-1-1,
#MainNavigationList li ul #MainNavigationList-2-1,
#MainNavigationList li ul #MainNavigationList-3-1,
#MainNavigationList li ul #MainNavigationList-4-1,
#MainNavigationList li ul #MainNavigationList-5-1,
#MainNavigationList li ul #MainNavigationList-6-1,
#MainNavigationList li ul #MainNavigationList-7-1,
#MainNavigationList li ul #MainNavigationList-8-1{
	background-image: url(../images/new/main_sublist_item1_bk.gif);
	background-repeat: repeat;
	background-position: left top;
	padding-top: 32px;
	xpadding-bottom: 7px;


	xbackground-color: #00FF66;
	xbackground-image: url(../images/new/main_sublist_bk.gif);
	xbackground-repeat: no-repeat;
	xbackground-position: left bottom;
	xwidth: 187px;
	xpadding-bottom: 15px;

 	z-index: 10;
}
 




#MainNavigationList li:hover, #MainNavigationList li.over, #MainNavigationList li.secondover {
	background: #508999;
	background-image: url(../images/new/main_navigation_list_bk.gif);
	background-repeat: no-repeat;
	background-position: left;
	cursor: hand;
	}
#MainNavigationList li li:hover, #MainNavigationList li li.over, #MainNavigationList li li.secondover { /*for ie*/
	xbackground: #84AFCB;
	xbackground-image: url(../images/new/main_navigation_list_bk.gif);
	xbackground-repeat: no-repeat;
	xbackground-position: left;
	padding-right: 2px;
	padding-left: 2px;
	background-image: none;
	background: none;
	}

#MainNavigationList li a {
	color: #8CA8C8;
	font-weight: bold;
	display: block;
	margin-top: 3px;
	cursor: hand;
	}
#MainNavigationList li:hover a, #MainNavigationList li.over a, #MainNavigationList li.secondover a {
	color: #fff;
	}
#MainNavigationList li li a {
	background-image: url(../images/new/main_sublist_item_bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	color: #15374A;
	font-weight: normal;
	display: block;
	padding: 4px 6px 4px 13px;
	border-top: 1px solid #D5E5F0;
	margin-top: 0px;
	}
#MainNavigationList li:hover li a, #MainNavigationList li.over li a, #MainNavigationList li.secondover li a {
	color: #15374A;
	}
#MainNavigationList li li:hover a, #MainNavigationList li li a.over, #MainNavigationList li li a.secondover{ /*for ie*/
		background: #84AFCB;
		background-image: url(../images/new/main_sublist_item_bullet_hi.gif);
		background-repeat: no-repeat;
		background-position: 5px 10px;
		color: #fff;
	}



#MainNavigationList li ul #MainNavigationList-1-1 a,
#MainNavigationList li ul #MainNavigationList-2-1 a,
#MainNavigationList li ul #MainNavigationList-3-1 a,
#MainNavigationList li ul #MainNavigationList-4-1 a,
#MainNavigationList li ul #MainNavigationList-5-1 a,
#MainNavigationList li ul #MainNavigationList-6-1 a,
#MainNavigationList li ul #MainNavigationList-7-1 a,
#MainNavigationList li ul #MainNavigationList-8-1 a{
	border-top: none;
}
/*-----------------------------------------------------------------------------------*/
	#xMainNavigationList li:hover ul, #xMainNavigationList li.over ul { /*for ie*/
		background: #FFCCCC;
	}
/*-----------------------------------------------------------------------------------*/



	#xMainNavigationList li.on ul a, #MainNavigationList li.off ul a {
		border: 0;
		color: #f90;
	}

	#xMainNavigationList li.on:hover ul a, #xMainNavigationList li.over ul li a { /*for ie - the specificity is necessary*/
		background: #224d6f;
	}

	#xMainNavigationList li.on ul {
		xdisplay: block;
	}

	#MainNavigationList li:hover ul, #MainNavigationList li.over ul, #MainNavigationList li.secondover ul {
		display: block;
		xz-index: 6000;
	}

	#MainNavigationList li.off a:hover, #xMainNavigationList li.on a:hover { 
		color: #f90;
	}

	/*do the image replacement*/


	#xliRenaissance a, #xliArtNouveau a, #xliModern a, #xliPostModern a, #xliDigital a {
		display: block;
		position: relative;
		xheight: 26px;
	}

/*first, put the initial states in place*/


/*active area - for this demo - the code could be based on a body class, and probably work better.*/


/*subnav formatting*/

#xMainNavigationList li.off ul a, #xMainNavigationList li.on ul a {
	display: block;
	background: #224d6f;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: small;
}		


	#xMainNavigationList {
		position: relative;
		top: 55px;
		height: 80px;
		width: 800px;
	}
	
	
/*- Highlight of Selected Part -*/	
	#xMainNavigationList li.second:hover ul,
	#xMainNavigationList li.secondover ul {
		display: none;
	}
	#MainNavigationList li.second{
		background-image: url(../images/new/main_navigation_list_hi.gif);
		color: #FF0000;
	}
	#MainNavigationList li a.second{
		color: #fff;
		cursor: default;
	}
	#MainNavigationList li.second a{
		color: #fff;
	}
/*------------------- Main Body ---------------------------------*/
hr{
display:none;
}
#MainBodyArea{
	xheight: 200px;
}




/*------------------- Side Tools ---------------------------------*/
#SideTools{
	float: left;
	width: 190px;
	padding-top: 89px;
}
#SideNavigationMenu{
	border-left: 12px solid #CBDFDF;
	border-right: 1px solid #FFFFFF;
}
/*- Section Heading -*/
#SectionHeading{
	background: #7FC3D8;
}
#SectionHeading h2{
	padding: 15px 0px 5px;
	width: 177px;
	margin: 0px;
	xoverflow: hidden;
	font-size: 12px;
	color: #F6FCFF;
	text-align: center;
	letter-spacing: 3px;
}
/*- Side Navigation -*/
#SideNavigation{
	background-color: #90D9EF;
}
/* for understanding browsers */
#SideTools ul{
	xheight: 123px;
	margin: 0px;
	list-style-type: none;
	padding: 20px 10px 40px 0px;
/*	min-height: 137px; *//* Remove Gap in SIde menu*/ 
	height:auto;
}
/* for Internet Explorer */
/*\*/
* html #SideTools ul {
	height: 137px;
}
/**/
#SideTools ul li{
	margin-left: 10px;
	margin-bottom: 3px;
	padding-left: 13px;
	background-image: url(../images/new/side.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}
#SideTools ul li a{
	color: #43656F;
	text-decoration: none;
	xline-height: 10px;
	word-spacing: -1px;
}
#SideTools ul li a:hover{
	color: #19262A;
}
#xSideTools ul li span{
	padding-left: 14px;
}
#SideTools ul li ul li{
	margin-left: 8px;
	padding-left: 8px;
	background-image: url(../images/new/side-sub.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}
#SideTools li li a{
	color: #B4813A;
}
#SideTools li li a:hover{
	color: #764B27;
}


#SideTools ul ul{
	margin: 0px;
	border-left: none;
	height: auto;
	padding: 0px;
}
/*---------------------------------- SearchBox -------------------------------------------*/
#searchBox{
	padding: 0px;
	text-align: center;
	width: 189px;
}
#searchBox form{
	background-color: #999999;
	padding: 3px 0px 4px;
	text-align: center;
	border-top: 1px solid #FFFFFF;
}
#searchBox input{
	color: #666666;
	border: 1px solid #666666;
	width: 130px;
	text-indent: 3pt;
}
#searchBox h1{
	display:none;
}

/*------------------- Content ---------------------------------*/
#Content{
	float: left;
	width: 75%;
}
#Content #Extra1{
	height: 89px;
	margin-right: 67px;
	background-image: url(../images/colleges/engineering/003001_top_bk.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-left: 1px solid #FFFFFF;
}
#Content #Page{
	margin-right: 67px;
	background-color: #E9ECDB;
	min-height: 500px;
	height:auto !important;
	height:400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #53656A;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(../images/new/contents_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#Content .w-Title{
	color: #1F6478;
	background-image: url(../images/new/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	text-decoration: underline;
	padding-left: 27px;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0px 20px 0px ;
}
#Content img.floatright{
	float: right;
	margin: 10px;
	padding: 5px;
	border: 1px solid #cccccc;
}
#Content a{
	color: #00708F;
	text-decoration: none;
}
#Content a:hover{
	color: #0092BB;
	text-decoration: underline;
}


#xExtraTools{
	width: 50%;
	position: absolute;
	left: 50%;
	top: 87px;
	z-index: 20;
	height: 365px;
	background-image: url(css/xUntitled-2.gif);
	background-repeat: no-repeat;
	background-position: 35% top;
	background-color: #33CCFF;
	margin-left: 35%;
}
/*---------------------------------- Footer -------------------------------------------*/
#FooterArea {
	clear: both;
	text-align: center;
	width: 100%;
	background-image: url(../images/new/footer_bk.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 24px;
}
#FooterArea p{
	margin: 0px;
	padding-top: 2px;
}
#Content #contents {
	width: 100%;
}
#Content .portletBody {
	width: 100%;
}
#Content #Page .grade {
	text-align: center;
	width: 100%;
	float: left;
	background-image: none;
}