body {

	background-color: #000000; 

	scrollbar-face-color:#AD000A; 

	scrollbar-arrow-color:#ffcccc; 

	scrollbar-shadow-color:#ffcccc; 

	scrollbar-3dlight-color:#ffffff

	



}



.style4 {

color: #FFFFFF

}

.style5 {

font-style: italic

}





#container{

	

	}

	

#header{

background:url(images/COMP2_3_04.jpg);

background-repeat:no-repeat;

position:relative;

height:120px;

}



#navbar{

position:relative;

height:106px;

background:url(images/COMP2_3_06.jpg);



}


#newnav {
	
height:107px;
background-image:url(images/navbg.jpg);
	
}


#homebut 
	{
	display: block;
	width: 25px;
	height: 105px;
	background-image:url(images/home_but.png);
	background-repeat: no-repeat;
	background-position:center top;
}

#homebut:hover {background-position: 0 -105px;}

#homebut span {display: none;
}

#visionbut 
	{
	display: block;
	width: 78px;
	height: 107px;
	background-image:url(images/ourvision_but.png);
	background-repeat: no-repeat;
	background-position:center top;
}

#visionbut:hover {background-position: 0 -107px;}

#visionbut span {display: none;
}

#infradevelopmentbut 
	{
	display: block;
	width: 78px;
	height: 107px;
	background-image:url(images/infra_development_but.png);
	background-repeat: no-repeat;
	background-position:center top;
}

#infradevelopmentbut:hover {background-position: 0 -107px;}

#infradevelopmentbut span {display: none;
}

#projrescuebut 
	{
	display: block;
	width: 78px;
	height: 107px;
	background-image:url(images/proj_rescue_but.png);
	background-repeat: no-repeat;
	background-position:center top;
}

#projrescuebut:hover {background-position: 0 -107px;}

#projrescuebut span {display: none;
}

#solwastebut 
	{
	display: block;
	width: 78px;
	height: 107px;
	background-image:url(images/solid_waste_but.png);
	background-repeat: no-repeat;
	background-position:center top;
}

#solwastebut:hover {background-position: 0 -107px;}

#solwastebut span {display: none;
}

#debrisbut 
	{
	display: block;
	width: 78px;
	height: 107px;
	background-image:url(images/debris_but.png);
	background-repeat: no-repeat;
	background-position:center top;
}

#debrisbut:hover {background-position: 0 -107px;}

#debrisbut span {display: none;
}

#espanolbut 
	{
	display: block;
	width: 78px;
	height: 107px;
	background-image:url(images/espanol_but.png);
	background-repeat: no-repeat;
	background-position:center top;
}

#espanolbut:hover {background-position: 0 -107px;}

#espanolbut span {display: none;
}

#francaisbut 
	{
	display: block;
	width: 78px;
	height: 107px;
	background-image:url(images/francais_but.png);
	background-repeat: no-repeat;
	background-position:center top;
}

#francaisbut:hover {background-position: 0 -107px;}

#francaisbut span {display: none;
}




#topic{

	position:relative;

	background:url(images/COMP2_3_07.jpg);

	height:36px;

	background-image: url(images/COMP2_3_07.jpg);

}





#main_Home {



	position:relative;

	width: 800px;

	position: relative;

	background-color: #000000;

}



#main {



	position:relative;background-image: url(images/TextBack.jpg);

	background-repeat: no-repeat;

	width: 800px;

	position: relative;

	background-color: #000000;

}



#main_left{

	position:absolute;

	background-image:url(images/COMP2_3_08.gif);

	left:800px;

	width:416px;

	height:466px;

	background-repeat: no-repeat;

	top: 104px;

	

}



#main_right{

	position:absolute;

	left:816px;

	width:366px;

	height:295px;

	background-image:url(images/COMP2_3_09.gif);

	top: -273px;





}



#main2_left{

	position:absolute;

	width:434px;

	background-image:url(images/COMP2_3_10.gif);

	height:184px;

	top:723px;

	left:2px;

	bottom: -178px;

	

	

	

	

}



#main2_right{

	position:absolute;

	background-image:url(images/COMP2_3_11.gif);

	width:366px;

	height:125px;

	top:337px;

	left:433px;

}



A:link {text-decoration: underline; color: #cccccc;}

A:visited {text-decoration: underline; color: #cccccc;}

A:active {text-decoration: underline; color: #cccccc;}

A:hover {text-decoration: overline; color: #999999;}





#Layer7 {

	position:absolute;

	left:96px;

	top:943px;

	width:681px;

	height:60px;

	z-index:7;

}

.contentText {

	font-family: "Lucida Sans Unicode";

	font-size: 0.8em;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	color: #FFFFCC;

	word-spacing: -0.1em;

	text-align: left;

	display: block;

	margin-left: 0.4em;

	padding-left: 0.4em;

	margin-right: 0.3em;

	padding-right: 0.3em;

}

.Topictext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	font-weight: bold;

	color: #FFFFFF;

	background-position: bottom;

	padding-left: 0.2em;	

}



.Lowerleft_ table {

	text-align: justify;

	font-family: "Lucida Sans Unicode";

	font-size: 0.8em;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	color: #FFFFCC;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-style: groove;

	border-right-style: groove;

	border-bottom-style: groove;

	border-left-style: groove;

	border-top-color: #AD000A;

	border-right-color: #AD000A;

	border-bottom-color: #ffffff;

	border-left-color: #AD000A;

}



.image_Border {

	border: 0.1em ridge #ffffff;

  }

  

.orangebk {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	font-weight:600;

	color:#FFCC00;

	text-align: left;

	margin-left: 0.4em;

	padding-left: 0.4em;

	margin-right: 0.3em;

	padding-right: 0.3em;

	

}

.redbk {



    font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	font-weight:600;

	color:#FFFF66;

	text-align: left;

	margin-left: 0.4em;

	padding-left: 0.4em;

	margin-right: 0.3em;

	padding-right: 0.3em;

}





.maintable {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

}



.ListStyle {

	color: #ffffff;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	margin-left: 0.4em;

	padding-left: 0.4em;

	display: block;

	text-align:left;

}

.BulletList {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	color: #ffffff;

	list-style-type: disc;

	list-style-position: inside;

	text-align: left;

	 margin-left: .9em;

     padding-left: .9em;

}



.headingText {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	font-variant: normal;

	color: #FFFFFF;

	background-color: #B70000;

	width: 425px;

	border: 0.5px ridge #FFFFFF;

}



.style3 {

	color: #FF0000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.7em;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

}



ul.noIndent {

	margin-left: 1%;

	padding-left:  1%;

	color: #ffffff;

	font-family: Verdana, Arial, Helvetica, sans-serif;

    display: block;

	text-align:left;

}



.style7 {	

color: #FFFFFF;

	font-style: italic;

font-size: 0.9em;

}



.style3 {color: #FF9900; font-weight: bold; 



}



.style6 {font-size: 14px; font-weight: bold; 



}



.style8 {font-size: 14px; font-weight: bold; color: #FFFFFF; 



}



.footer{



	color: #ffffff;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	text-align:center;

}