.hidden { display: none }

body   { margin: 0 0 0 0; background-color: white}
#main  { width: 100%; float: left; display: block; height: auto; background-image: url(.images/contentbg.jpg); }

#homemain  { width: 100%; float: left; display: block; height: auto; }

#top   {  height: 86px; background: url(images/topbanner.jpg) no-repeat top left; width: 100%; float: left; display: block; background-color: white; }
#top h1 { width: 378px; float: left; display: block; height: 86px; margin-top: 10px;}
#top h1 span { display: none; }

#middle { margin-bottom: 7px; width: 100%; float: left; display: block; height: 209px; background-image: url('images/frontmiddle.jpg');}

#bottom { width: 100%; height: 27px; padding: 5px 0 0 0; float: left; display: block; background-image: url('images/footerbg.jpg'); margin-top: 0px;}

#content { height: auto; background: url(images/pagebg.jpg) repeat top left; display: block; height: auto; float: left }

#contentbody h4 { font-family: Verdana; font-size: 11px; padding-left: 15px; margin-top: 30px }
#contentbody h3 { font-family: Verdana; font-size: 11px; padding-left: 15px; margin-top: 30px }
#contentbody h2 { font: bold 13px arial;}
#contentbody p { text-align: justify }
#contentbody { width: 400px; padding: 20px 0 0 20px; height: auto; display: block; float: left; font: 12px arial; }
#contentbody ul { margin: 0; margin-bottom: 50px; padding: 0; width: 400px; height: auto; list-style-type: none; float: left; display: block; }
#contentbody ul li { font-family: verdana; font-size: 11px; color: #4c4c4c; width: 400px; margin: 0 0 35px 5px; padding: 0 0 15px 0; height: 195px; float: left; display: block; border-bottom: solid 1px #cfd0cb; }

#content a, a:visited { text-decoration: underline; font-family: tahoma; font-size: 11px; color: #95a1c2; }
#content a:active, a:hover { text-decoration: underline; font-family: tahoma; font-size: 11px; color: #95a1c2; }

#copyright { color: #999999; width: 200px; float: left; display: inline; margin: 8px 0 0 13px; font-family: Arial; font-size: 10px; }

.fcal { margin-top: 10px; height: 130px; padding-left: 220px; }
.fbal { padding-top: 8px; margin-bottom: 7px; width: 160px; height: 42px; float: left; display: block }
.fdal { margin-top: 10px; margin-bottom: 7px; float: left; display: block; height: 50px; width: 160px }
/*.fdal a, a:visited { font-size: 10px; color: #6e6e6e; text-decoration: none; text-align: right; font-family: Arial }
.fdal a:active, a:hover { font-size: 10px; color: #252525; text-decoration: none; text-align: right; font-family: Arial }
*/

#validation { font-family: tahoma; font-size: 11px; width: 385px; float: left; color: #505050; display: inline; margin: 7px 0 0 190px }
#validation a, a:active, a:visited { color: #808080; text-decoration: none; font-family: verdana; font-size: 10px }
#validation a:hover { text-decoration: none; color: black; font-family: verdana; font-size: 10px }

#frontleft { margin-left: 12px; margin-top: 3px; height: auto; float: left; display: block; width: 480px; }
#frontright { margin-left: 15px; margin-top: 3px; height: auto; float: left; display: block; width: 225px; }

#currentproject { display: block; float: left; width:400px; background-image: url(images/arrow_line.jpg); height: 26px; margin: 0 0 0 0; padding: 0 0 0 0 }
#currentproject h2 { font-family: Tahoma; font-weight: bold; font-size: 11px; color: #222222; display: block; width: 90px; padding-top: 4px; padding-right: 8px; background-color: white }
#currentprojectright { display: block; float: left; width: 20px; background-image: url(images/arrow_right.jpg); height: 26px; margin: 0 0 0 0; padding: 0 0 0 0 }
#cpdetails { margin-bottom: 10px; width: 480px; margin-bottom: 20px; float: left; display: block; height: auto }
#cpdetails p { width: 230px; margin: 2px 0 0 20px; text-align: justify; float: left; font-family: Tahoma; font-size: 11px; color: #666666; display: block }

#latestresearchside { display: block; float: left; width:140px; background-image: url(images/arrow_line2.jpg); height: 20px; margin: 210px 0 0 15px; padding: 0 0 0 0 }
#latestresearchside h2 { font-family: Tahoma; font-weight: bold; font-size: 11px; color: #222222; display: block; width: 95px; padding-top: 4px; padding-right: 8px; background-color: #f4f4f4 }
#lrrightside { display: block; float: left; width: 20px; background-image: url(images/arrow_right2.jpg); height: 26px; margin: 210px 0 0 0; padding: 0 0 0 0 }
#lrdetailsside { width: 173px; margin-bottom: 10px; padding-bottom: 50px; float: left; display: block; height: auto }
#lrdetailsside p { width: 173px; margin: 1px 0 50px 15px; text-align: justify; float: left; font-family: Tahoma; font-size: 11px; color: #666666; }

#latestresearch { display: block; float: left; width:170px; background-image: url(images/arrow_line.jpg); height: 20px; margin: 0 0 0 0; padding: 0 0 0 0 }
#latestresearch h2 { font-family: Tahoma; font-weight: bold; font-size: 11px; color: #222222; display: block; width: 95px; padding-top: 4px; padding-right: 8px; background-color: white }
#lrright { display: block; float: left; width: 20px; background-image: url(images/arrow_right.jpg); height: 26px; margin: 0 0 0 0; padding: 0 0 0 0 }
#lrdetails { width: 225px; margin-bottom: 20px; padding-bottom: 20px; float: left; display: block; height: auto }
#lrdetails p { width: 225px; margin: 1px 0 0 0px; text-align: justify; float: left; font-family: Tahoma; font-size: 11px; color: #666666; }


#login { display: block; float: left; width:145px; background-image: url(images/arrow_line.jpg); height: 20px; margin: 10px 0 0 0; padding: 0 0 0 0 }
#login h2 { font-family: Tahoma; font-weight: bold; font-size: 11px; color: #222222; display: block; width: 97px; padding-top: 4px; padding-right: 8px; background-color: white }
#loginright { display: block; float: left; width: 20px; background-image: url(images/arrow_right.jpg); height: 26px; margin: 10px 5px 0 0; padding: 0 0 0 0 }

.go { margin-top: 15px; font-family: tahoma; font-size: 11px; padding-top: 0; }

#menu ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	
	
}

#menu li { /* all list items */
	float: left;
	position: relative;
	width: 124px;
	height: 30px;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #f6f6f6;
}

#menu li ul {/* second-level lists */
	position: absolute;
	display: block; 
	top: 2.1em;
    left: 0;
    z-index:99999;position:absolute;
    
}

#menu ul li ul li { text-align: left; width: 140px; }

#menu li>ul {/* to override top and left in browsers other than IE */
	top: auto;
	left: auto;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

#menu li:hover ul { display: block; }

#menu li a:hover { background-color: #cfcfcf; color: black; }

#menu li:hover>ul { visibility:visible;  }

#menu ul ul { visibility:hidden; }		

/* Make-up syles */
#menu ul, li,ol {
    margin: 0 0 0 0; 
}

.submenu { border-top: none; width: 136px; display: block; background-color: #bdbdbd; padding-left: 0px; margin-left: 0px;  }


/* Styles for Menu Items */
#menu ul a 
{
	float: left;
	display: block;
	text-decoration: none;
	color: #ffffff; display: block;
	line-height: 2.8em;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 0 0 20px ;
	margin: 0 0 0 0;
	text-align: left;
	/*background-color: red;*/
	width: 140px;
}


/* Hover Styles */
#menu ul a:hover { 
	color: #ffffff;
	
	
} 

/* Sub Menu Styles */
#menu li ul { padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; border: 0px; border-top: 0; width: 125px; margin-right: 0px
}

#menu li ul a {
	text-decoration: none;
	text-align: left;
	color: #5f5f5f;
	border: 0;
    padding: 5px 0px 5px 9px;
    font-family: Tahoma;
	font-weight: normal;
	font-size: 11px;
	text-transform: none;
	width: 127px;
	margin: 0px 0px 0 1px;
	letter-spacing: .75px;
	
	border-bottom: solid 1px #cecece;
} 

/* Sub Menu Hover Styles */
#menu li ul a:hover { 
	color: black; 
	background: transparent;
}