body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background: #487A9D url(../graphics/bgblue1.png) 0 0;
	}

#bordertop {
	position: relative;
	height: 6px;
	width: 796px;
	margin: 0 auto;
	padding-top: 8px;
	background: #487A9D url(../graphics/bgblue1.png) 0 0;
	}

#borderbottom {
	position: relative;
	height: 6px;
	width: 796px;
	margin: 0 auto;
	padding-bottom: 8px;
	background: #487A9D url(../graphics/bgblue1.png) 0 0;
	}

#titlearea {
	height: 120px;
	width: 100%;
	background-color: #FFFFFF;
	}
	
#title {
	height: 120px;
	width: 888px;
	background: url(../graphics/logo_eng1.jpg) 0 0 no-repeat;
	position: relative;
	}
	
#envelope {
	position: relative;
	background: url(../graphics/bg2.gif) repeat-y;
	width: 802px;
	padding-left: 6px;
	margin: 0 auto;
	text-align: left;
}

#bodysideleft {
	height: 127px;
	width: 187px;
	background-color: #487A9D;
	position: absolute; top: 0; right: 2;
	left: 800px;
	}	

#bodysideleftnew {
	height: 54px;
	width: 188px;
	background-color: #487A9D;
	position: absolute; top: 12; right: 2;
	}	

#bodysideleft2 {
	height: 125px;
	width: 185px;
	background-color: #487A9D;
	position: absolute; top: 143; right: -177;
	}	

#bodysideleft3 {
	height: 125px;
	width: 185px;
	background-color: #487A9D;
	position: absolute; top: 284; right: -177;
	}	

#titlesideleft {
	height: 17px;
	width: 89px;
	background-color: white;
	position: absolute; top: 13; right: 25;
	}
	
#logo_link {
	width: 812px;
	height: 120px;
	}
	
#split {
	height: 24px;
	width: 790px;
	margin: 0;
	padding: 0;
	background-color: #570058;
	}

/*Main content placement starts here*/

div#main {
	font: 95% Verdana, Arial, Helvetica, sans-serif;	
	text-align: justify;
	font-size: 0.9em;
	line-height: 1.2em;
	width: 710px;
	margin: 0;
	padding: 20px 40px 10px 20px;
	background-color: #FFFFFF;	
	}

div#main h1 {font-size: 1.1em;
	font-weight: bold;
	color: #000099;
	}
	
div#main h1.black {font-size: 1.1em;
	font-weight: bold;
	color: black;
	}
	
div#main h2 {
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	color: #282828;
}

div#main font.no {font-style: normal;}

div#main font.bo {font-weight: bold;}

div#main font.it {font-style: italic;}

div#main font.sma {font-size: x-small;}

div#main h3 {font-size: 0.9em;
	font-weight: normal;
	/*text-align: left;*/
	color: #282828;
}
	
div#main h4 {font-size: 0.9em;
	font-weight: normal;
	text-align: center;}
	
div#main h5 {font-size: 1.1em;
	font-weight: bold;
	color: red;
	}
	
div#main li {margin: 0 0 1em 20px;
	}

#image {float: left;
	border: 0px solid #000000}
	
#image.portrait {
	margin: 2% 20px 20px 2%;
	background-color: #FFFFFF;
	}
	
#image.footer {
	margin: 1% 5px 5px 1%;
	position: absolute; bottom: -2%; right: 0%;
	}

#image.footer2 {
	margin: 1% 5px 5px 1%;
	position: absolute; bottom: -5px; right: 0%;
	}

#image.teachers {
	margin: 1.5em 20px 20px 0;
	background-color: #CCCCCC;
	}
	
#imglayer {width: 100%;
	clear:left;
	}

/*Navigation Bar starts here*/

div#nav {
	float: left;
  	background: #570058;
	width: 790px;
	}
	
div#nav ul {
	margin: 0; 
	padding: 0; 
	background: #5598CC; 
	border: 1px solid #FFF; 
	border-width: 0px 1px 0px 1px;
	}

div#nav li {
	position: relative; 
	list-style: none; 
	margin-left: 0;
	float: left;
	padding: 0;
	width: 9.8em; 
	line-height: 1.1em;
	}
	
div#nav li:hover {background: #570058;}
	
div#nav li.submenu:hover {background-color: #570058;}
	
div#nav li a {
	display: block; 
	padding: 0.25em 0.2em 0.25em 0.2em;
	text-decoration: none; width: 100%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 155px;
	}

div#nav>ul a {
	width: auto;
	}
	
div#nav ul ul {
	position: absolute; 
	width: 9.8em;
	display: none;
	}

div#nav ul ul li {border-bottom: 1px solid #FFF;}

div#nav li.submenu li.submenu: hover {background-color: #120082;}

div#nav ul.level1 li.submenu:hover ul.level2 {display: block;}
div#nav ul.level2 li.submenu:hover ul.level3 {display: block;}

div#nav ul.level2 {top: 1.5em; left: -1px;}

div#nav ul.level3 {top: -1px; left: 9.8em; 
	border-top: 1px solid #CCC;
	}