/* CSS Document */

body { 

background-image: url(bg.gif);
background-repeat:no-repeat;
background-color:#868686;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
overflow: auto;


}


a:link {
	text-decoration: none;
		color: #003366;
}
a:visited {
	text-decoration: none;
	color: #003366;
}
a:hover {
	text-decoration: underline;
	color: #003366;
}
a:active {
	text-decoration: none;
	}


<!--=========TOP LINKS ==================================== -->

#topLINKS{

width: 731px;
height: 29px;
position:absolute;
top: 23px;
left: 200Px;
text-align:right;

}

#topLINKS img{
flow: right;}

<!--=========TOP NAVIGATION =============================== -->

#mainNAV
{ 
width: 735px;
height: 32px;
position:absolute;
top: 49px;
left: 234px;
}

#mainNAV img{
float: left;
padding: 0px;
margin: 0px;
border: 0px;
}


<!--=========LOGO ============================== -->

#logo{ 
width: 200px;
height: 280px;
position: absolute;
left: 18px;
top: 10px;
z-index: 3;

}

<!--=========LOGO TXT ============================== -->

#logo2{ 
width: 250px;
height: 130px;
position: absolute;
left: 15px;
top: 150px;
z-index: 4;

}



<!--=========MAIN BACKDROP - HOMEPAGE =============================== -->

#mainhome
{ 
width: 975px;
height: 497px;
background-image:url(contentbg.jpg); 
background-repeat:no-repeat;
position:absolute;
top: 80px;
left: 10px;
text-align:center;
}




<!--=========MAIN BACKDROP / MENUS - INNER PAGES ===================== -->

#maininner
{ 
width: 975px;
height: 497px;
background-image: url(inner.jpg);
background-repeat:no-repeat;
position:absolute;
top: 80px;
left: 10px;
text-align:center;
}



<!--=========MAIN LEFT IMG ===================== -->

#mainleftimg{
position: absolute;
left: 17px;
top: 151px;
padding: 0px;
border:none;
z-index: 2;


}

<!--=========LEFT NAVIGATION=============================== -->

#leftNAV{ 
width: 227px;
height: 462px;
background-image:url(leftmenubg.gif);
background-repeat:no-repeat; 
position: absolute;
left: 233px;
top: 99px;
padding: 15px;
line-height: 20px;
z-index: 3;
background-color:transparent;
font-weight: normal;
}

#leftNAV li{
list-style-image: url(bullet2.gif);
text-indent: -10px;


}

.active{ font-weight: bold;}



<!--=========MAIN PAGE CONTENT================================ -->

#contentcenter{

width: 510px;
height: 464px;
background-image:url(contentcenter.gif);
background-repeat:no-repeat;
position: absolute;
left: 458px;
top: 95px;
padding: 28px;
z-index: 1;

}

#contentcenter img{
padding: 4px;
float: LEFT; padding-right: 8px;}


#contentcenter p{
padding-right: 55px;
padding-bottom: 0px;
margin-bottom: 2px;
}


#contentcenter h1{
font-size: 16px;
font-family: Arial, Helvetica, sans-serif; color: #333366;}

#contentcenter h2{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif; color: #006699;
margin-bottom: -14px;}


#contentcenter b{ color: #339999;}

#contentcenter li{
list-style-image: url(bullet2.gif);
padding-right: 58px;
padding-bottom: 3px;
}


<!--=========EXTRA CONTENT================================ -->


#extracontent{ 
position: absolute;
left: 460px;
top: 540px;
background-color: white;
width: 521px;
height: 315px;
z-index: 0;
}


#extracontent2{ 
position: absolute;
left: 460px;
top: 540px;
background-color: white;
width: 521px;
height: 570px;
z-index: 0;
}


<!--=========MAJOR PROJECTS================================= -->

#majorprojects {
width: 495px;
height: 162px;
background-image:url(majorprojectsbg.gif);
background-repeat:no-repeat;
position:absolute;
left: 265px;
top: 93px;
padding: 30px;

}


#majorprojects img{
float: left;
padding-right: 10px;
}

#majorprojects p{
text-align: left;
color: #99FFFF;
width: 50%;
}




<!--=========NEWS AND HIGHLIGHTS======================== -->

#newshighlights
{
width: 495px;
height: 309px;
background-image:url(newshbg.gif);
background-repeat:no-repeat;
position: absolute;
left: 265px;
top: 252px;
padding: 28px;
}


#newshighlights img{
float: left;
MARGIN-right: 7px;
border: 1px solid WHITE;
}

#newshighlights b{
color: #003366;
}


#newshighlights p{
text-align: left;
color: #000033;
width: 52%;
}

.date{ color: #669900; font-weight: bold; font-size: 11px;}

.readmore a{ font-weight: bold; float:right}


<!--=========E-SERVICES================================= -->

#eservices{ 
width: 212px;
height: 468px;
background-image:url(eservicesbg.gif); 
background-repeat:no-repeat;
position: absolute;
left: 760px;
top: 93px;
padding: 10px;
padding-top: 40px;
line-height: 16px;

}

#eservices li{ 
list-style-image:url(bullet.gif);
}

#eservices b{ color: #333399}


<!--=========INTRO================================= -->


#intro p{
padding: 14px;
width: 420px;
margin-bottom: 2px;
font-family: Arial, Helvetica, sans-serif; 
color: #006699; font-size: 14px; 
font-weight: bold; 
line-height: 16px;
background-image: url(introbg.gif);

}



#intro2 p{
padding: 4px;
width: 420px;
margin-bottom: 2px;
font-family: Arial, Helvetica, sans-serif; 
color: #006699; font-size: 11px; 
font-weight: bold; 
line-height: 16px;
background-image: url(introbg.gif); 
}


#intro2 img{
padding: 4px;
float: LEFT; padding-right: 8px;}

<!--=========FOOTER================================= -->

#footer
{ 
width: 874px;
height: 14px;
position:absolute;
top: 570px;
left: 100px;
text-align:right;
color: #333333;
}

#footer2
{ 
width: 874px;
height: 14px;
position:absolute;
top: 850px;
left: 100px;
text-align:right;
color: #333333;
}