/*
	style.css

	This stylesheet contains the styling markup for the theme
	
	Theme 1 has the coloured sidebars

*/

body
{
    background:#555555;
}

/* General Element Styling*/
td{}
ul {}
ol {}
li {margin-left:2em;}

input.submit
{
	margin:2px;
	padding:5px;
	border:1px solid black;
}

#wrapper
{            
    background-color:#FFF;
    background-image:url(images/sidebar_bg_lhs.png); /*sets the lhs sidebar*/
    background-repeat:repeat-y; 
}
#rightcontent
{
	background-image:url(images/sidebar_bg_lhs.png);/*  sets the rhs sidebar - Nov 27 2007*/
    background-repeat:repeat-y;
}

#contentwrapper{            
    background-image:url(images/sidebar_bg.png); /* Builds the rhs sidebar */
    background-repeat:repeat-y;
    background-position:top right;
}

/*---------------------------------------------
  Header Elements
---------------------------------------------*/
#header{
    background:url(images/header_bg.png);    
    background-repeat:repeat-x;
}

#headertop{
    background:url(images/Banner_21.jpg);
    background-position:right;
    background-repeat:no-repeat;
    height:119px;
    /*border-bottom:solid 1px white;*/
    color:white;
    margin-left:5px;
}
#hdrImage{
    position:absolute;
}
#hdrSearch
{
    position:absolute;
    right:0;
    /*background:#FF8080;
    border:solid 2px #D9541E; */
    padding:0 10px;   
    color:white;        
}
#spnSearch a{
    color:white;
    text-decoration:none;
    padding-bottom:.25em;
    font-size:0.8em;
    font-weight:bold;
}            
#spnSearch a:hover{
    text-decoration:underline;
}
/* Promoting effective water management*/

.motto 
{
    font-size: 1.4em; 
    letter-spacing: 0.2em; 
    font-style: italic; 
    color: #FFFFFF;
}

/*---------------------------------------------
  Navigation Elements
---------------------------------------------*/
#navbar
{ 
    background-color:#003366;
    position:relative;
    text-align:center;
    border-top:2px solid #001B6A; /*#001B6A;*/
    border-bottom:2px solid #001B6A;
}
#navbar ul
{
   
    margin:0 auto;
    list-style:none;
    padding-top:0.2em;  
    padding-bottom:0.2em; 
}

#navbar li
{
    padding:0.1em 18px 0.1em 18px;
    display:inline;
    font-size:0.95em;            
}

#navbar li a{color:white;text-decoration:none;}
#navbar li a:hover{text-decoration:underline;}

/*---------------------------------------------
  Content Elements
---------------------------------------------*/


/* Left Content Element */
#leftcontent{      
}       

#sideMenu .sidebars {
    padding:5px;
    line-height:14px;

}

#sideMenu .sidebars h2 
{
	height:25px;
    background-image:url(images/sidebar_header.jpg);
    background-color:#00447C;
    background-repeat:repeat-x;
    padding-top:0.4em;
	padding-left:0.9em;
    color:#fff;
    font-size:0.95em;
    margin-bottom:5px;
    font-weight:bold;
}

#sideMenu .sidebars h2 a {
    border-bottom:1px dotted rgb(85, 85, 85);
    text-decoration:none;
    color:rgb(51, 51, 51);
}

#sideMenu .sidebars ul,#sideMenu .sidebars li {
    margin:0 0 0 0.5em;
    padding:0;
    list-style-type:none;
    line-height: 1.25em; /* this was added to remove the overall line-height 1.8 in the font.css*/
    font-size:11px;
}

#sideMenu .sidebars ul li {
    border-bottom:1px solid rgb(204, 204, 204);
    list-style-type:none;
    font-weight:normal;
}

#sideMenu .sidebars ul li a {
    color:#00447C;
    padding:3px 3px 5px;
    background-color:#D9DCEB;
    display:block;
}

#sideMenu .sidebars ul li a:hover {
    background-color:#F3F2F2;
    color:#00447C;
}

#sideMenu .sidebars ul.pop li a:visited {
    color: #666;
}              


#divAffiliates span
{
    text-align:center;
    border-top:solid 1px #003399;
    border-bottom:solid 1px #003399; 
    background:#336699;
    color:white;
    display:block;
    padding:0.2em 0;
}
/* html>body #leftcontent {margin-left:0;}*/


/* Main Content */

#navPath
{
	margin:0 2em;
	padding-top:0.25em;
}
#centrecontent
{
    background-color:#FFFFFC;
}

#maincontentarea
{
	padding:0.25em 2em;
}


/* Footer */
#footer
{
	
    border-top:2px solid #2980C5;
    background-image:url(images/footer_1.jpg);
    background-position:left;
    background-repeat:no-repeat;
    background-color:#00447C;
    color:#FFF;	
    font-size:0.8em;
    text-align:center;

    padding-top:0.5em;   
}

#footerRight
{
	float:right;
	width:200px; 
}

#footer a{color:white;}



/* LOGIN */
#login{
    border:solid 1px white;
    background:#99CCFF;
    padding:2px;
    margin:12px 2px;
}

#login span{
    text-align:center;
    border-top:solid 3px #003399;
    border-bottom:solid 3px #003399; 
    background:#2980C5;
    color:white;
    font-weight:bold;
    display:block;
 }
 
 #login dl{
    font-size:0.8em;
    color:#00447C;
    padding:5px;   
 }
 
 #login dd{
    padding-top:0.2em;
}

#login dt
{
    padding-bottom:0.2em;
}
 
 /*Button http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/*/
.buttonSubmit, .buttonSubmitHovered {
    width:69px;
    height:26px;
    color:#FFF;
    font-weight:bold;
    margin-top:10px;
    padding:2px 5px;
    background:url(images/button.gif) no-repeat left top;
    cursor:pointer;
    border:none;
}
.buttonSubmitHovered {
    background-position:left bottom;
}
/* Input Textboxes - cleared due to element.style{} and *{} in Page-Framework.css line 12*/ 
Input{border:solid 1px #999;margin:2px;}
Textarea{border:solid 1px #999;margin:2px;}
Checkbox{border:solid 1px #999;margin:2px;}
Select{border:solid 1px #999;margin:2px;}



/*NEWS */
#news {
	width:170px;
    border:solid 1px white;
    background:#99CCFF;
    padding:3px;
    margin-top:12px;
    margin-left:7px;
    color:white;
}

#news span{
    text-align:center;
    border-top:solid 3px #003399;
    border-bottom:solid 3px #003399; 
    background:#2980C5;
    color:white;
    font-weight:bold;
    display:block;
}

#news dl{
    font-size:0.8em;
    color:#00447C;
    padding:5px;       
}

#news dt{
    font-style:italic;
    color:white;
    font-weight:bold;
    padding-bottom:0.25em;
    border-bottom:solid 1px #FFFFFF;
}

#news dd
{
    padding-bottom:1.5em;
}

/* EVENTS */
#events 
{
	width:170px;
    border:solid 1px white;
    background:#99CCFF;
    padding:3px;
    margin-top:12px;
    margin-bottom:12px;
    margin-left:7px;
    color:white;
}

#events span{
    text-align:center;
    border-top:solid 3px #003399;
    border-bottom:solid 3px #003399; 
    background:#2980C5;
    color:white;
    font-weight:bold;
    display:block;
 }
#events dl{
    font-size:0.8em;
    color:#00447C;
    padding:2px;   
}
#events dt{
    font-style:italic;
    font-weight:bold;
    color:white;
    padding-bottom:0.25em;
    border-bottom:solid 1px #FFFFFF;
}

#events dd
{
    padding-bottom:1.5em;
}

/*Executive  */
#executive {
	width:170px;
    border:solid 1px white;
    background:#99CCFF;
    padding:3px;
    margin-top:12px;
    margin-left:7px;
    color:white;
}

#executive span{
    text-align:center;
    border-top:solid 3px #003399;
    border-bottom:solid 3px #003399; 
    background:#2980C5;
    color:white;
    font-weight:bold;
    display:block;
}

#executive dl{
    font-size:0.8em;
    color:#00447C;
    padding:5px;       
}

#executive dt{
    font-style:italic;
    color:white;
    font-weight:bold;
    padding-bottom:0.25em;
    border-bottom:solid 1px #FFFFFF;
}

#executive dd
{
    padding-bottom:1.25em;
}
/* Contact Lists */
.Contact {list-style:none;margin:0.5em;}
.Contact li {margin:0;padding:0.02em;margin-left:0;}
.ContactName {font-weight:bold;}

/* Affiliate List*/
#affiliateList {
	width:170px;
    border:solid 1px white;
    background:#99CCFF;
    padding:3px;
    margin-top:45px;
    margin-left:7px;
    color:white;
}

#affiliateList span{
    text-align:center;
    border-top:solid 3px #003399;
    border-bottom:solid 3px #003399; 
    background:#2980C5;
    color:white;
    font-weight:bold;
    display:block;
}

#affiliateList dl{
    font-size:0.9em;
    color:#00447C;
    padding:5px;       
}

#affiliateList dt{
    font-style:italic;
    color:white;
    font-weight:bold;
    font-size:1.1em;
    padding-bottom:0.25em;
    border-bottom:solid 1px #FFFFFF;
}

#affiliateList dd
{
    padding-bottom:1.25em;
}

/* General Tables */
table.genTable 
{
	border-top: 1px solid #999;
	border-left:1px solid #999;
}

table.genTable th
{
	padding:10px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	font-family:Arial, Sans-Serif;
	background:#99CCFF;
	vertical-align:top;
}

table.genTable td
{
	padding:5px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	vertical-align:top;
}	

/* Standard Definition Lists */
.standardDefList
{
}

.standardDefList dt
{
	font-weight:bold;
}

.standardDefList dd
{
	padding-bottom:1em;
}

/* address lables - place inside div and set width */
.address
{
	margin: 10px; 
	padding: 15px; 
	background: #cccccc; 
	border: dashed 1px #555555;
}

/* Superscript */
.superscript
{
	vertical-align:super;
}

/* Foot Note */
.footnote
{font-size:0.8em;}

/* Blockquote http://homartemplatepractice.blogspot.com/2007/12/css-blockquotes.html */ 
blockquote {
color: #00447C;
display: block;
background: #CCCCCC;
padding: 20px 60px 40px 60px;
width: 350px;
}

blockquote:before, blockquote:after {
color: #69c;
display: block;
font-size: 700%;
width: 50px;
}

blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
}

blockquote:after {
content: close-quote;
height: 50px;
margin-top: -70px;
margin-left: 360px;
}


/* News & Event Listing */
.eventListing dl,.eventListing dd,.eventListing dt{line-height: 1.3em;margin-top: 0.2em;	margin-bottom: 0.1em;padding-right:20em;}     
.eventListing dt label{color:rgb(0,78,192); font-size:1.1em;font-family:Arial;}
.eventListing dt label a{text-decoration:none;color:rgb(0,78,192);}
.eventListing dt label a:hover{text-decoration:underline;}
.eventListing dt label a:visited{color:rgb(0,78,192);}
.eventListing .eventdate{color:#FF0000;font-size:0.9em;border-bottom:1px solid rgb(0,78,192);padding-bottom:0.25em;}
.eventListing dd {font-size:0.9em;padding-bottom:1.5em;}
.eventListing td {font-size:0.75em;padding-bottom:1.5em;}

/* 2006 Conference Proceedings List Style */
UL.MainList { MARGIN-BOTTOM: 10px; LIST-STYLE-TYPE: none }
UL.MainList LI { MARGIN-BOTTOM: 15px; border-top:1px solid blue;}
UL.AuthorList { MARGIN-LEFT: 0px; LIST-STYLE-TYPE: none;}
UL.AuthorList LI{ MARGIN-Right:300px;MARGIN-LEFT:0px;MARGIN-BOTTOM: 5px;border:none;}