/* ---- Work For Water stylesheet ----- */ 
/* ---------- MAIN CONTENT FORMATTING ---------- */
body, /*body div,*/ body p, body th, body td, body li, body dd {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-size:small;
}

body, /*body div,*/ body p, body th, body td, body li, body dd {
  \font-size:x-small;
  f\ont-size:small;
}

body {
  margin:0;
  padding:  0 0px;
  border:none;
  background: #bbbbbb;
}

#main {
width: 770px;
align: center;
background-color: #ffffff;
padding: 0px;
margin: 0px;
}

#content {
padding-top: 0px;
margin: 0px 0px 0px 0px;
text-align: left;
}

#gc {
padding: 0px 27px 20px 27px;
margin: 0px;
}

.BGimage {
	background: url("/files/Resources/WorkForWater/layoutImages/WorkForWaterBanner.jpg") no-repeat;
	background-position: 0px 0px;
}

/* HEADERS  */
body h1, .header, .titleheader, h3 {
  color: #0099CC;
  font-size:14px;
  font-weight: bold;
}

body h2 {
  color: #000000;
  font-size:110%;
}

.subheader {
  color: #000000;
  font-size:120%;
}

/* DEFAULT LINK/MAIN CONTENT AREA LINKS */

a {	text-decoration : underline; }
A:link { color: #0099CC; }
A:visited { color: #0099CC; }
A:active { color: #000066; }
A:hover { color: #000066; }

.utility {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #cccccc;
}

#rightcolumn {
width: 131px;
background-color: #ffffff;
padding: 0px 0px 0px 5px;
margin: 0px;
}

#rightcolumnint {
width: 131px;
background-color: #ffffff;
padding: 4px 12px 0px 5px;
margin: 0px;
}

.memberlogin {
background: url(/files/pagelayoutimages/loginBKGD.gif) no-repeat;
height: 165px;
color: #606B70;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 11px 0px 0px 11px;
text-align: left;
margin: 0px;
width: 110px;
}

.memberloginint {
background: url(/files/pagelayoutimages/welcomeBKGD.gif) no-repeat;
height: 183px;
color: #606B70;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 7px 0px 0px 5px;
text-align: left;
margin: 0px;
width: 116px;
}

.memberlogin .header {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
}

.memberloginint .header {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
padding: 0px 9px 0px 7px;
}

.welcome {
padding: 0px 9px 0px 7px;
}

.arrow {
padding-right: 15px;
}

#bottomboxrow {
margin: 10px 0px 0px 5px;
padding-right: 0px;
}

.bottombox {
background: #ffffff;
border-left: #5b87b0 solid 1px;
border-right: #5b87b0 solid 1px;
width: 189px;
padding: 3px 5px 5px 5px;
font-size: 10px;
margin-right: 7px;
min-height: 135px;
}

.bottombox h1 {
color: #0099CC;
font-size: 14px;
font-weight: bold;
}

.bottombox a:link { color: #cccccc; font-weight: bold;}
.bottombox a:visited { color: #1A2E58; font-weight: bold;}	
.bottombox a:hover{ color: #DE9601; font-weight: bold;}
.bottombox a:active  { color: #DE9601; font-weight: bold;}

#footer {
width: 770px;
background-color: #3366cc;
padding: 0px;
margin: 0px;
}

.footertext {
margin-left: 144px;
padding-top: 5px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
min-height: 63px;
}

.footertextint {
margin-left: 15px;
padding: 5px 0px 12px 0px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
min-height: 63px;
}

.footertext a:link { color: #ffffff; }
.footertext a:visited { color: #eeeeee; }	
.footertext a:hover{ color: #ffffff; }
.footertext a:active  { color: #ffffff; }

.footertextint a:link { color: #ffffff; }
.footertextint a:visited { color: #eeeeee; }	
.footertextint a:hover{ color: #ffffff; }
.footertextint a:active  { color: #ffffff; }


#clear br {
padding: 0px;
margin: 0px;
}
/*
#leftnav, #leftnav-search {
width: 100%;
padding: 0px;
margin-right: 10px;
}
*/
.leftads {
padding-top: 10px;
}


.navLink
{
font-family:"Franklin Gothic",Arial,sans-serif;
font-size:12px;
line-height:13px;
font-weight:bold;
font-stretch:extra-condensed;
text-decoration:none;
text-align:center;
color:#ffffff;
cursor:pointer;
width:81px;
height:35px;
background: url(/files/Resources/WorkForWater/layoutImages/BlueButton.jpg) no-repeat;
background-position: 0px 0px;
}

.navLinkOver
{
font-family:"Franklin Gothic",Arial,sans-serif;
font-size:12px;
line-height:13px;
font-weight:bold;
font-stretch:extra-condensed;
text-decoration:none;
text-align:center;
color:#ffffff;
cursor:pointer;
width:81px;
height:35px;
/*background-color:ffffff;*/
background: url(/files/Resources/WorkForWater/layoutImages/GreenButton.jpg) no-repeat;
background-position: 0px 0px;
}

.navLinkReg
{
font-family:"Franklin Gothic",Arial,sans-serif;
font-size:12px;
line-height:13px;
font-weight:bold;
font-stretch:extra-condensed;
text-decoration:none;
text-align:center;
color:#ffffff;
cursor:pointer;
width:81px;
height:35px;
/*background-color:ffffff;*/
background: url(/files/Resources/WorkForWater/layoutImages/PurpleButton.jpg) no-repeat;
background-position: 0px 0px;
}

.navLinkRegOver
{
font-family:"Franklin Gothic",Arial,sans-serif;
font-size:12px;
line-height:13px;
font-weight:bold;
font-stretch:extra-condensed;
text-decoration:none;
text-align:center;
color:#ffffff;
cursor:pointer;
width:81px;
height:35px;
/*background-color:ffffff;*/
background: url(/files/Resources/WorkForWater/layoutImages/GreenButton.jpg) no-repeat;
background-position: 0px 0px;
}

.navLinkSel {
font-family:"Franklin Gothic",Arial,sans-serif;
font-size:12px;
line-height:13px;
font-weight:bold;
font-stretch:extra-condensed;
text-decoration:none;
text-align:center;
color:#ffffff;
width:81px;
height:35px;
/*background-color:ffffff;*/
background: url(/files/Resources/WorkForWater/layoutImages/GreenButton.jpg) no-repeat;
background-position: 0px 0px;
}


.subnavhead, .sponsorhead {
font-family: "Franklin Gothic Medium","Franklin Gothic",Arial,sans-serif;
font-size: 16px;
line-height:17px;
color: #0099CC;
padding: 0px 3px 0px 6px;
/*font-weight: bold;*/
/*font-stretch:condensed;*/
text-align: left;
}

a.subnavhead:link { color: #0099cc; text-decoration: none;}
a.subnavhead:visited { color: #0099cc; text-decoration: none;}	
a.subnavhead:hover{ color: #000066; text-decoration: underline;}
a.subnavhead:active  { color: #000066; text-decoration: underline;}


.subnav {
width:174;
color: #0099CC;
font-family: "Franklin Gothic",Arial,sans-serif;
font-stretch:extra-condensed;
font-size: 14px;
/*font-weight:bold;*/
line-height:16px;
padding: 0px 3px 0px 3px;
text-align: left;
}

a.subnav:link { color: #0099cc; text-decoration: none;}
a.subnav:visited { color: #0099cc; text-decoration: none;}	
a.subnav:hover{ color: #000066; text-decoration: underline;}
a.subnav:active  { color: #000066; text-decoration: underline;}

.dash {
float: left;
padding-bottom: 10px;
}

#interiorcontent, #interiorcontent-search {
background-color: #ffffff;
padding: 4px 10px 0px 14px;
text-align: left;
font-family:  Verdana, Arial, Helvetica, sans-serif;
}

#interiorcontent h1 {
color: #0099CC;
font-size: 14px;
padding-top: 10px;
}

#interiorcontent h2 {
color: #0099CC;
font-size: 100%;
}

.discuss a:link { font-weight: bold;}
.discuss a:visited { font-weight: bold;}	
.discuss a:hover{ font-weight: bold;}
.discuss a:active  { font-weight: bold;}

.RSS a:link { font-weight: normal; font-size: 10px; }
.RSS a:visited { font-weight: normal; font-size: 10px; }	
.RSS a:hover{ font-weight: normal; font-size: 10px; }
.RSS a:active  { font-weight: normal; font-size: 10px; }

.breadcrumb {
font-size: 10px;
color: #cccccc;
font-family:  Verdana, Arial, Helvetica, sans-serif;
}

/* APPLICATION FIELDS TEXT (FOR TEXT FIELDS IN APPLICATIONS) */
.label {color:#000000;} 	

/* ERROR FIELDS TEXT (FOR TEXT FIELDS IN APPLICATIONS WITH ERRORS) */
.labelerror {color:#a10404; font-weight:bold;}

/* ERROR  TEXT (FOR APPLICATIONS WHEN USERS HAVE AN ERROR) */
.error {color:#a10404; font-weight:bold;}

/* FOOTNOTE TEXT (FOR APPLICATIONS WHEN SMALL TEXT IS NEEDED) */
.footnote {color:#000000; font-size: 10px;}

/* FOR INFORMATIONAL TABLES */
.titlerow {background-color:#3366cc; color:#ffffff; font-weight:bold;}
.alterrow {background-color:#eeeeee;}
.closingrow {background-color:#cccccc;}		

/* FOR INFORMATIONAL TABLES */
.titlerow {background-color:#3366cc; color:#ffffff; font-weight:bold;}
.blueborder {border-bottom: #3366cc solid 1px;}


.horizontalblueline {
  border-bottom: #000066 solid 1px;  
}

.GreenRule {
  border-bottom: #008364 solid 1px; 
}

.BacktoTop {
  \font-size:xx-small;
  f\ont-size:x-small;
  font-weight:bold;
}

.BacktoTop a:link { color: #115B84; }
.BacktoTop a:visited { color: #01415B; }	
.BacktoTop a:hover{ color: #016649; }
.BacktoTop a:active  { color: #003E8B; }

.blackline {
border-bottom: #000000 solid 1px;
}

/* Flyouts  */

#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1;
	width: 770px;
	position: relative;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
}

#nav li ul {
	position: absolute;
	left: -999em;
	width: 200px;
}

#nav li:hover ul {
 left: auto;
	padding: 0px 0px 0px 0px;
	background-color: #eeeeee; 
	border: #eeeeee solid 1px; 
	}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	top: auto;
	padding: 0px 0px 0px 0px;
	background-color: #eeeeee; 
	border: #eeeeee solid 1px; 	
}

#nav li:hover ul.lastone {
 right: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #eeeeee; 
	border: #eeeeee solid 1px; 
	}

#nav li:hover ul.lastone, #nav li.sfhover ul.lastone {
	right: 0px;
	top: auto;
	padding: 0px 0px 0px 0px;
	background-color: #eeeeee; 
	border: #eeeeee solid 1px; 	
}

#nav li ul li {
	font-size: 11px;
	width: 200px;
	line-height: 14px;
 text-align: left;
}

#nav li ul li a:link {
	background-color: #3366cc; 
	color: #eeeeee;
	text-decoration: none;
	padding: 4px;
	border-bottom: #eeeeee solid 1px;
	font-size: 10px;
}

#nav li ul li a:visited  {
	background-color: #3366cc; 
	color: #eeeeee;
	text-decoration: none;
	padding: 4px;
	border-bottom: #eeeeee solid 1px;
	font-size: 10px;
}

#nav li ul li a:hover {
	background-color: #FDCA5B; 
	color: #333333;
	text-decoration: none;
	padding: 4px;
	border-bottom: #eeeeee solid 1px;
	font-size: 10px;
}

#nav li ul li a:active {
	background-color: #FDCA5B; 
	color: #333333;
	text-decoration: none;
	padding-bottom: 4px;
	border-bottom: #eeeeee solid 1px;
	font-size: 10px;
}

.right {
margin-left: -2em;
}

#nav li ul ul {
	margin: 0 0 0 201px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	margin-top: -2.4em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

#homeend {
background-color: #bbbbbb;
}

.bluerule {
border-bottom: #cccccc solid 1px; 
}

ul.arrowlist { 
padding: 0px 0px 0px 7px;
margin:  0px 0px 0px 20px;
}
  
ul.arrowlist li {
list-style: url(/files/PageLayoutImages/arrow.gif);
}

ul.arrowlistorange { 
padding: 0px 0px 0px 7px;
margin:  0px 0px 0px 20px;
}
  
ul.arrowlistorange li {
list-style: url(/files/PageLayoutImages/arroworangeback.gif);
}

ul.arrowlistorange li a:link { color: #cccccc; }
ul.arrowlistorange li a:visited { color: #1A2E58; }	
ul.arrowlistorange li a:hover{ color: #CAEFFF; }
ul.arrowlistorange li a:active  { color: #CAEFFF; }

.note {
  font-size: xx-small;
  \font-size:xx-small;
  f\ont-size:x-small;
}

.rdcms_ad_text {
background-color: #ffffff;
border: #5d89ae solid 1px;
color: #333333;
font-size: 10px;
padding: 2px
}

.headbluesmall {
color: #0099cc;
font-size: 10px;
font-weight:bold;
}

ul.smallorangearrowlist { 
padding: 0px 2px 0px 13px;
margin:  0px 0px 0px 0px;
}
  
ul.smallorangearrowlist li {
list-style: url(/files/PageLayoutImages/orangearrow.gif);
padding: 0px 0px 5px 0px;
font-size: 10px;
}

.bluebox {
float: right;
width: 167px;
padding: 0px 3px 3px 3px;
}

ul.smallorangearrowlist1 { 
padding: 0px 2px 0px 20px;
}
  
ul.smallorangearrowlist1 li {
list-style: url(/files/PageLayoutImages/orangearrow.gif);
}

.purchased-search-term
{
  float: right;
  margin: 0;
  padding: 0 0 5 10;
  background: white;
  clear: both;
}

p.SearchResultsKey
{
  background: #feca5a;
  color: black;
  padding: 6px;
  font-weight: bold;
}
/*
.ExhibitorNav { text-decoration: none; }
a.ExhibitorNav:link { color:#330066; text-decoration:underline; }
a.ExhibitorNav:visited { color:#cccccc; text-decoration:underline; }
a.ExhibitorNav:hover { color:#cccccc; text-decoration:underline; }
a.ExhibitorNav:active { color:#cccccc; text-decoration:underline; }

*/
.bullet {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px;text-indent: 50px; list-style: disc; color: #000000; }
P {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px;color: #000000; }
EM {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px;FONT-STYLE: italic; color: #000000; }
h1 {font-size:130%; font-weight: bold;}
h2 {font-size:110%; font-weight: bold;}
h3 {font-size:100%; font-weight: bold;}
h4 {font-size:100%; font-style: italic;}
.Normal {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px;color: #000000; }
.numberlist {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px;list-style: decimal; color: #000000; }
OL {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px;list-style: decimal; color: #000000; }
TBODY {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px;color: #000000; }
THEAD {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px;font-weight: bold; color: #000000; }
UL { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px;list-style: disc; color: #000000; }
body { font-family: Verdana, Arial, Helvetica, sans-serif;  color: #333333;  font-size: 11px;color: #000000; }
td { font-family: Verdana, Arial, Helvetica, sans-serif;  color: #333333;  font-size: 11px;color: #000000; }
.head1 {font-size:130%; font-weight: bold;}
.head2 {font-size:110%; font-weight: bold;}
.head3 {font-size:100%; font-weight: bold;}
.head4 {font-size:100%; font-style: italic;}
.SmallText { font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; color: #000000; }
.SmallTextRed { font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; color: #990000; }

.NavBg 	{ background: #f1f1f1; }
.AccentColor { background: #ecf3fc; }
.Red { color: #990000; }
.HeadRed { color: #FF0000; }
.Blue { color: #0066cc; }

.NavHead { background: #666666; }
.LeftNav { line-height: 17px;  font-size: 12px; font-family: arial,helvetica,sans-serif; font-weight: normal; text-align:left; padding: 0px;}
.LeftNav a {color:666666;}
.LeftNav a:visited {color:666666;}
.LeftNav a:hover {color:000000;}
.LeftNav a:active {color:000000;}

.Title {
	font-family: arial,helvetica,sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	text-decoration : none;
}

.feature {
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-decoration : none;
}

a.feature:active { color: #ffffff; }	
a.feature:link { color: #ffffff; }
a.feature:hover { text-decoration : underline; color: #ffffff; }
a.feature:visited { color: #ffffff; }
a.feature:visited:hover { text-decoration : underline; color: #ffffff; }


.HeaderNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;  color: #333333;  font-size: 11px;color: black;
	text-decoration : none;
}

a.HeaderNav:active { color: black; }
a.HeaderNav:link { color: black; }
a.HeaderNav:hover { text-decoration : none; color: #FF0000; }
a.HeaderNav:visited:hover { text-decoration : none; color: #FF0000; }

.BodyLink {
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-size: 13px;
	color: #0066CC;
	font-style : italic;
	font-weight: normal;
	text-decoration : underline;
}
a.BodyLink:active { color: #0066CC; }		
a.BodyLink:link { color: #0066CC; }
a.BodyLink:hover { color: #0066CC; }
a.BodyLink:visted { color: #0066CC; }

.BodyWhite {
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-size: 13px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	/*width: 100%;*/
}


/* Define defaults for old browsers */
/*div,*/ p, th, td, li, dd {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-size:11px;
}

h1 {
  font-size:130%;
  font-weight: bold;
}

h2 {
  font-size:110%;
  font-weight: bold;
}

