body,html {
background:#e3f0c1;
color:#1B403E;
margin:0;
padding:0;
}

body {
min-width:800px;
background:#e3f0c1 url(../images/wrap_bg.gif) repeat-y top center;
font:0.8em/1.4em Tahoma, Geneva, sans-serif;
}

#wrap {
background:#F4F7EB;
width:760px;
margin:0 auto;
}

#headerL {
background:#B29742 url(../images/wi_fall_bnr_a.jpg) no-repeat top center;
height:294px;
margin:0;
padding:0;
}

#headerWrapper{
position: relative;
}
#headerS,#headerL {
background:#ADCF73 ; /*F7DB8C; /*B29742 ; url(../images/wi_fall_bnr_b.jpg) no-repeat top center ADCF73*/
height:175px;
margin:0;
padding:0;
}
#head_left{
float: left;
margin: 10px;
margin-left: 30px;
}
#head_right{
float: right;
margin: 20px;
margin-right: 35px;
margin-top: 40px;
}

#headerT {
height:10px;
background-color:#AFCD70;
margin:10px 0px 0px 0px;
padding:0px;
border-top:2px solid #889F57;
}

#header {
height:100px;
background-color:#AFCD70;
margin:0px;
padding:0px;
}

#header h1 {
color:#060;
font:italic bold 325% "Times New Roman", Times, serif;
margin:0px;
padding-top:10px;
padding-left:20px;
padding-bottom:5px;
}

#header h2 {
color:#060;
font:italic bold 175% "Times New Roman", Times, serif;
margin:0;
padding-left:25px;
}

#headerL h1, #headerS h1, #headerF h1{
color:#FEFEF2;
font:italic bold 400% "Times New Roman", Times, serif;
margin:0;
padding-left:20px;
padding-top: 40px;
padding-bottom:20px;
}

#headerL h2, #headerS h2, #headerF h2 {
color:#FEFEF2;
font:italic bold 200% "Times New Roman", Times, serif;
margin:0;
padding-left:50px;

}

#nav {
background:#AFCD70;
border-top:2px solid #889F57;
border-bottom:2px solid #889F57;
padding:5px 10px;
}

#nav ul {
list-style:none;
margin:0;
padding:0;
}

#nav li {
display:inline;
margin:0;
padding:0 1.5em 0 0;
}

#nav a {
color: #060;
background-color: transparent;
font-weight:700;
text-decoration: none;
}

#nav .highlight {
color:#FEFEF2;
background-color: transparent;
}

#nav .darklight {
color:#060;
background-color: transparent;
}

#main {
color: #1B403E;
background: #F4F7EB;
float: left;
width: 499px;
border-right: 1px dashed #E3F0C1;
padding: 5px;
/*border: solid 1px;*/
}

#full {
color: #1B403E;
background: #F4F7EB;
float: left;
width: 740px;
padding: 5px;
/*border: solid 1px;*/
}

#top {
color: #1B403E;
background: #F4F7EB;
width: 740px;
border-bottom: 1px dashed #E3F0C1;
padding: 5px;
}
#top .highlight{
color: blue;
font-weight: bold;
}


#main h2,#main h3,#main p, #top h2,#top h3,#top p {
padding:0 20px;

}

#main h2,#main h3, #top h2,#top h3 {
color:#B19A53;
}

#sidebar {
background:#F4F7EB;
float:right;
width:240px;
padding: 5px;
}

#sidebar ul {
padding-bottom:1em;
}

#sidebar li {
color:#AFCD70;
list-style:circle;
}

#sidebar li a {
text-decoration:none;
}

#sidebar li a:link {
color:#547999;
}

#sidebar li a:visited {
color:#895499;
}

#sidebar h3,#sidebar p {
padding:0 10px 0 0;
}

#sidebar h3 {
color:#b19a53;
}

#footer {
color:#060;
border-top:2px solid #889F57;
border-bottom:2px solid #889F57;
background:#AFCD70;
clear:both;
font-size:0.75em;
text-align:center;
}

#footer p {
margin:0;
padding:5px;
}

sup,sub {
text-align:left;
color:#7AA410;
}

blockquote {
background:#e3f0c1;
border-left:2px solid #afcd70;
font:0.9em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#898D67;
letter-spacing:.05em;
margin-top:15px;
margin-bottom:15px;
padding:6px;
}

.blendedlinks {
color:#060;
text-decoration:none;
}

#nav li a:hover,#nav li a:active {
color:#E3F0C1;
}

#main p,#sidebar p, #top p {
color:#1B403E;
}

#sidebar li a:hover,#sidebar li a:active {
color:#999254;
}

/***** Login *********************************************************/
.loginForm {
padding: 10px;
margin-left: 55px;
width: 310px;
border: solid 2px #afcd70;
background:#e3f0c1;
font:0.9em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#898D67;
}

.loginForm label {
float: left;
text-align: right;
width: 75px;
font-size: .9em;
font-weight: bold;
margin-right: 5px;
vertical-align: text-bottom;
margin-bottom: 10px;
}
/***** End Login ****************************************************/

/***** Register *********************************************************/
.registerForm {
float: left;
margin-left:20px;
margin-top: 20px;
margin-bottom:10px;
margin-right:0px;
padding: 10px;
width: 585px;
border: solid 2px #afcd70;
background:#e3f0c1;
font:0.9em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#898D67;
}

.registerForm label {
float: left;
text-align: left;
width: 185px;
font-size: .9em;
font-weight: bold;
margin-right: 5px;
vertical-align: text-bottom;
margin-bottom: 10px;
}
/***** End Register **************************************************/

/***** Latitude Longitude Form ***************************************/
.latLongForm {
float: left;
padding: 10px;
width: 200px;
border: solid 2px #afcd70;
background: #e3f0c1;
font: 0.9em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #898D67;
}

.latLongForm label {
float: left;
text-align: left;
width: 90px;
font-size: .9em;
font-weight: bold;
margin-right: 5px;
vertical-align: text-bottom;
margin-bottom: 10px;
}
/***** End Latitude Longitude Form ***********************************/

/***** Data Form *****************************************************/
.dataForm {
float: left;
margin-left: 15px;
margin-right: 0px;
margin-top:5px;
margin-bottom:5px;
padding: 5px;
width: 410px;
border: solid 2px #afcd70;
background:#e3f0c1;
font:0.9em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#898D67;
}

.dataForm label {
float: left;
text-align: left;
width: 175px;
font-size: .9em;
font-weight: bold;
margin-right: 5px;
margin-left: 0px;
vertical-align: text-bottom;
margin-bottom: 0px;
}

.dataForm .label2 {
float: left;
text-align: left;
width: 125px;
font-size: .9em;
margin-left:40px;
font-weight:normal;
}

.dataForm .label3 {
float: left;
text-align: left;
width: 120px;
font-size: .9em;
font-weight: bold;
margin-right: 5px;
margin-left: 0px;
vertical-align: text-bottom;
margin-bottom: 0px;
}

.dataForm h3 {
padding:0px;
margin-top:5px;
}

.dataForm .field {
text-align: left;
width: 175px;
font-size: 0.9em;
}

.dataForm .fieldDrop {
text-align: left;
font-size: 0.9em;
}

.dataForm .checkbox {
/*float: left;*/
text-align: left;
width: 200px;
font-size: .9em;
margin-left:40px;
font-weight:normal;
}

/***** End Data Form *************************************************/

/***** Data Form Long ************************************************/
.dataFormLong {
margin-left: 15px;
margin-right: 0px;
margin-top:5px;
margin-bottom:5px;
padding: 5px;
width: 430px;
border: solid 2px #afcd70;
background:#e3f0c1;
font:0.9em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#898D67;
}

.dataFormLong label {
float: left;
text-align: left;
width: 150px;
font-size: .9em;
font-weight: bold;
margin-right: 5px;
margin-left: 0px;
vertical-align: text-bottom;
}

.dataFormLong .element{
text-align: left;
font-size: .9em;
}

.dataFormLong h3 {
padding:0px;
margin-top:5px;
}
.dataFormLong .field {
text-align: left;
width: 175px;
}


/***** End Data Form Long ********************************************/

/***** Manage Account ************************************************/
.manageForm {
float: left;
margin-left:45px;
margin-top: 50px;
margin-bottom:0px;
margin-right:0px;
padding: 10px;
width: 350px;
border: solid 2px #afcd70;
background:#e3f0c1;
font:0.9em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#898D67;
}

.manageForm label {
float: left;
text-align: right;
width: 100px;
font-size: .9em;
font-weight: bold;
margin-right: 5px;
vertical-align: text-bottom;
margin-bottom: 10px;
}
/***** End Manage Account ********************************************/

/***** Project Form **************************************************/
.projectForm {
float: left;
margin-left:35px;
margin-top: 50px;
margin-bottom:0px;
margin-right:0px;
padding: 10px;
width: 350px;
border: solid 2px #afcd70;
background:#e3f0c1;
font:0.9em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#898D67;
}

.projectForm label {
float: left;
text-align: right;
width: 100px;
font-size: .9em;
font-weight: bold;
margin-right: 5px;
vertical-align: text-bottom;
margin-bottom: 10px;
}
/***** End Project Form **********************************************/

/***** Edit Data Form ************************************************/
.editDataForm {
float: left;
margin-left:10px;
margin-top: 0px;
margin-bottom:10px;
margin-right:0px;
padding: 10px;
width: 325px;
height: 300px;
border: solid 2px #afcd70;
background:#e3f0c1;
font:0.9em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#898D67;
}

.editDataForm label {
float: left;
text-align: left;
width: 125px;
font-size: .9em;
font-weight: bold;
margin-right: 5px;
vertical-align: text-bottom;
margin-bottom: 10px;
}
/***** End Edit Data Form ********************************************/

/***** Account Info **************************************************/
.accountBox {
float: left;
margin-left:40px;
margin-top: 0px;
margin-bottom:20px;
margin-right:20px;
padding: 10px;
width: 350px;
border: solid 2px #afcd70;
background:#e3f0c1;
font:0.9em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#898D67;
}

.accountBox label {
float: left;
text-align: left;
width: 100px;
font-size: .9em;
font-weight: bold;
margin-right: 5px;
vertical-align: text-bottom;
margin-bottom: 10px;
}
/***** End Account Info **********************************************/

/***** Main Text *****************************************************/
.mainTextBox {
text-align:left;
width: 463px;
padding: 10px;
}
/***** End Main Text ************************************************/

/***** Top Text *****************************************************/
.topTextBox {
float:left;
text-align:left;
width: 730px;
padding: 5px 10px 5px 10px;
}
/***** End Top Text *************************************************/

/***** Top Text *****************************************************/
.searchBox {
text-align:left;
width: 730px;
padding: 5px 10px 10px 10px;
}

.searchBox label {
text-align: left;
font-size: .9em;
font-weight: bold;
margin-right: 5px;
vertical-align: text-bottom;
margin-bottom: 10px;
}
/***** End Top Text *************************************************/

/***** Side Text Box ************************************************/
.sideTextBox {
text-align:left;
width: 220px;
padding: 10px;
}
/***** End Side Text ************************************************/

/***** Map **********************************************************/
.mapBox {
text-align:center;
width: 485px;
padding: 5px;
}
/***** End Map ******************************************************/

/***** Legend *******************************************************/
.legendBox {
text-align:center;
width: 230px;
padding: 5px;
}
/***** End Legend ***************************************************/

/***** User Edit Text *****************************************************/
.userEditTextBox {
text-align:left;
width: 463px;
padding: 10px;
}

.userEditTextBox table{
line-height: 1em;
padding-left: 5px;
}
.userEditTextBox td{
padding-left: 35px;
}
/***** end User Edit Text ************************************************/

/***** User Profile Text *********************************************** */
div#topNav{
position: absolute;
right: 0;
top: 0;
padding: 0 0 2px 2px;
background:#AFCD70;
filter: alpha(opacity=90);
opacity: .9; 
color: #060;
font-weight: bold;
z-index: 2;
}
#topNav ul {
list-style:none;
margin:0;
padding:0;
}
#topNav li {
display:inline;
margin:0;
padding:0 .5em .5em .5em;
}
#topNav  a {
color: #FFF;
background-color: transparent;
font-weight: bold;
text-decoration: none;
}
#topNav li a:hover,#topNav li a:active {
color:#E3F0C1;
}
/***** End User Profile Text *********************************************** */

/***** Welcome.jsp News *********************************************** */
span.news_h1{
color:#B19A53;
margin:0;

font-weight: bold;
}
span.news_h2{
color:#1B403E;
margin:0;
font-weight: bold;
}
/***** end Welcome.jsp News *********************************************** */

/***** ProjectUsers.jsp *********************************************** */
div#usersRightPanel,div#usersLeftPanel{
width: 310px; 
height: 350px; 
overflow: auto; 
background: #C0C0C0; 
border: 1px solid; 
scrolling: vertical;
}

div#helpWindow{
display: none;
position: absolute;
top: 200px;
left: 200px;
width: 200px;
padding: 5px;
margin: 10px;
z-index: 1000;
color: #000;
background: #FFFFFF;
font-size: 10px;
text-decoration: none;
text-align: left;
border: 1.3px #A3CB7F solid;
}