/***** Wrapper *****/
 
#wrap {
	width:890px;
	margin:0 auto;
	margin-top:50px;
	background-image: url(/images/wrapper_bkgrd.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #f2f2f2;
	padding:6px 6px 0px 6px;
}

/************** header **************/

#topbanner {
	background-image: url(/images/bg-portal.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:543px;
	margin:0;
	padding: 0;
	color:#FFFFFF;
}

/*#topbanner img {float:right;}*/

#nav {
	margin:0;
	padding:0;
}

#navholder {
	width:890px;
	margin:0;
	padding:0;
	background-image: url(/images/nav/spacer.gif);
	background-repeat: repeat-x;
	background-color:#000000;
	}

#productBanner {
/*	background-color: #e2e2e2;*/
	padding:0;
	margin:0px;
	border:0;
}

.clear {clear:both;}

#topbanner ul {
  margin: 0;
  padding: 0 8px 0 0px;
  list-style: none;
}

#topbanner ul li {
  margin: 0 0 1px 0;
  padding: 0 0 0 0.8em; /* left padding moves the text away from the bullet */
  background-image: url(/images/group_bullet.gif); 
  background-position: 0 6px; 
  background-repeat: no-repeat;
  font-size:92%;
  color:#FFFFFF;
  text-align: left;
} 

#topbanner ul li a{color:#FFFFFF;text-decoration: none;}
#topbanner ul li a:hover{color:#FFFFFF;text-decoration: underline;}



p.rightnav {
	text-align: right;
	padding: 10px;
	color:#000000;
}

p.rightnav a{
	text-decoration: none;
	color:#004489;
}

p.rightnav a:hover{
	text-decoration: none;
	color:#000000;
}

/**************** Content Holders ****************/

#contentform{
	background-image: url(/images/bg-portal-cont.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0;
	padding: 0;
	color: #000000;
	height:900px;
}

#content-wrap {
	padding:0;
	margin:110px 0 0 0;
}

#flashcontent {
	
}

#B-telemetry {
	background-color: #bb0e0a;
	background-image: url(/images/backgrounds/red.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#B-pollution {
	background-color: #1a538c;
	background-image: url(/images/backgrounds/blue.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#B-envir {
	background-color: #5cbdb2;
	background-image: url(/images/backgrounds/green.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#B-water {
	background-color: #81b2d3;
	background-image: url(/images/backgrounds/lightblue.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


.column {
	float: left;
	width: 184px;
	margin:0 3px 0 8px;
	padding: 10px;
	border: 3px solid #acc1d0;
}

/**************** Curved ****************/

div.curvecon {
float: left;
	width: 210px;
	margin:0 3px 0 6px;
	padding: 0px;
}

div.curvecon p{margin:0; padding:0;}


.topblock, .bottomblock{
display:block;
}	
.topblock *, .bottomblock *{
display: block;
height: 1px;
overflow: hidden;
background-color: #81b2d3;
}

.topblock1 * {display: block;height: 1px;overflow: hidden;background-color: #326ca7;}
.topblock2 * {display: block;height: 1px;overflow: hidden;background-color: #7bcec4;}
.topblock3 * {display: block;height: 1px;overflow: hidden;background-color: #9cc7e7;}
.topblock4 * {display: block;height: 1px;overflow: hidden;background-color: #df3333;}

.bottomblock1 * {display: block;height: 1px;overflow: hidden;background-color: #1a538c;}
.bottomblock2 * {display: block;height: 1px;overflow: hidden;background-color: #5cbdb2;}
.bottomblock3 * {display: block;height: 1px;overflow: hidden;background-color: #81b2d3;}
.bottomblock4 * {display: block;height: 1px;overflow: hidden;background-color: #bb0e0a;}


.row1{margin: 0 8px; background-color:#aac0d0;border:none}
.row2{margin: 0 6px; background-color:#aac0d0;border:none}
.row3{margin: 0 4px; background-color:#aac0d0;border:none}
.row4{margin: 0 3px; border-left:5px solid #aac0d0;border-right: 5px solid #aac0d0;}
.row5{margin: 0 2px; border-left:4px solid #aac0d0;border-right: 4px solid #aac0d0;}
.row6{margin: 0 2px; border-left:3px solid #aac0d0;border-right: 3px solid #aac0d0;}
.row7{margin: 0 1px; border-left:3px solid #aac0d0;border-right: 3px solid #aac0d0;height:2px;}


div.content{
color:#FFFFFF;
text align:left;
margin:0px;
padding:10px;
border-right:  3px solid #acc1d0;
border-left:  3px solid #acc1d0;
}


/**************** Content ****************/

#leftcontent{
	float:left;
	width:400px;
	color: #000000;
	margin-top:100px;
	margin-left:50px;
}

#rightcontent{
	float:right;
	width:355px;
	color: #000000;
	padding-top:20px;
	margin:125px 50px 40px 0px;
}

.contactTable {margin:0;}

.contactTable td{
	text-align: left;
	vertical-align: top;
	padding:3px 0;
}


.formbox {
	width:262px;
	border: 1px solid #CCCCCC;
	padding:2px;
	background-color: #F7F7F7;
}
/**************** address holder ****************/
.addressbg {
	padding:10px;
	width:381px;
	height:82px;
	margin-bottom:10px;
	background-image:url(/images/address-bg.gif);
	background-repeat:no-repeat;
	font-size:90%;
	line-height:140%;
	color:#333333;
}

.addressbg strong {
	font-size:116%;
	color:#000000;
}

.addressbg img {
	float:right;
	width:75px;
	margin-top:5px;
}

.mapframe {
	background-image:url(/images/mapbg.gif);
	background-repeat:no-repeat;
	border: 1px #999999 solid;
	background-position: center center;
}

/**************** Footer ****************/

#footer {
	width:869px;
	margin:0 auto;
	background-color:#d0d0d0;
	background-image:url(/images/footerbg.gif); 
	background-repeat:repeat-x;
	padding:14px 10px 14px 10px;
	border: 1px solid #c0bebe;
	color:#666666;
	font-size:86%;
	display:block;
}

#footer .float-left span {
	color:#004990;
	line-height:30px;
}

/**************** Flash ****************/

#flashbox {padding:30px 0 0 0;}



/**********forms***************/

p.chbox {margin:2px 0 5px 3px; padding:0;}


.chbox {margin:0 5px 0 0; padding:0;}