/*Overwriting styles from DEC master stylesheet */
p,li,td {
	padding-right: 5px;
	vertical-align: top;
	text-align:left;
	clear:both;
	font-size: 10pt;
}
td {
	padding-right: 0px;
}
/*-----------------------------------------------------------------------------------------------------*/
/*BEGIN: Template Styles  */
/*DESCRIPTION: This collection of styles is used in the website templates */

.hRule {						/*creates golder horizontal rule on bottom of template*/
	border-bottom: 1px solid #FC0;	
	font-size: 14pt;
	font-style: italic;
	font-weight: bold;
	color: #00007c;
	padding-top:5px;
}

.PageTitle {					/*Used instead of Head style for the Page Title*/
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 20px;
	color: #00007c;
	font-weight: bold;
	margin: 2px 0 10px 0;
	margin-bottom:10px; padding-bottom:0;
	}

.sectionHeader {				/*Used as a page section title header. */
	border-bottom: 1px solid #FC0;	
	color: #00007c;
	margin: 20px 10px 0 0px;
	font-family:"Times New Roman", Times, serif;
	font-size: 20px;
}

.wtrQuoteLarge {				/*Used on Division and Program main pages. Styles Program or Division mission statement*/
	color: #00007c;
	font-weight: bold;
	font-style: italic;
	font-size: 14px; 
	padding: 20px 0 5px 0;
}

.wtrQuoteLearnMore {			/*Used on Division and Program main pages. Learn more link for quotes across the bottom*/
	color: #666666;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	margin-left:325px; 
}

.crumLayout {					/*Used on subpage templates. Positions breadcrumb section*/
	margin: 3px 0 2px 6px;
}
.water_Emphasis2{ 				/*Currently used in the footer of the templates for the employee email. Maybe remove*/
	color: #FF0000;
	font: normal 9pt Arial, Helvetica, Tahoma, sans-serif;
	font-weight: bold;
}
.water_Emphasis{ 				/*Currently used in the footer of the templates for the employee email. Maybe remove*/
color: #FF0000; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif; }
a.water_Emphasis:link { 
color: #FF0000; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif;}
a.water_Emphasis:visited { 
color: #FF0000; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif; }
a.water_Emphasis:hover { 
color: #00007C; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif; }
a.water_Emphasis:active { 
color: #FF0000; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif; }

.blueLineFade {					/*Used on subpage templates. Blue fading graphic below breadcrumbs*/
	width: auto;
	height: 1px;
	background-image:url(../images/blueLineFade.gif);
	background-repeat:no-repeat;
	font-size: 0px;
}

.water_PageHeader {				/*Header background on subpage templates. Background for style below*/
	background-image:url(../images/backgrounds/fading_purple_image3.jpg);
	background-repeat: no-repeat;
	height:36pt;
}
.water_PageHeaderWTabs {				/*Header background on subpage templates. Background for style below*/
	background-image:url(../images/backgrounds/fading_purple_imageTABS.jpg);
	background-repeat: no-repeat;
	height:56pt;
}
.water_PageHeaderCustom {		/*Header background on subpage templates. Background for style below*/
	background-image:url(../images/backgrounds/fading_purple_image3Custom.jpg);
	background-repeat: no-repeat;
	height:36pt;
}

.water_PageHeaderText {			/*Used on subpage templates. Is the large white page title text on the purple graphic*/
	font-size: 24pt;
	color: #FFFFFF;
	text-indent: 6px;
	font-family:"Times New Roman", Times, serif;
	vertical-align: bottom;
	text-align: left;
	margin: 14px 0px 0px 2px;
}
.water_PageHeaderTextTabs {			/*Used on subpage templates. Is the large white page title text on the purple graphic*/
	font-size: 24pt;
	color: #FFFFFF;
	text-indent: 6px;
	font-family:"Times New Roman", Times, serif;
	vertical-align: bottom;
	text-align: left;
	margin: 38px 0px 0px 2px;
}
.water_PageHeaderTextTabs2Row {			/*Used on subpage templates. Is the large white page title text on the purple graphic*/
	font-size: 17pt;
	color: #FFFFFF;
	text-indent: 5px;
	font-family:"Times New Roman", Times, serif;
	vertical-align: bottom;
	text-align: left;
	margin: 18px 0px 0px 2px;
}

.bigred {                               /*Used in various situations to make text stand out*/
font-weight: bold;
color: red;
}
.bigred:link { }
.bigred:visited {
color: #900;
}
.bigred:hover {
color: #00007C;
}
.bigred:active { }

/*END: Template Styles */
/*---------------------------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------------------------------*/
/*BEGIN: MISC Styles for a variety of purposes for the Division of Water website*/	

.boxBorder {					/*Standard border to apply to a table or other object */
	border: 1px solid #CCCCCC;
}
/*centered image*/
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }


/*END: MISC Styles for a variety of purposes for the Division of Water website*/	
/*---------------------------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------------------------------*/	
/*BEGIN: Updated Table Layout design. Author: Anthony Arriaga, Date: 6/11/08. */

.water_toptablerow{												/*CLEAN UP AND DELETE */
	font-family:Arial, Helvetica, Tahoma, sans-serif;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	background-image:url(../images/backgrounds/table_header_background.jpg);
	text-align:center;
	background-repeat:repeat-x;
	border: 1px solid #999999;
	}
	
.water_graytablerows{											/*CLEAN UP AND DELETE */
	font-family:Arial, Helvetica, Tahoma, sans-serif;
	color:#000000;
	font-size:12px;
	font-style:oblique;
	background:#e4e4e4;
	font-weight:normal;
	text-align:center;
	}

.water_whitetablerows{											/*CLEAN UP AND DELETE */
	font-family:Arial, Helvetica, Tahoma, sans-serif;
	color:#000000;
	font-size:12px;
	font-style:oblique;
	background:#FFFFFF;
	font-weight:normal;
	text-align:center;
	}
/*END: Updated Table Layout design. Author: Anthony Arriaga, Date: 6/11/08. */
/*----------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------*/
/*BEGIN: Updated Water Table Stylesheet*/

/*DESCRIPTION: These styles make easy styling tables found throughout Water's website. Simply apply the Water_tblList class to a table. This assumes however that the header row uses <th>. Most tables throughout the site have been updated to include a standard header row, but for those who are uncomfortable modifying html code, the following styles also include an alternate way to style a row to be used as header row. For alternating row colors, there is an alternate row color style. All styles can be found prefixed with: Water_tblList in the list of styles dropdown in Dreamweaver. */
table.Water_tblList {
	border: 1px solid #999999;
}
table.Water_tblList td {
	font-family:Arial, Helvetica, Tahoma, sans-serif;
	color:#000000;
	font-size:12px;
	font-weight:normal;
}
table.Water_tblList th {
	font-family:Arial, Helvetica, Tahoma, sans-serif;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	background-image:url(../images/backgrounds/table_header_background.jpg);
	/* The next three tags are CSS3.0 codes meant to fix the gap when text streaches the table cell too far
	* Each browser requires its own tag because CSS3.0 is still in review and every engine renders it slightly differently
	* IE will not accept any part of this code
	* 1/6/11 */
	background-size: 100%; /* CSS3.0 not used by any browser as of 1/6/11 */
	-moz-background-size: contain; /* Firefox/Mozilla only tag as of 1/6/11 */
	-webkit-background-size: 100%; /* Webkit/Safari/Chrome only tag as of 1/6/11*/
	text-align:center;
	background-repeat:repeat-x;
	border: 1px solid #999999;
}
table.Water_tblList tr.Water_tblListHeaderRow td {    /*This style is used for existing tables that don't have a header
 row and allows an alternative way to style the what a user wants to be a header row using the Dreamweaver interface. 
 If comfortable editing code, simply change the header row to use <th> instead of <td> and there is no need to use this 
 style*/
	font-family:Arial, Helvetica, Tahoma, sans-serif;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	background-image:url(../images/backgrounds/table_header_background.jpg);
	text-align:center;
	background-repeat:repeat-x;
	border: 1px solid #999999;
}
table.Water_tblList tr.Water_tblListR0 td {   							/*CLEAN UP AND DELETE */
	background-color: #FFFFFF;
}
table.Water_tblList tr.Water_tblListR1 td {								/*CLEAN UP AND DELETE */
	background-color: #DDDDDD;
}
table.Water_tblList tr.Water_tblList_Alternate td {
	background-color: #DDDDDD;
}

/*END: Updated Water Table Stylesheet*/
/*----------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------*/
/*BEGIN: SIDE NAV TABLE: Standard side navigation styling (Ty Yamaoka, Benjamin Shier - 8/28/08)*/

/* DESCRIPTION: These styles provide styling and positioning for a Program's persistent set of links which are usually
 contained within a library item and are used both on the Program's homepage and on all subpages. These styles used by
 themselves are usually what you see when looking at the right most column on the Program homepage. Styles in the next 
 section override these styles when the navigation being styled here is repeated as a library item on subpages. See next
 section. */

/* Manages header image positioning */
.sideNavTableHeaderImage {
	position: relative;
	z-index: 2;
	margin: -8px 0 0 0;
	border: 0;
}

.sideNavTable {
	width:202px;
	position: relative;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

.sideNavTable tr a {
	display:block; 
	padding: 3px 5px 3px 18px;
	text-decoration: none;
}

.sideNavTable tr a img{
	text-decoration: none;
	border: none;
	margin-left: -12px;
	padding-right: 2px;
}

.sideNavTable tr a img.FileType{
	margin-left: 0px;
	padding-right: 0px;
}

.sideNavTable td.water_ListHeader {
	font-weight: bold;
	padding: 0 9px;
	vertical-align: text-top;
}

.water_ListHeader {				/*Style used for table section headers for side navigation.*/
	color: #00007c;
	font-weight: bold;
}
	
/* Provides a more eye catching link color for very important items */
.emergency, .emergency a, .emergency a:link, .emergency a:visited { color:#962323; }
.emergency a:hover{ color:#964040; }

/*END: SIDE NAV TABLE: Standard side navigation styling (Ty Yamaoka, Benjamin Shier - 8/28/08)*/
/*----------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------*/
/*BEGIN: SIDE NAV DIV: OVERRIDES SIDE NAV TABLE: Gray background, hoever affect (Ty Yamaoka, Benj Shier - 8/28/08)*/

/* DESCRIPTION: This set of styles overrides the look of the .SideNavTable styles shown in the section above. These
 styles are used to override the look of the persistent navigation on the homepage when the navigation is used on
 subpages in conjunction with the new wtrSub2 template. */

/* Manages Div positioning and sub element positioning */
.sideNavDiv {
	margin: -18px 0 0 0;
	border-bottom: 1px solid #a8b6d0;
	border-left: 1px solid #a8b6d0;
	border-right: 1px solid #a8b6d0;
	width:202px;
	background-color:#eaeaea;
	padding: 10px 0;
}

.sideNavDiv .sideNavTable {
	padding: 0px;
	position: relative;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
}

.sideNavDiv .sideNavTable td {
	font-size:12px;
	height: 15px;
}

.sideNavDiv .sideNavTable td.water_ListHeader {
	font-weight: bold;
	padding: 0 9px;
}

.sideNavDiv .sideNavTable tr a {
	display:block; 
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	padding: 3px 5px 3px 18px;
	text-decoration: none;
}

.sideNavDiv .sideNavTable tr a img{
	text-decoration: none;
	border: none;
	margin-left: -12px;
	padding-right: 2px;
}

.sideNavTable tr a img.FileType{
	margin-left: 0px;
	padding-right: 0px;
}

.sideNavDiv .sideNavTable tr a:hover {
	background-color:#FFFFFF;
	border-bottom: 1px solid #A8B6D0;
	border-top: 1px solid #A8B6D0;
}
/*END: SIDE NAV DIV: OVERRIDES SIDE NAV DIV: Gray background, hoever affect (Ty Yamaoka, Benjamin Shier - 8/28/08)*/
/*----------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------*/
/*BEGIN: 3 COLUMN-SPAN BOTTOM NAV DIV: Gray background, hoever affect (Benjamin Shier - 1/17/09)*/

/*DESCRIPTION: These styles apply to the 3 column wide Quicklinks box used on the Division homepage. This style is
 similar to the styles used on program subpages where the navigation box on the side has a light gray background and
 a link hover effect. These styles also contain positioning info to "attach" the header graphic to the link box. */
 
.bottomNavDiv {
	position: relative;
	float: left;
	margin-left: 0px; 
	margin-top:-18px; 
	margin-bottom: 10px;
	border-bottom: 1px solid #a8b6d0; 
	border-left: 1px solid #a8b6d0; 
	border-right: 1px solid #a8b6d0; 
	background-color:#eaeaea; 
	padding: 10px 0 0 0; 
	width:644px;
}
.bottomNavDiv table {
	padding: 0;
	margin: 0;
}
.bottomNavHeaderImage {
	z-index:2; 
	position:relative;
	margin: -10px 0 0 0;
	padding: 0;
}
.bottomNavDiv table td a {
	display:block; 
	border: 1px solid #eaeaea;
	text-decoration: none;
	padding: 4px;
}
.bottomNavDiv table td a:hover {
	background-color:#FFFFFF;
	border: 1px solid #A8B6D0;
}

/*END: 3 COLUMN-SPAN BOTTOM NAV DIV: Gray background, hoever affect (Benjamin Shier - 1/17/09)*/
/*----------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------*/
/*BEGIN: ONTHISPAGEDIVE: Styles for "On This Page Header" (Benjamin Shier - 9/24/08)*/

/* DESCRIPTION: These styles create an "on this page" header for long pages. Currently only works on pages with side navigation. Links contained within the styles link to anchors on the same page. Examples of this are the WQS index page and a couple of pages within APDES Primacy. */
.OnThisPageDiv {
	background-image: url(../images/OnThisPageFade.gif);	
	background-repeat: no-repeat;
	width: 545px;
	height: 70px;
	padding:0;
	margin-top: 20px;
	}
	
.OnThisPageDiv div.OnThisPageText {
	display:inline;
	float:right;
	margin:-13px 25px 0 0;
	padding:0;
	color: #00007c;    /* COLORS: Light Blue: #5981b1 ... Purple: #7b7bff ... Yellow: #cead0a ... Gray: #999999 */
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	position: relative;
	letter-spacing: -1px;
}
	
.OnThisPageDiv div.OnThisPageLinks {
	
	position:relative;
	padding: 10px;
	text-align: center;
}
	
.OnThisPageDiv div.OnThisPageLinks a {
	white-space:nowrap;
	font-weight: bold;
}	
.clear{
	clear:both;
}

/*END: ONTHISPAGEDIVE: Styles for "On This Page Header" (Benjamin Shier - 9/24/08)*/
/*----------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------*/
/*BEGIN: ToolTip: Creates tooltip functionality on the page (Benjamin Shier - 2/12/09) */

a.tooltip span{
	display:none; 
	padding:2px 3px; 
	margin-left:8px; 
	width:150px;
	text-decoration:none;
}
a.tooltip:hover span{
	display:inline; 
	position:absolute; 
	background:#ffffcc; 
	border:1px solid #660000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color: #333333;
	text-decoration:none;
}
/*END: ToolTip: Creates tooltip functionality on the page (Benjamin Shier - 2/12/09) */
/*----------------------------------------------------------------------------------------------------------------*/