/*------------------------------------------------------------------------------
 * Default screen CSS
 *----------------------------------------------------------------------------*/

body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(/WaterSecurity/_lib/images/main_bg.jpg);
	background-repeat:repeat-x;
	/*background-color:#2E5380;*/
	background-color:#345A8B;
}

h1 {
	color:#203A5A;
	padding:0px 0px 10px 0px;
	font-size:1.5em;
	margin:0px 0px 0px 0px;
	font-weight:bold;
}

h2 {
	color:#356094;
	padding:0px 0px 10px 0px;
	font-size:1.1em;
	margin:0px 0px 0px 20px;
}

h3 {
	color:#0095D9;
	padding:0px 0px 5px 0px;
	font-size:0.9em;
	margin:0px 0px 0px 20px;
}

h4 {
	margin:0px 0px 10px 0px;
	padding:0;
	color:#333;
	font-size:0.8em;
}

a {
	text-decoration:underline;
	color:#356094;
}

a:hover {
	text-decoration:underline;
	color:#FF6600;
}

p {
	font-size:0.8em;
	color:#333;
}

form {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

ol {
	color:#333333;
	padding:0px 0px 15px 45px;
	margin:0px 0px 0px 0px;
}

.footNote
{
  font-size:x-small;
}

/*------------------------------------------------------------------------------
* Layout
*----------------------------------------------------------------------------*/

#lines {

}



#layout {
	width:799px;
	margin:10px auto 0px auto;
	padding:0px 0px 20px 0px;
}


/*------------------------------------------------------------------------------
* Home
*----------------------------------------------------------------------------*/

#PrintLogo{display:none;}

#topnav {
	height:28px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#topnav ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}

#topnav li {
	list-style-type:none;
	float:left;
	width:192px;
	height:24px;
	padding:4px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-image:url(/WaterSecurity/_lib/images/top_nav_bg.jpg);
	background-repeat:no-repeat;
}

#topnav li a {
	color:#000000;
	text-decoration:none;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	display: block;
	line-height: 20px;
}

#topnav li .on {
	color:#FF6600;
}

#topsection {
	width:799px;
	height:170px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.logos {
	float:right;
	margin:0px 0px 0px 0px;
	padding:10px 10px 0px 0px;
}


#content {
	width:799px;
	background-image:url(/WaterSecurity/_lib/images/home_content_bg.jpg);
	background-repeat:repeat-x;
	background-color:#FEFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


#content #homebox, #content #subbox {
	width:700px;
	min-height:400px;
	height:auto !important;
	border:1px solid #C5DFFA;
	background-image:url(/WaterSecurity/_lib/images/home_box_bg.jpg);
	background-color:#E0EEFC;
	background-repeat:repeat-x;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

#content #subbox { height:400px; }

#content #homebox ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 30px;
	font-size:0.8em;
	color:#333333;
}

#content #homebox li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#content #homebox .heading {
	padding:20px 0px 10px 20px;
	margin:0px 0px 0px 0px;
}

#content #homebox .savewater {
	float:right;
	padding:0px 20px 10px 10px
}

#content #homebox p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 20px;
}

#content #subbox h1,#content #subbox h2, #content #subbox p {
	margin:0px 0px 0px 0px;
	padding: 0px 10px 5px 10px;
}

#content #homebanner {
	width:700px;
	margin:20px auto 0px auto;
	padding:0px;
}	

/*------------------------------------*/
/* Related links */
.box{
    float:right; 
    width:150px; 
    border:1px solid #BCD1E3; 
    margin:0px 10px 10px 5px;
    background-color:#74A2C6;
    background-image:url(/WaterSecurity/_lib/images/sub_menu_bg.jpg); 
	background-repeat:repeat-x;
	font-size:0.7em;	
    }
.linksBoxLink, .linkUnavailable{
    margin:0px 5px 2px 5px; /*t r b l*/
    width:130px;    
	padding:2px 5px 6px 5px;    
    display:block;    
    color:#F9F9F9; 	
	}
.linksBoxLink, .linkUnavailable {border-bottom:1px solid #BCD1E3; margin-bottom:7px;}
.linksBoxLink a {color: #F9F9F9;text-decoration: none;}
.linksBoxLink a:link { color: #F9F9F9; }
.linksBoxLink a:visited { color: #DDE8F0;}
.linksBoxLink a:hover { color: #BCD1E3; }
.linkUnavailable a {color: silver;text-decoration: none;}
.linkUnavailable a:link, .linkUnavailable a:visited,
.linkUnavailable a:hover { color: Silver;	}
.ghostText { color:#666666; font-size:smaller; }
/*------------------------------------------------------------------------------
* Sub
*----------------------------------------------------------------------------*/

#subcontent {
	width:799px;
	min-height:600px;
	height:auto !important;
	/*height:650px;*/
	background-image:url(/WaterSecurity/_lib/images/home_content_bg.jpg);
	background-repeat:repeat-x;
	background-color:#FEFFFF;
	margin:0px;
	padding:0px;
	overflow:visible;
}

/* Covers main page content */
#subcontent #maincontent {
  float:left;
  width:540px;
	height:auto !important;
	margin:0px;
	padding:0px;
}



#subcontent #submenu {
	float:left;
	width:200px;
	height:auto !important;
	margin:10px 15px 20px 10px;
	padding:0px;
}

.subMenuL1 
{
	background-image:url(/WaterSecurity/_lib/images/menu_bg.jpg);
	background-repeat:no-repeat;
	/*width:198px;*/
	height:26px;
	padding:5px 0px 0px 7px;
	font-weight:bold;
	margin:0px 0px 0px 0px
}
.subMenuL1 a
{
	color:#FFFFFF;
	text-decoration:none;
}

.subMenuL1 a.highlight 
{
	color:#E17624;
	text-decoration:none;
}

#subcontent #submenu #menu, #subcontent #RelatedLinks {
	width:199px;
	border:1px solid #0095D9;
	background-image:url(/WaterSecurity/_lib/images/sub_menu_bg.jpg);
	background-repeat:repeat-x;
	background-color:#74A1C6;
	/*background-color:#3C6598;*/
	padding:0px 0px 0px 0px;
	margin:0px;
}


#subcontent #submenu #menu p {
	padding:10px 0px 10px 10px;
	margin:0px;
}

#subcontent #submenu #menu p a {
	color:#FFF;
	text-decoration:none;
}

#subcontent #submenu #menu p a:hover {
	color:#FFF;
	text-decoration:underline;
}

#subcontent #submenu #menu .on {
	color:#FFF;
	text-decoration:underline;
}



#subcontent #submenu #menu ul {
	padding:0px 10px 0px 10px;
	margin:0px;
	list-style-type:none;
}

#subcontent #submenu #menu li {
	padding: 0px 0px 3px 0px;
	margin:0px 0px 0px 0px;
	font-size:0.8em;
}

#subcontent #submenu #menu li.sideMenuItem, #subcontent #submenu #menu .bottom {
  padding:0px 0px 3px 15px;
	background-image:url(/WaterSecurity/_lib/images/sub_menu_arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	border-bottom:1px solid #BCD1E3;
}

#subcontent #submenu #menu li.sideMenuItem ul, #subcontent #submenu #menu .bottom ul {
 list-style-type:disc;
 color:#BCD1E3;
 line-height:1em;
}


#subcontent ul li p {
	padding-top:5px;
	margin-bottom:0px;
	font-size:small;
}

#subcontent ul li ul li {
	padding-top:5px;
	margin-bottom:0px;
	font-size:small;
}

#subcontent #submenu #menu .bottom {
	border-bottom:none;
}

#subcontent #submenu #menu li a {
	color:#FFF;
	text-decoration:none;
}

#subcontent #submenu #menu li a:hover {
	text-decoration:underline;
}

#subcontent #submenu .feature {
	padding:0px;
	margin:15px 0px 0px 0px;
}

#subcontent #submenu .savewater {
	padding:0;
	margin:10px 0px 0px 0px;	
}

#subcontent p, #subcontent h2, #subcontent h3 {
	margin:0px 20px 15px 0px; /*230px*/
}

#subcontent td p {
	margin:0px;
}

#subcontent .featurelink {
	color:#356094;
	font-weight:bold;
	font-size:0.9em;
}

#subcontent ul, #subcontent ol {
	margin:0px 20px 15px 0px; /*260px*/
	color:#333333;
}

#subcontent ul{	list-style-type:disc;}

#subcontent li {
	padding:0px 0px 5px 0px;
	margin:0px;
	font-size:0.8em;
}

#subcontent .image {
	float:right;
	margin:0px 5px 10px 10px;
	padding:0px;
	border:1px solid black;
}

#subcontent .introbox {
	width:500px;
	border:1px solid #0099CC;
	background-color:#EEE;
	background-image:url(/WaterSecurity/_lib/images/introbox_bg.jpg);
	background-repeat:repeat-x;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 20px;
}

#subcontent .introbox p {
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 0px;
}

#subcontent .introbox ul li a:hover {
	color:#FF6600;
}

#subcontent table
{
  margin-left:0px; /*15px;*/
  margin-bottom:20px;
}



#subcontent #RelatedLinks { width:150px; }

#subcontent #RelatedLinks a {
  padding:1px 1px 2px 2px;
  font-size:0.7em;
  display:block;
  color:White;
}

#subcontent #RelatedLinks a:hover { color:#BCD1E3; }

/*------------------------------------------------------------------------------
* Footer
*----------------------------------------------------------------------------*/



#footer {
	width:799px;
	height:56px;
	background-image:url(/WaterSecurity/_lib/images/bottom_bg.jpg);
	background-repeat:no-repeat;
	text-align:right;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;

}

#footer p {
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:32px 10px 0px 0px;
}

#footer p a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer p a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

/* footer elements */
.lastUpdatedSection {padding-right:10px; margin-top:20px;}
.lastUpdatedContent 
{
	font-size: x-small; 
	color:#aaaaaa; 
	text-align:right; 
	}


/*------------------------------------------------------------------------------
* Popout Menus
*----------------------------------------------------------------------------*/


#topnav ul.dropmenu {
	position: absolute;
	clear: both;
	display: block;
	margin-top: 4px;
	margin-left: 0px;
	border:1px solid #003366;
	z-index: 1000;
	float:left;
}
#topnav ul.dropmenu li {
	float: none;
	background-image: none;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:280px;
	text-align:left;
	border-bottom:1px solid #003366;
}
#topnav ul.dropmenu li a {
	display: block;
	height: 100%;
	text-align:left;
	line-height: 24px;
	padding-left:4px;
}
#topnav ul.dropmenu li a:hover {
	background-color: #FF6600;
	color:#FFFFFF;
}

#topnav ul.dropmenu .bottom {
	border-bottom:none;
}

#topnav ul.dropmenu .double {
	height:50px;
}

/*---------------------  information table formatting ---------------------*/
/* default table formatting for header row, and then alternating row colours for data*/
.tblHeader { color:#FFFFFF; background-color: #264A7A; text-align: center; font-weight: bold;}
.tblOddRow { background-color: #DCE3E9; text-align: left; font-weight: normal;}
.tblEvenRow { background-color: #C4D0D9; text-align: left; font-weight: normal;} /*#CFD9E0*/
.tblHilite {background-color:#cccccc; text-align:center; font-weight: bold;}



/* SEARCH */

#topsection .newsletterButton {
  position:relative; top:-72px; left:640px;
  padding: 0 10px 0 0;
	width: 141px;
	height: 34px;
	margin:0px;
}

#topsection .search {
	position:relative; top:-72px; left:640px;
	padding-right: 10px;
	background: url(/watersecurity/_lib/images/bg_searchThree.gif) no-repeat;
	background-position: right 0px;
	margin: 7px 10px 0px 0px;
	width: 141px;
}

#topsection .search label {
	height: 21px;
	width: 20px;
	background: url(/watersecurity/_lib/images/bg_search.gif) no-repeat;
	background-position: right 0px;
	float: left;
}

#topsection input {
	height: 17px;
	border: none;
	background: #cbcdce url(/watersecurity/_lib/images/bg_searchTwo.gif) repeat-x 0 0;
	width: 94px;
	font-size: 0.8em;
	color: #666;
	padding: 3px 4px 0px 0px;
}

#topsection input.srchButton {
  background-image:url('/watersecurity/_lib/images/bg_btn_go.gif');
  height: 20px;
  background-repeat: no-repeat;
	width: 23px;
	border:0px;
	margin-bottom:1px;
}

#topsection input.srchButton:hover {
	background-position: 0px -19px;
	background-repeat: no-repeat;
}

#topsection label {
	width: 0px;
	height: 0px;
	overflow: hidden;
	text-indent: -100em;
	display: block;
}

/* NEWS */

.newsFurtherInfo, .newsDetail, .newsDate {
 margin:0px 20px 15px 0px; /*230px;*/ 
 font-size:12px;
}


#subcontent .newsDetail ul, #subcontent .newsDetail li {
 margin:0px 0px 0px 0px; 
 font-size:12px;
}