/* CSS Document */
body {
	background-color:#EED988 ; /* #388d74*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
h1 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 24px;
	color: #6B3210;
	line-height: 5px;
	padding-top: 5px;
}
h2 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 20px;
	color: #7C3A12;
	line-height: 1px;
}
h3 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #9B5022;
	line-height: 1px;
	
}
h4 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:16px;
	color: #B06333;
	line-height: 1px;
}

h5 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:14px;
	color: #BD6A37;
	line-height:1px;
}
h6 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	color: #BD6A37;
	line-height:1px;
}

.head2 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 20px;
	color: #9B5022;
	text-indent: 20px;
	line-height: 9px;
	background-image:  url("../_images/h2.jpg");
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
.head3 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #B06333;
	text-indent: 30pt;
	line-height: 10px;
	background-image:  url("../_images/h3.jpg");
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#heading {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #9B5022;
	line-height: 15px
}
img {
	padding: 10px;
	border: none;
}
/* LINKS */
a {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	background-color: #CACA99;
}
a#white
{
	color: #FFFFFF;
	text-decoration:underline;
}
a:hover#white {
	background-color: #7C3A12;
}
a:hover.search {
	background-color: #EED988;
}

a img {
	border: 0px solid FFFFFF;
}


/* TABLE */
.borderTable {
	border: 1px solid #9B5022;
}
.borderTd {
	border: 1px solid #534842;
}
.borderTr {
	background-color:#EED988;	
}
.backgroundTr {
	background-color: #CACA99;
}

.bckgrndTR{
background-color:#FFFFFF;
}
.centerText {
	text-align:center;
	vertical-align:bottom;
	font-size:11px;
}
/* FORMS */
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 000;
	border: 1px solid #000;
	padding: 2px;
}
input#formButton	{
	border: 1px solid #000;
	padding: 1px;
	background-color:#D4BC5D;}
input {
	background: #FFF;
	color: #000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	padding: 2px;
}
input#go {
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #9B5022;
	border: 1px solid #000000;
}
select { 
	background-color: #FFF; 
	color: #000; 
 	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	padding: 2px;
}
.button {
	border: 0px;
}
/* ROWS */
#all
{
	width:744px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	border: 1px solid #000000;
}
#row1
{
	background-color:#7B7B00;
	background-image:  url("../_images/header.jpg");
	background-repeat:no-repeat;
	width: 744px;
	height:117px;
}
#row1_ed	
{
	background-color:#7B7B00;
	background-image:url("../_images/evo_dev_header.jpg");
	background-repeat:no-repeat;
	width: 744px;
	height:117px;
}
#row2
{
	background-color:#9B5022;
	border-top: 1px solid #534842;
	border-bottom: 1px solid #534842;
	width: 744px;
	height: 29px;
}

#row3
{
	width: 744px;
	height: auto;
	background-color:#FFFFFF;
}
#row4
{
	width: 734px;
	border-top: 1px solid #534842;
	padding: 10px 5px 10px 5px;
	background-color:#9B5022;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	clear:both;
}
/* ROW 1 */
#row1search
{
	float:left;
	padding:5px;
	padding-left: 10px;
	width: 137px;
	height: 67px;
	text-align: left;
	background-color:#D4BC5D;
	border: 1px solid #000000;
	position: relative;
	left: 579px;
	top: 22px;
	line-height: 20px; /* Orginal height 20px */
}
/* ROW 2 */
#nav {
	position:relative;
	top: 8px;
	padding: 0px;
}
#row2 ul { 
	list-style-type: none;
	margin: 0px;
	padding: 0px;
 }
 #row2 ul li {
	margin-right : -4px;
	display: inline;
	clear:right;
 }
#row2 ul li a { 
 	text-decoration: none;
	padding: 8px 9px 8px 8px;  /* Original 8px,9px,8px,8px: this setting is for the length of upper nav bar */
	color: #FFF;
	background-color: #9B5022;
}
#row2 ul li a:hover
{
	color: #fff;
	background-color: #7C3A12;
}
#row2 ul li a.current {
	color: #FFF;
	background-color: #7C3A12;
	cursor: default;
}
/* ROW 3 COLUMNS */
#row3left
{
	float:left;
	width: 170px; /*170px original*/
	border: none;
}
#row3left_ed_front
{
	float:left;
	width: 185px; /*170px original*/
}
#row3left_ed
{
	float:left;
	width: 180px; /*170px original*/
}
#row3middle
{
	float:left;
	background-color:#FFFFFF;
	padding: 12px 5px 5px 10px;
	width: 380px;
}
#row3middle_main
{
	float:left;
	background-color:#FFFFFF;
	padding: 12px 5px 5px 17px;
	width: 380px;
}
#row3middlesub
{
	float:left;
	background-color:#FFFFFF;
	padding: 12px 5px 10px 15px;
	width: 365px;
}

#row3middlesubno
{
	float:left;
	background-color:#FFFFFF;
	padding: 12px 5px 10px 15px;
	width: 530px;
}
#row3middlemap
{
	float:left;
	background-color:#FFFFFF;
	padding: 12px 5px 10px 15px;
	width: 530px;
}
#row3middlepuzzle
{
	float:left;
	background-color:#FFFFFF;
	padding: 5px 5px 5px 5px;
	width: 730px;
}

#row3middleStormwater
{
	float:left;
	background-color:#FFFFFF;
	padding: 22px 5px 10px 25px;
	width: 800px;
}
#row3right
{
	float: right;
	width: 170px;
}


/* ROW 3 LEFT COLUMN */
#row3left1
{
	position: relative;
	left: 12px;
	top:12px;
	width: 137px;
	border-top: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	background-color: #D4BC5D;
	padding: 5px;
}
#row3left1sub
{
	position: relative;
	
	left: 12px;
	top: 30px;
	width: 137px;
	border-top: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	background-color: #D4BC5D;
	padding: 5px;
}
#row3left1sub_ed
{
	position: relative;
	float:left;
	left: 12px;
	top: 30px;
	width: 137px;
	border-top: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	background-color: #D4BC5D;
	padding: 5px;
}
#row3left1sub2
{
	position: relative;
	left: 12px;
	top: 40px;
	width: 137px;
	border-top: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	background-color: #D4BC5D;
	padding: 5px;
}
#row3left2
{
	position: relative;
	left: 12px;
	top:10px;
	width: 137px;
	height:195px;
	background-image: url("../_images/ecodevbkg1.jpg");
	background-repeat:no-repeat;
	border-bottom: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	text-align: left;
	padding: 5px;
}
#row3left2sub
{
	position: relative;
	left: 12px;
	top: 30px;
	width: 137px;
	height:102px;
	border-bottom: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	text-align: left;
	padding: 5px;
}
#row3left2sub_ed
{
	position: relative;
	float:left;
	left: 12px;
	top: 30px;
	width: 137px;
	height:102px;
	border-bottom: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	text-align: left;
	padding: 5px;
}
#row3left2sub2
{
	position: relative;
	left: 12px;
	top: 40px;
	width: 137px;
	
	border-bottom: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	text-align: left;
	padding: 5px;
}
#row3left3sub
{
	position: relative;
	left: 12px;
	top: 40px;
	width: 137px;
	height:102px;
	border-bottom: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	text-align: left;
	padding: 5px;
}

#row3left3
{
	position: relative;
	left: 10px;
	top:15px;
	width: 160px;
	text-align: left;
	padding-top: 5px;
	padding-left: -5px;
}
#row3left3 ul { 
	margin-left: 10px;
	margin-top:5px;
	padding: 0px 0px 0px 10px;
 }
#row3left3 ul li {
	list-style-image:  url("../_images/bullet.gif");
}
#row3leftlinks {
	background-color: #CACA99;
	float:left;
	width: 185px;
	height: auto;
}
#row3leftlinks ul { 
	list-style-type: none;
	margin: 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 15px;
}
 #row3leftlinks ul li {
	list-style-type: none;
	padding-top: 5px;

 }
#row3leftlinks ul li a { 
 	text-decoration: underline;
	color: #000000;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto;

}
#row3leftlinks ul li a:hover {
	color: #000000;
	background-color: #EED988;
}
#row3leftlinks ul li a.current {
	color: #000000;
	background-image:  url("../_images/indicator.jpg");
	background-repeat: no-repeat;
	background-position: 5px 7px;	
}
#left1{
	float:left;
	width: 80px;
}
#left2{
	float:left;
	width: 67px;
}
/* ROW 3 MIDDLE COLUMN */
#middle1
{
	float: left;
	width: 160px;
	text-align: left;
	padding-top: 5px;
	padding-left: 0px;
}
#middle2
{
	float: right;
	width: 170px;
	text-align: left;
	padding-top: 5px;
	padding-left: 0px;
}
#middle1 ul { 
	margin-top: 5px;
	margin-left: 10px;
	padding: 0px 0px 0px 10px;
 }
#middle1 ul li { list-style-image:  url("../_images/bullet.gif"); }
 #middle2 ul { 
	margin-top: 5px;
	margin-left: 10px;
	padding: 0px 0px 0px 10px;
 }
#middle2 ul li { list-style-image:  url("../_images/bullet.gif"); }

/* ROW 3 RIGHT COLUMN */
#row3rightnews
{
	float: right;
	position: relative;
	width: 170px;
	top: 15px;
}
#row3udotnews
{
	float: right;
	position: relative;
	width: 170px;
	top: 35px;
}
#row3right1
{
	position: relative;
	left: 8px;
	top: 12px;
	width: 142px;
	border-top: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	background-color: #D4BC5D;
	padding: 5px;
}

#row3right2
{
	position: relative;
	left: 8px;
	top: 10px;
	width: 132px;
	padding: 10px;
	border-bottom: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	text-align: left;
}
#row3rightsub1
{
	position: relative;
	left: 8px;
	top: 28px;
	width: 132px;
	border-top: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	background-color: #D4BC5D;
	padding: 10px;
}
#row3rightsub2
{
	position: relative;
	left: 8px;
	top: 26px;
	width: 132px;
	padding: 10px;
	border-bottom: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	text-align: left;
}
#row3rightsub2_adobe
{
	position: relative;
	left: 8px;
	top: -26px;
	width: 132px;
	padding: 10px;
	border-bottom: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	text-align: left;
}

#row3rightsub3
{
	position: relative;
	left: 8px;
	top: 26px;
	width: 132px;
	padding: 10px;
	border-bottom: 1px solid #9B5022;
	border-left: 1px solid #9B5022;
	border-right: 1px solid #9B5022;
	text-align: left;
}
/* IMG PLACEMENT */
.figure {
float: left;
position: relative;
padding: 3px; /* provides the space */
}
.figure img {
	margin: 0;
	padding: 0;
}
/* Link List */
ul.list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
 }
ul.list li { 
	list-style-type: none;
	padding-top: 3px;
}


