body  { background-color: #2a0d02; } /*background-color: #113914;*/




/* styles for ONLY to swap out the Images in the header and main navigation links generated by DNN*/ 
#HeaderImage { background: #ffffff url('images/canals_01.jpg') no-repeat top left; }
#MainNav { background: #ffffff url('images/canals_02.jpg') no-repeat top left;}
#BottomHeader { background: #ffffff url('images/canals_03.jpg') no-repeat top left; }


/* color for the 1st child navigation menu links */
.MainMenu_MenuItem {color:#000;}

/* color for the top level navigation menu links */
.MainMenu_RootMenuItem {color:#70170e;}

/*color for the top level navigation menu links when hovered 62655b*/
.MainMenu_RootMenuItemHover {color: #301004;}

/* color for the child navigation menu links when hovered #62655b*/
.MainMenu_SubMenuItemHover { color: #301004; background-color: #FFFFFF; }



/* Controls only the text color of the Top Links embeded in the upper right of each page*/
#Toplinks { color: #FFFFFF; }
#Toplinks a { color: #FFFFFF; }
#Toplinks a:hover { color: #FFFFFF; }

/* Footer */ 
#FooterContainer { clear: both; border-top: 0px solid #113914; margin: 0pt; } 
#Footer { color: #369; background-color: #b4b18f;  }
#Footer a { color: #FFFFFF; } 
#Footer a:hover { color: #FFFFFF; text-decoration: underline; } 



/* Spacer PANEs for Top Left and Right for 18px white space padding inside of neat-line set in Contentborder*/
#dnn_TS { border-bottom: solid 16px #fff; }
#dnn_LS { padding-left: 18px; }
#dnn_RS { padding-left: 18px; }

#dnn_TagLinePane {margin: 0px; border-top: 0px; border-right: 0px ; border-left: 0px ; border-bottom: 0px;} 

/* Controls the border properties of the Content TABLE in the skin. LINE ONLY!!! New SPACER PANES in skin and PROGRAM CSS Are doing this padding job*/ 
#Contentborder {border-bottom: 0px solid #a8a9b4; border-top: solid 1px #113252; border-left: solid 1px #113252; border-right: solid 1px #113252; padding: 0px 0px 0px 0px;}

#dnn_TitlePane {margin: 0px; border-top: 0px; border-right: 0px ; border-left: 0px ; border-bottom: 0px; } 
#dnn_TopPane {margin: 0px; border-top: 0px solid #a1b6a0; padding: 0px 10px 0px 25px;  background-color: #fff; border-right: 0px ; border-left: 0px ; border-bottom: 0px solid #fff; text-align: right; font-size: 1.0em; color: #369; } /*d3d9c4*/
#dnn_ContentPane {margin: 0px; border-top: solid 0px #a8a9b4; border-right: 0px ; border-left: 0px ; border-bottom: 0px;  padding: 0px 0px 0px 20px; } 
#dnn_BottomPane { } 
/*#dnn_LeftPane { padding-top: 0px; padding-right: 0pt; padding-bottom: 0px; padding-left: 0pt; border-top: 0px solid #113252; border-right: 0px solid #a1b6a0; background-color: #d3d9c4; border-left: 0px solid #a1b6a0; border-bottom: 0px solid #fff; }*/ /*d3d9c4  f0e9d4*/
#dnn_LeftPane { padding-top: 1px; padding-right: 0pt; padding-bottom: 0px; padding-left: 0pt; /*border-top: 10px solid rgb(48, 16, 4)/*#113252*/; border-right: 0px solid #a1b6a0; background-color: #FFFFFF; border-left: 0px solid #a1b6a0; border-bottom: 0px solid #fff; } /*LAST COLOR USED=d3d9c4  f0e9d4*/
#dnn_RightPane {margin: 0px; border-top: 0px; border-right: 0px ; border-left: solid 0px #a8a9b4; border-bottom: 0px; } 
#dnn_FarRightPane {margin: 0px; border-top: 0px; border-right: 0px ; border-left: 0px ; border-bottom: 0px; } 



.tagline { font: 1.2em Georgia, "Times New Roman", Times, serif; margin: 3px 0px 0px 0px; color: #301004;  }
.tagline a:link { text-decoration: none; color: #301004; }
.tagline a:visited { text-decoration: none; color:  #301004;}
.tagline a:hover { background-color:#ffffff; text-decoration: underline; }
.tagline a:active { color: #33FFFF; } 

.tagline2 { font: 1.0em Georgia, "Times New Roman", Times, serif; color: #70170e; }
.tagline2 a:link { text-decoration: none; color: #70170e; }
.tagline2 a:visited { text-decoration: none; color:  #70170e;}
.tagline2 a:hover { background-color:#ffffff; text-decoration: underline; }
.tagline2 a:active { color: #33FFFF; } 

.tagline3 { font: 1.0em Georgia, "Times New Roman", Times, serif; color:  #70170e; padding-left: 0px}
.tagline3 a:link { text-decoration: none; color:  #70170e;}
.tagline3 a:visited { text-decoration: none; color:  #70170e;}
.tagline3 a:hover { background-color:#ffffff; text-decoration: underline; }
.tagline3 a:active { color: #33FFFF; } 


h1 {  color: #301004; font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; font-style: normal; }  
h2 {  color: #301004; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; font-style: normal; }  
h3 {  color: #301004; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; font-style: normal; }  


/* general styles  
a:link { color: #314b33; font-weight: normal; text-decoration: underline; font-size: .9em; } 
a:visited { color: #314b33; font-weight: normal; text-decoration: underline; }
a:hover { color: #301004; font-weight: normal; text-decoration: none; } 
a:active { color: #069; text-decoration: underline;} 
*/

--------------------------------------

.sidenavheader { font-family: Arial, Helvetica, Geneva; font-weight: bold; text-decoration: none; text-align: center; font-size: .9em; line-height: 1.25em; padding: 0px 0px 0px 0px; border-bottom: 2px solid #a8a9b4; }

/* styles for Upper Left header text links */ 

#sidnavboarder {margin: 0px; padding: 0px 4px 5px 6px; background-color: #70170e; } 

.sidenav3 { font-family: Arial, Helvetica, Geneva; font-size: .8em; line-height: 1.2em; padding: 0px 0px 0px 0px;} /*f3f9e4*/

.sidenav1 td { font-family: Arial, Helvetica, Geneva; text-align: left; font-size: .75em; line-height: 1.0em; padding: 4px 3px 6px 6px;} /*f3f9e4   e3e9d4*/
.sidenav1 a:hover { }  /*b7c9a5*/


.sidenav1 a:link { color:  #f3e6b7; text-decoration: none; } /*07b995*/
.sidenav1 a:visited { color: #f3e6b7; text-decoration: none; } /*114914  d99747 */
.sidenav1 a:hover { color:  #ddd8c9; text-decoration: none; }  /*b7c9a5*/
.sidenav1 a:active { color: #FFFFFF;} /* BRIGHT BLUE 33FFFF PERWINKLE BLUE 99CCFF*/

#sidenav2 { color: f8f5ee; font-size: .9em; font-weight: bold; margin-bottom: 0px; margin-top: 0px;}
#sidenav2 a:link { color:  #f3e6b7; text-decoration: underline; }
#sidenav2 a:visited { color: #f3e6b7; text-decoration: underline; }
#sidenav2 a:hover { color:  #ddd8c9; text-decoration: underline; } /*b7c9a5*/
#sidenav2 a:active { color: #33FFFF;} 

#sidenavsub td {  width: 100%; padding: 4px 1px 4px 4px;} /*cdcdc1   cdcdc4 cdcdc9*/
#sidenavsub { margin-left: 6px; margin-bottom: 2px} /*f1f1d9*/
#sidenavsub a:link { color:  #f3e6b7; text-decoration: none; } /*003366*/
#sidenavsub a:visited { color: #f3e6b7; text-decoration: none; } /*495900*/
#sidenavsub a:hover { color:  #ddd8c9; text-decoration: none; } /*b7c9a5*/
#sidenavsub a:active { color: #FFFFFF;} /* 33FFFF */

#sidesubhead { font-size: 1.0em; font-weight: noraml; margin-bottom: -4px; margin-top: 0px; text-decoration: none; margin-left: -4px; }



.beigesmall { color: #f8f5ee; font-size: 0.9em }
.beigesmall a:link { font-size: 100%; color: #f8f5ee; font-weight: bold; text-decoration: underline }
.beigesmall a:visited { font-size: 100%; color: #f8f5ee; font-weight: bold; text-decoration: underline }
.beigesmall a:hover { font-size: 100%; color: #c1dcad; font-weight: bold; text-decoration: none }


.leftnav { color: #301004; font-size: 0.9em; line-height: 1; }
.leftnav a:link { font-size: 100%; color: #301004; font-weight: bold; text-decoration: none }
.leftnav a:visited { font-size: 100%; color: #301004; font-weight: bold; text-decoration: none }
.leftnav a:hover { font-size: 100%; color: #314b33; font-weight: bold; text-decoration: underline }
.leftnavbeige { color: #f8f5ee; font-size: 0.9em; line-height: 1; }
.leftnavbeige a:link { font-size: 100%; color: #f8f5ee; font-weight: bold; text-decoration: none }
.leftnavbeige a:visited { font-size: 100%; color: #f8f5ee; font-weight: bold; text-decoration: none }
.leftnavbeige a:hover { font-size: 100%; color: #ddd8c9; font-weight: bold; text-decoration: underline }
.leftnavgold { color: #f3e6b7; font-size: 0.9em; line-height: 1; }
.leftnavgold a:link { font-size: 100%; color: #f3e6b7; font-weight: bold; text-decoration: none }
.leftnavgold a:visited { font-size: 100%; color: #f3e6b7; font-weight: bold; text-decoration: none }
.leftnavgold a:hover { font-size: 100%; color: #e8c37b; font-weight: bold; text-decoration: underline }



/* styles for sidenavigation module TABLES; divison of water only*/
.sidenav1 { width: 170px;}/*NOTE: place holder, water_base.css contorls real width of all sidenav1 tables*/


/*Sidnav table data bakcground and hover colors, change per program design*/
.sidenav1 td { background-color: #70170e; } /*LAST COLOR USED=d3d9c4 (Color for shuan d3d9d4) f3f9e4  f1f1e9  f1f1d9*/

#sidenavsub td { background-color: #70170e; }

#sidenav2 { padding-top: 8px; }

/*TURN THIS ONE TO GET THE TABLE CELL OUTLINES TO HIGHLIGHT
.sidenav1 td:hover { background-color: #b7c9a5; } */  /*#e3e9d4*/

/*Used where needed as a page divider, such as new items on the home page. Change color to match programs page design*/
#lineacross { padding-bottom: 10px : 0px; margin-bottom: 0px; border-top: 0px; border-right: 0px solid #a8a9b4; background-color: #FFF; border-left: 0px ; border-bottom: 1px solid #113252; }