/* background color */
body { background-color: #002f5f; }

/*======Shadow For Container======*/
.shadow{
	background: url(images/shadow.png) center repeat-y;
	width: 100%;
	margin: 0; 
	padding: 0;
}

#footer-shadow{
	background: url(images/shadow-bottom.png) center no-repeat;
	height:10px;
	width:100%;
    margin: 0; 
	padding: 0;
}
/*======End Shadow Container======*/


#MasterContainer { width: 952px; margin: 0px auto; padding: 0px; border: 0px; clear: both; text-align: left; background-color: #fff; }

	#HeaderImage {  height: 72px; }

		#Toplinks { padding: 15px 0px 0px 5px; float: left; width: 330px; border: 0px; }
		#Toplinks a { font-size: 80%; text-decoration: none; }
		#Toplinks a:hover { text-decoration: underline; }

		#OhioLink { display: block; height: 34px; width: 115px; float: left; border: 0px; margin: 22px 10px 0px 16px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; background: transparent; }

		#DNRLink {  display: block; height: 34px; width: 140px; float: left; margin: 22px 22px 0px 0px; border: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; background: transparent;}

		#Searchbox { margin: 0; float: right; width: 280px; border: 0px; text-align: right; padding: 15px 15px 0px 0px; }
		#Searchbox form { margin-bottom: 0px; }
		#Searchbox a { vertical-align: bottom; }

	/* #MainNav { clear: both; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; 
padding: 0px; letter-spacing: 0.5px; text-align: center; border: 0px;  }


	#MainNav td { margin: 0px auto; align: center; padding: 2px 0px 3px 0px; letter-spacing: 0.5px; 
text-align: center; border: 0px; cellpadding: 0px; cellspacing: 0px; } */

	#BottomHeader { margin: 0px; padding: 0px; width: 952px; border: 0px; background-color: #ffffff; }

	#Content { width: 952px!important; margin: 0px auto; padding: 0px; clear: both; background-color: #ffffff; text-align: left; border: 0; }

	/* Controls the border properties of the Content TABLE in the skin. LINE ONLY!!! */ 
	#Contentborder {border-bottom: 0px; border-top: solid 1px #369; border-left: solid 1px #369; border-right: solid 1px #369; padding: 0px;}

		/* Spacer PANEs for Top Left and Right for 18px white space padding inside of neat-line set in Contentborder*/
		#dnn_TS { border-bottom: solid 18px #fff; }
		#dnn_LS { padding-left: 18px; }
		#dnn_RS { padding-left: 18px; }

		#dnn_TagLinePane { margin: 0px; border: 0px; padding-left: 0px; padding-top: 7px; padding-bottom: 7px;  width: 952px!important; }



		#dnn_ContentPane { margin: 0px; padding: 0px 0px 0px 15px; height: 100%; border: 0px }

		#dnn_TopPane { margin: 0px; border: 0px; padding: 0px;}

		#dnn_LeftPane { margin: 0px; background-color: #f3f2db; width: 126px; }

		#dnn_RightPane { margin: 0px; border: 0px;  padding: 0px 0px 0px 15px; }

		#dnn_FarRightPane { margin: 0px; border: 0px; padding:  0px 0px 0px 15px; }

		#dnn_TitlePane { margin: 0px; border: 0px; padding: 0px 0px 0px 0px; }

		#dnn_BottomPane { margin: 20px 0px 0px 0px; padding: 0px;}
		#dnn_BottomPane { border-right: 0px; border-left: 0px; border-bottom: 0px; border-top: 1px solid #F6FBE6; } 

/* bottom-pane links in skin that mimic the #FooterContainer and #Footer */
		#myFooter {text-align: center; font-family: "Arial", "Helvetica", "Verdana", sans-serif; padding: 15px; } 
		#myFooter a { font-size: 80%; color: #000; text-decoration: none; } 
		#myFooter a:hover { color: #000; text-decoration: underline; } 

	#FooterContainer { clear: both; margin: 0px auto; width: 952px; text-align: center; }

		#Footer { background-color:  #f3f2db; color: #000; }
		#Footer a { font-size: 80%; text-decoration: none; color: #000;  }
		#Footer a:hover { text-decoration: underline; color: #000; }

#AdminNav { clear: both; margin: 0px auto; padding: 0px; letter-spacing: 1px; 
text-align: right; border: 0px; background-color: #ffffff; }

/* colors for main navigation menu */

/* root items  */
.MainMenu_RootMenuItem { color: #369; }
.MainMenu_RootMenuItemHover { color: #003; }

/* 1st child */
.MainMenu_MenuItem { color: #369; }
.MainMenu_SubMenuItemHover{ color: #003;}

/* styles for the menu container */
/* .MainMenu_MenuContainer { display: inline-block; margin-right: auto; margin-left: auto; align: left; width: 50%; padding: 0px; } */
.MainMenu_Separator { width: 1px; height: 1px; padding: 0px; margin: 0px; color: #036; }
.MainMenu_MenuIcon { cursor: pointer; width: 1px; height: 1px; padding: 0px; }
.MainMenu_MenuArrow {width: 0px; height: 0px; border: 0px; padding: 0px; }
.MainMenu_RootMenuArrow {width: 3px; height: 3px; border: 0px; padding: 0px; }

/* styles for the admin container */
.MainMenu_AdminContainer { display: inline; width: 950px; background: #ffffff; padding: 0px; }  

/*  social media icons in the tagline*/
.SMicons { float: right; margin-bottom: -33px; margin-right: 25px; position: relative; top: -25px }

/* general styles */ 

div.rule { background: #369; height: 10px; }
div.rule hr {display: none; }
hr { color: #369;}

a:link { color: #369; text-decoration: underline;  } 
a:visited { color: #039; text-decoration: underline; } 
a:hover { color: #036; text-decoration: underline; } 
a:active { color: #036; text-decoration: underline;} 

img { border: 0; padding: 0; } 
 
blockquote { font-family: "Arial", "Helvetica", "Verdana", sans-serif; }

ul, ol, li { line-height: 1.0em; margin-top: 0px; margin-bottom: 4px; }
ul li {list-style-type: disc;}
ul li li { list-style-type: circle; }
ul li li li {list-style-type: square; }

h1 { color: #900; font-size: 140%; font-weight: normal; margin: 0px 0px 10px 0px; }
h2 { color: #900; font-size: 130%; font-weight: normal; margin: 5px 0px 5px 0px; }
h3 { color: #900; font-size: 120%; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; margin: 5px 0px 5px 0px; padding-top: 20px;}
h4 { color: #369; font-size: 110%; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;  margin: 5px 0px 0px 0px;}
h5 { color: #369; font-size: 100%; font-weight: normal; font-family: "Arial", "Helvetica", "Verdana", sans-serif; margin: 5px 0px 0px 0px;}
h6 { color: #000; font-size: 100%; font-weight: normal; font-family: "Arial", "Helvetica", "Verdana", sans-serif; margin: 0px;}

p { padding: 0px 0px 10px 0px;  line-height: 1.2em; font-size: 1.0em; margin: 0px 0px 0px 0px; }

li.nav { padding: 2px 0px 2px 0px;  line-height: 1.0em; font-size: 1.0em; }

th { font-family: "Arial", "Helvetica", "Verdana", sans-serif; margin: 0px;  line-height: 1.1em; font-size: 1em; vertical-align: bottom; text-align: center; color: #123; font-weight: bold; }
tr th h4 {padding-top: 5px; padding-bottom: 0px; }
tr th { border-bottom: 2px solid #123; }

td, td td, td td td { font-family: "Arial", "Helvetica", "Verdana", sans-serif; margin: 0px; line-height: 1.1em; font-size: 1.0em; }
td p, td td p { font-family: "Arial", "Helvetica", "Verdana", sans-serif; margin: 0px; line-height: 1.1em; font-size: 1.0em; }
td li { font-family: "Arial", "Helvetica", "Verdana", sans-serif; margin: 10px 0px 0px 0px; line-height: 1.2em; font-size: 1.0em; }
tr.color { background-color:  #d9e5ef; }
tr.hazard { color:  #EF0E19; }
tr.last td { border-bottom: 2px solid #123;  }

/* tag line text colors */
.tagline { font-family: Georgia, "Times New Roman", Times, serif; margin: 4px 0px 0px 0px; color: #900;  }
.tagline a:link { color: #900; text-decoration: none;  } 
.tagline a:visited { color: #900; text-decoration: none; } 
.tagline a:hover {color: #600;  text-decoration: underline; } 
.tagline a:active { color: #600; text-decoration: none;} 

.tagline2 { font-family: Georgia, "Times New Roman", Times, serif; color: #104366;  }
.tagline2 a:link { color: #104366; text-decoration: none;  } 
.tagline2 a:visited { color: #104366; text-decoration: none; } 
.tagline2 a:hover { color: #036; text-decoration: underline; } 
.tagline2 a:active { color: #036; text-decoration: none;} 

.tagline3 { font-family: Georgia, "Times New Roman", Times, serif; color:  #000; padding-left: 5px}
.tagline3 a:link { color:  #000; text-decoration: none; }
.tagline3 a:visited { color: #000; text-decoration: none; }
.tagline3 a:hover { color:  #000; text-decoration: none; }
.tagline3 a:active { color: #33FFFF; text-decoration: none;  } 

/* JANET'S CLASSES */

.top0 {padding-top: 0px;}
.reverse { background-color: #369; margin-top: 20px; margin-bottom: 10px; padding: 5px; color: #FFF; }
.reversebb { background-color: #6699cc; margin-top: 20px; margin-bottom: 10px; padding: 5px;  color: #FFF; }

.reversered { background-color: #990000; margin-top: 20px; margin-bottom: 10px; padding: 5px;  color: #FFF; }

.reverseg { background-color: #009900; margin-top: 20px; margin-bottom: 10px; padding: 5px;  color: #FFF; }

.beige { background-color: #f3f2db; margin-top: 20px; margin-bottom: 10px; padding: 5px;  color: #000; }

/* old ones to adjust */
.w140 { width: 140px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w320 { width: 320px; }
.w450 { width: 450px; }
.widecal { width: 600px; }
.bgcly { background-color:  #f3f2db; margin: 0px; padding: 10px; font-size: .9em; }

.bgcdb { background-color: #036; }
.bgcdr { background-color: #900; }
.bb { border: solid #036 thin; margin: 2px; padding: 15px;}
.by {  background-color: #f3f2db;  margin: 2px; padding: 15px;}

.pl20 { padding-left: 20px; }
.pl10 { padding-left: 10px; }
.red { color: #900; }
.dblue { color: #036; }
.lblue { color: #369; }
.crumb { font-size: smaller; }

/* ++++++++++++++++++++++++++++++++++++
     End of Styles for Portal CSS
    ++++++++++++++++++++++++++++++++++++
*/

.rtnav { font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif; color: #369; font-weight: normal; text-decoration: none; width: 120px; font-weight: bold; padding: 10px;}

.rtnav  a:link { font-family: Georgia, "Times New Roman", Times, serif; color: #369; font-weight: normal; text-decoration: none; }
.rtnav  a:visited { font-family: Georgia, "Times New Roman", Times, serif; color: #036; font-weight: normal; text-decoration: none;}
.rtnav  a:hover { font-family: Georgia, "Times New Roman", Times, serif; color: #003; font-weight: normal; text-decoration: underline; }
.rtnav  a:active { font-family: Georgia, "Times New Roman", Times, serif; color: #003; font-weight: normal; text-decoration: underline;}

.rtnav2 { font-size: 95%; font-family: Georgia, "Times New Roman", Times, serif; color: #369; font-weight: normal; text-decoration: none; font-weight: bold; background-color:  #f9f9e9; margin: 3px; padding: 3px 5px 3px 15px;}

.rtnav2  a:link { font-family: Georgia, "Times New Roman", Times, serif; color: #369; font-weight: normal; text-decoration: none; }
.rtnav2  a:visited { font-family: Georgia, "Times New Roman", Times, serif; color: #036; font-weight: normal; text-decoration: none;}
.rtnav2  a:hover { font-family: Georgia, "Times New Roman", Times, serif; color: #003; font-weight: normal; text-decoration: underline; }
.rtnav2  a:active { font-family: Georgia, "Times New Roman", Times, serif; color: #003; font-weight: normal; text-decoration: underline;}

.rtnavadd {font-family: "Arial", "Helvetica", "Verdana", sans-serif; color: #000; font-size: 75%; padding: 5px;  line-height: 1.2em; margin: 5px; }
  
p.Normal { font-size: 75%; padding: 5px;  line-height: 1.2em; margin: 5px; }




/* UNUSED (by me) STYLES */

/* styles forms */      
input, select, textarea { font-family: "Arial", "Helvetica", "Verdana", sans-serif; 
color: #000;  } 

label { display: none;  } 

.menu { margin: 0; }
.menu a:link { color: #000; text-decoration: none; }
.menu a:visited { color: #1A3C8E; text-decoration: none; }
.menu a:active { color: #62655b; text-decoration: none; }
.menu a:hover { color: #62655b; text-decoration: underline; }
.menu ul { margin: 5px 0 0 0; padding: 0; }
.menu li { margin-left: 0; }
.menu li a:link { color: #4581d0; text-decoration: none; }
.menu li a:active { color: #4581d0; text-decoration: none; }
.menu li a:hover { color: #4581d0; text-decoration: underline; }
.menu li a:visited { color: #4581d0; text-decoration: none; }

.caption    { color: #cc0000; font-weight: bold; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; }

.lineacross { color: #A0C3DF; border-bottom: 1px solid #A0C3DF; }


/* styles for WATERS Upper Left header text links */ 

.sidenavheader { font-family: Arial, Helvetica, Geneva; font-weight: bold; text-decoration: none; text-align: center; font-size: .9em; line-height: 1.25em; padding: 2px; border-bottom: 2px solid #a8a9b4; }

.sidenav1 { width: 140px; }

.sidenav1 td { background-color: #FFF; font-family: Arial, Helvetica, Geneva; text-align: left; font-size: .8em; line-height: 1.2em; padding: 3px; padding-left: 5px;} /*f3f9e4*/


.sidenav1 a:link { color:  #003366; text-decoration: none; } /*07b995*/
.sidenav1 a:visited { color: #595900; text-decoration: none; } /*114914  d99747 */
.sidenav1 a:hover { color:  #000000; background-color: #99CCFF; text-decoration: underline; }  /*b7c9a5*/
.sidenav1 a:active { color: #33FFFF;} 
/*.sidenav1 table:hover {  width: 100%; background-color: #447799; }*/
.sidenav1 td { padding: 2px; background-color: #e3e9d4; }  /*e3e9d4*/


#sidenav2 { font-size: .8em; font-weight: bold; margin-bottom: 2px; margin-top: 4px;}
#sidenav2 a:link { color:  #003366; text-decoration: underline; }
#sidenav2 a:visited { color: #495900; text-decoration: underline; }
#sidenav2 a:hover { color:  #000000; background-color: #99CCFF; text-decoration: underline; } /*b7c9a5*/
#sidenav2 a:active { color: #33FFFF;} 


