
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:80%;
	font:76%/140% Verdana, Arial, Helvetica, sans-serif;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-family:"Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;*/
	color:#333333;
	background-image:url(../images/bg_test1.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

html {
	min-height: 100%;
	margin-bottom: 1px;
}

p {
	line-height:1.5
}

img {
	border:0px;
}

a {
	text-decoration:none;
	color:#FF6600;
}

a:hover {
	color:#333333;
}

.black {
	color:#000000;
}

h1 {
	/*color:#D52B6A;*/
	color:#FF0033;
	font-size:1.5em;
	border-bottom:1px dotted #cccccc;
	/*font-weight:bold;*/
	padding-bottom:5px;
	/*font: 1.5em Georgia, "Times New Roman", serif; */
	letter-spacing: 1px;
	/*font-family:"Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;*/
	font: normal 24px/26px "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:5px;
}

h1 a {
	color:#FF0033;
}

#menu h1 {
	margin-bottom:3px;
	padding-bottom:3px;
	padding-top:3px;
	color:#666699;
	font: normal 22px/24px "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:3px;
	padding-left:0px;
	border-bottom:0px;
	text-align:center;
}

h2 {
	color:#666699;
	font: normal 1.8em "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h3 {
	/*color:#D52B6A;*/
	color:#FF0033;
	/*border-bottom:1px dotted #cccccc;*/
	/*font-weight:bold;*/
	padding-bottom:5px;
	letter-spacing:1px;
	font:bold 130% Verdana, Arial, Helvetica, sans-serif;
}

#newsbox h3 {
	padding-bottom:0px;
	margin:0px;
}

#foottext {
	margin-bottom:0px;
}

h4 {
	/*color:#D52B6A;*/
	color:#FF0033;
	font-size:1.5em;
	/*border-bottom:1px dotted #cccccc;*/
	/*font-weight:bold;*/
	padding-bottom:0px;
	/*font: 1.5em Georgia, "Times New Roman", serif; */
	letter-spacing: 1px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
}

h4 a {
	color:#FF0000;
}

#sidebar {
	width:144px;
	float:right;
	border:1px solid #CCCCCC;
	padding-top:0px;
	background-color:#666699;
	color:#FFFFFF;
	margin:5px;
	font-size:85%;
	padding-bottom:5px;
}

#sidebar_text {
	padding-left:5px;
	padding-right:5px;
}

#sidebar a {
	color:#FFCC00;
}

#content {
	width:740px;
	margin:0px auto;
	text-align:left;
	padding:0px;
}

#header {
	width:740px;
	float:left;/*background-color:#009999;*/
}

#imageheader {
	width:740px;
	float:left;
	/*background-color:#CC6600;*/
	margin-top:-1px;
	/*background-image:url(../images/new_mainbg.jpg);
	background-position:top left;
	background-repeat:no-repeat;*/
	height:149px;
}

#logobox {
	width:210px;
	height:130px;
	margin-left:0px;
	margin-right:10px;
	/*background-color:red;*/
	float:left;
	/*background-image:url(../images/logo1.gif);*/
	background-image:url(../images/logo2.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#imagebox {
	width:520px;
	height:130px;
	/*background-color:green;*/
	float:left;
}

#topnavbar {
	width:740px;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#772244;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#FFDF62;
}

#topnavbar a {
	color:#ffffff;
}

#topnavbar a:hover {
	color:#FFDF62;
}

#leftside {
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:210px;
	float:left;/*background-color:#CC99FF;*/
}

#rightside {
	padding:10px;
	width:499px;
	float:left;
	border-left:1px dotted #cccccc;/*background-color:#66CCCC;*/
}

#searchbox {
	width:100%;
	margin-top:5px;
	/*background-color:#0066CC;*/
	float:left;
	padding-left:0px;
}

form {
	margin:0px;
	padding:0px;
	border:0px;
}

#q {
	color:#666666;
	height:15px;
	width:145px;
}

.submitbutton {
	background-color:#A07695;
	color:#FFFFFF;
	border:1px solid #cccccc;
	font-size:75%;
	font-weight:bold;
	height:20px;
	width:25px;
}

#quicklinkbox {
	width:100%;
	margin-top:5px;
	/*background-color:#FF9999;*/
	float:left;
	padding-left:0px;
}

#searchwrapper {
	width:189px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	line-height:18px;
	font-size:97%;
	border:1px solid #cccccc;
	background-color:#EEDDDD;
}

#front_links {
	height:20px;
	color:#666666;
	width:180px;
}

#subnavigationbox {
	width:210px;
	background-color:#ffffff;
	float:left;
	margin-top:5px;
	overflow:hidden;
}

#subadbox {
	width:210px;
	/*background-color:#66FFFF;*/
	float:left;
	margin-top:5px;
	overflow:hidden;
}

.frontads {
	width:100%;
	float:left;
	margin-top:10px;
	font-size:0.8em;
}

.subadtext {
	width:125px;
	float:left;
	/*background-color:#99CCCC;*/
	padding-left:5px;
}

.subadtext h1 {
	margin-bottom:3px;
	padding-bottom:0px;
	font-size:1.3em;
}

.subadimage {
	width:80px;
	float:left;
	background-color:#CC99CC;
}

#footer_left {
	width:719px;
	height:120px;
	float:left;
	background-color:#EEDDDD;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #cccccc;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:38px;
	/*background-image:url(../images/footer_bg1.jpg);
	background-position:0px top;
	background-repeat:no-repeat;*/
	padding-left:20px;
	color:#666699;
	font-weight:normal;
}

#footer_right {
	width:184px;
	height:169px;
	float:right;
	margin-top:0px;
	border-bottom:1px solid #CCCCCC;
	background-image:url(../images/footer.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

#footer_wrapper {
	width:100%;
	float:right;
	margin-bottom:20px;
}

.includefooter {
	font-size:120%;
}

/******MENU*****/

/* This is the container box for the menu*/
#menu {
	width:188px;
	padding-left:10px;
	padding-right:10px;
	padding-top:00px;
	padding-bottom:10px;
	float:left;
	line-height:18px;
	font-size:97%;
	border:1px solid #cccccc;
	background-color:#eedddd;
}

/* menu  starts here */

/*menutitle is the main links*/
.menutitle {
	color:#FFFFFF;
	width:166px;
	padding:0px;
	text-align:left;
	font-size:80%;
	padding:0px;
	padding-left:20px;
	margin:0px;
	border-top:1px solid #CAB5C6;
	border-bottom:1px solid #73516B;
	background-color:#A07695;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}

.menutitle a {
	color:#FFFFFF;
	font-size:110%;
	font-weight:bold;
	text-decoration:none;
}

.menutitle a:hover {
	color:#FFCC00;
}

/**submenu shows when menu opens**/
.submenu {
	padding-top: 0px;
	padding-bottom:0px;
	width:166px;
	padding-left:20px;
	padding-right:5px;
	text-align:left;
	font-size:85%;
	line-height:12px;
	margin-bottom:0px;
}

/*this menu id does not open (USE THIS IF YOU DONT WANT A MENU TO OPEN)*/

#sub1, #sub8 {
	display:none;
}

.submenu a {
	color:#666699;
	text-decoration:none;
}

.submenu a:active {
	color:#666699;
}

.submenu a:hover {
	color:#000000;
}

/* this is the list that styles the sub menu*/
.menulist {
	list-style:outside;
	list-style-image:url(../images/list_img.gif);
	padding-left:0px;
	margin-left:0px;
	margin-bottom:0px;
}

.menulist li {
	border-bottom: 1px dashed #DABCD3;
	padding-top:3px;
	padding-bottom:3px;
}

/****END MENU****/
.center {
	text-align: center;
}

/*****TABLE CSS*****/
.table1 {
	border:1px solid #CCCCCC;
	background-color:#E2EAF3;
}

.tr1 {
	border-bottom:1px solid #CCCCCC;
}

th {
	background-color:#666699;
	color:#FFFFFF;
}

.table1 td {
	border:1px solid #CCCCCC;
}

.trstyle {
	background-color:#FFFF99;
	color:#333333;
}

/****END TABLE CSS *****/

.filled {
	padding:10px;
	background-color:#ECECF2;
	color:#666699;
	border:1px solid #cccccc;
}

#bincodes {
	float:left;
	top:10px;
	left:10px;
	width:100%;
	background-color:#ffffff;
}

#boxholder {
	float:right;
	background-color:#FFFFFF;
	padding-right:12px;
}

.box {
	width:148px;
	float:left;
	background-color:#ffffff;
	/*height:170px;*/
margin-right:8px;
	margin-bottom:20px;
	border:0px solid #cccccc;
	display:inline;
	padding-bottom:12px;
	background-image:url(../images/boxbg.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.boxtext {
	font-size:85%;
	border:0px solid #cccccc;
	width:148px;
	margin-left:0px;
}

.boxlinks {
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	border:1px solid #cccccc;
	height:80px;
	float:left;
	width:136px;
}

.boxtext a {
	background-image:url(../images/0025_bullet_trans.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:14px;
	margin-top:6px;
}

.headtext {
	font-size:120%;
	font-family:"Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
	color:#ffffff;
	width:146px;
	font-weight:bold;
	background-color:#FEBF4E;
	border:1px solid #cccccc;
	margin-top:2px;
	margin-bottom:2px;
}

.headtext a {
	/*color:#98500E;*/
	color:#FFFFFF;
	background-image:url(../images/0025_bullet_trans.gif);
	background-position: 5px 50%;
	background-repeat:no-repeat;
	padding-left:18px;
	margin-top:6px;
}

.headtext a:hover {
	color:#333333;
}

.test {
	color:#FFE6D5;
}

#newsbox {
	margin:0px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	font-size:90%;
	background-color:#eedddd;
	border:1px solid #cccccc;
}

#newsboxhead {

color:#666699;
	font: normal 1.8em "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size:150%;
	color:#993300;*/
	border-bottom:1px solid #cccccc;
	padding-bottom:4px;
	margin-bottom:-10px;
}

#newsbox a {
	border-bottom:1px dotted #cccccc;
	padding-top:3px;
	padding-bottom:3px;
	display:block;
	width:90%;
	padding-left:10%;
	background-image:url(../images/0025_bullet_trans.gif);
	background-position:center left;
	background-repeat:no-repeat;
}

#newsbox a:hover {
	background-color:#FCEFF3;
}

#water {
	background-color:#89AEED;
}
#wat1, #wat2, #wat3{background-color:#89AEED;}

#bio {
	background-color:#A87B66;
}

#bio1, #bio2, #bio3{background-color:#A87B66;}

#energy {
	background-color:#F9B505;
}

#eng1, #eng2, #eng3{background-color:#F9B505;}

#waste {
	background-color:#B47B45;
}
#waste1, #waste2, #waste3{background-color:#B47B45;}

#transport {
	background-color:#4F6F9D;
}
#trans1, #trans2, #trans3{background-color:#4F6F9D;}

#able {
	background-color:#FF660B;
}

