/* Begin: Layout Template */

html {
	background-image:url(../h2o_images/layout/mainBackground.jpg);
	background-repeat: repeat-x;
	background-position:top;
	border-bottom: 131px solid #515d37;
}

#container{
	margin: 0 auto;
	padding: 0px;
	width: 890px;
}

#bottomBar {
	background-color:#FF0000;
	position:absolute;
	bottom:0px;
	width:100%;
	height:100px;
}

#footer{
	margin:0px;
	padding:0px;
	width:890px;
	height:131px;
	float: left;
	margin-bottom: -131px;
	background-color: #515d37;
}

#dgLogo {
	background-image:url(../h2o_images/layout/dg_logo.gif);
	background-repeat:no-repeat;
	width:151px;
	height:26px;
	float:right;
	margin-right:399px;
	margin-top:4px;
}

#dgLogo a {
	display:block;
	overflow:hidden;
	width:151px;
	height:0px;
	padding-top:26px;
}

#imageHeader{
	margin:0px;
	padding:0px;
	width:890px;
	height: 210px;
	background-image:url(../h2o_images/layout/headerContainer.jpg);
}	

#left{
	margin: 0px;
	padding: 15px 0px 0px 10px;
	width: 323px;
	float: left;
	clear:left;
}

#mainBody{
	border-top: 6px solid #76745b;
	float:left;
	margin: 25px 5px 25px 5px;
	padding-top: 5px;
	width: 530px;
}

#navigation{
	margin: 0px;
	padding: 0px;
	width:890px;
	height:39px;
	white-space:nowrap;
	list-style-type:none;
	background-image:url(../h2o_images/layout/navBarBackground.jpg);
}

#right{
	margin:0px 0px 20px 0px;
	padding:0px;
	width:553px;
	float:left;
}

#slideContainerBottom{
	margin:0px;
	padding:0px;
	width: 314px;
	height: 18px;
	background-image:url(../h2o_images/layout/homepage_slideshow/bottomShadowFrame.jpg);
	background-repeat:no-repeat;
}

#slideContainerMiddle{
	margin:0px;
	padding: 2px 40px 5px 20px;
	background-image:url(../h2o_images/layout/homepage_slideshow/middleShadowFrameRepeat.jpg);
	background-repeat:repeat-y;
	font-size:12px;
}

#slideContainerTop{
	margin: 0px;
	padding: 0px;
	width: 314px;
	height: 19px;
	background-image:url(../h2o_images/layout/homepage_slideshow/topShadowFrame.jpg);
	background-repeat:no-repeat;
}

#slideText{
	margin: 0px;
	padding: 10px 30px 10px 25px;
	line-height: 23px;
}

#topBar{
	text-align: left;
	width: 890px;
	height:100px;
	background-image:url(../h2o_images/layout/topBarBackground.jpg);
	position: relative;
}
#topBar #topBar-links {
	color: #999999;
	position: absolute;
	width: 890px;
	text-align: right;
	margin: 0px;
	right: 46px;
}
#topBar #topBar-links a {
	color: #FFFFFF;
	text-decoration: none;
}
#topBar #topBar-links a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#topBar #topBar-links a:visited {
	color: #FFFFFF;
}

/* search styles */

#search {
	position:relative;
}

#searchArea {
	margin:-45px 38px 0px 0px;
	position:absolute;
	right:8px;
	top:10px;
}

#searchArea input.searchTextbox {
	border:1px solid #F0EEB3;
	width:130px;
	height:15px;
	vertical-align:middle;
	color:#777777;
	font-size:10px;
	padding-top:1px;
}

.searchArrow {
	vertical-align:middle;
}

/* classes */

.backForwardBtn{
	margin-left: 218px;
}

.calloutArea{
	padding:0px 0px 0px 0px;
	margin:25px 0px 0px 5px;
	width: 531px;
	font-family:Arial, Helvetica, sans-serif;
	white-space:nowrap;
	list-style-type:none;
	border-top: 6px solid #76745b;
	float:left;
	display: inline;
}
.calloutAreaContainer {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 177px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.calloutArea li{
	display:inline;
}

.calloutArea li a{
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	float:left;
	overflow:visible;
}

p.calloutText {
	width:130px;
	float:left;
	line-height:19px;
	margin:5px 28px 0px 17px;
}

p.calloutText a:link, p.calloutText a:visited {
		color:#9F4A69;
		text-decoration:none;
		font-style:italic;
}

p.calloutText a:hover {
		text-decoration:underline;
}

/* .calloutArea a:hover{
	font-family:Arial, Helvetica, sans-serif;
} */

.calloutDetails{
	width:100px;
}

h2.calloutTitle{
	font-size:23px;
	line-height:29px;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
h2.calloutTitle a {
	text-decoration: none;
}

.copyright{
	margin: 15px 0px 0px 0px;
	color:#bdbdbb;
	font-weight:100;
	float:left;
	line-height:17px;
}
#container #footer .copyright a {
	text-decoration: underline;
	color: #bdbdbb;
}

.copyright img {
	margin-top:4px;
}

.footerArea{
	padding:0px 0px 0px 0px;
	margin:15px 0px 0px 30px;
	width: 310px;
	font-family:Arial, Helvetica, sans-serif;
	white-space:nowrap;
	list-style-type:none;
	text-transform:uppercase;
	float: left;
	display: inline;
}

.footerArea li{
	display:inline;
	color:white;
	float:left;
	margin-left:7px;
}

.footerArea li a{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:0px 3px 0px 0px;
	text-decoration:none;
}

.footerArea a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:underline;
}

.footerArea a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
}

#safariFix {
	padding:0px;
	margin:0px;
	height:0px;
	line-height:0px;
	clear:both;
	*display:none;
}

h1.logo{
	margin:0px;
	padding:0px;
	width:206px;
	height:100px;
	background-image:url(../h2o_images/layout/logo.jpg);
}

/*.navList */

.navList{
	padding:0px 35px 0px 22px;
	margin:0px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	white-space:nowrap;
	list-style-type:none;
}

.navList li{
	float: left;
	position: relative;
}

.navList li a{
	color:#ffffff;
	padding:12px 18px 11px;
	text-decoration:none;
	float:left;
	
/*margin-left:-16px;
	margin-right:15px;*/

}

.navList li a:hover{
	color: #ffffff;
	background-image: url(../h2o_images/layout/navBarBackgroundHover.jpg);
}

.navList li a:visited{
	color: #ffffff;
}

.navList li ul {
	clear: left;
	display:none;
	position: absolute;
	margin-top: 38px;
	background-color:transparent;
	list-style:none;
	padding:40px;
	padding-top: 0px;
	margin-left: -40px;
	.margin-top: 0px;
	width: 208px;
	white-space:normal;
	border-top:1px solid #475531;
}

.navList li ul li {
	width: 100%;
	display: block;
	background-color:#FFFDF1;
}

.navList li ul li:hover {
	background-color:#55663C;
	margin:0px;
}

.navList li ul li a:hover {
	background-color:#55663C;
	background-image: none;
}

.navList li ul li a:visited {
	color:#848F6D;
}

.navList li ul li a {
	color:#848F6D;
	text-decoration:none;
	text-transform:capitalize;
	padding: 0;
	float:none;
	display: block;
	padding:5px 17px 5px 7px;
}

.navList li ul li:hover a {
	color:white;
	text-decoration:none;
}

.navList li ul li:hover a:visited {
	color:white;
}

.navList li:hover ul {
	display:block;
}




/* Inside Page Styles */

#leftBody {
	width:620px;
	margin:15px 0px 40px 18px;
	float:left;
}

#leftBody p {
	font-size:14px;
	line-height:24px;
	text-indent:0px;
}

/*#leftBody p a:link, #leftBody p a:visited {
	color:#525132;
}*/

/* red colored readMore link*/
/* How to fix this:  IDs are dominant over classes, so a class needs to be made (also called leftBody for simplicity's sake) which takes control of the link color.  it could also be deleted outright since the global.css file defines that same color for all links...  i'm going to comment it out and see if it causes trouble == that does fix the problem with the readMore class, now we'll see if it has negative effects.. */
a.readMore{
	color: #984b6f;
	font-style: italic;
	text-decoration: none;
	/*color: rgb(152, 75, 111);*/
}

a:hover.readMore {
	text-decoration:underline;
	/*color: rgb(152, 75, 111);*/
}
/* end of that */

#breadCrumb {
	margin:0px;	
}

#breadCrumb ul {
	padding:0px 0px 0px 0px;
	margin:16px 0px 2px -10px;
}
#breadCrumb ul li {
	list-style-image:url(../h2o_images/layout/breadcrumb_sep.jpg);
	list-style-position:inside;
	float:left;
	margin-left:10px;
	font-size:16px;
	font-weight:bold;
}

#breadCrumb ul li a:link, #breadCrumb ul li a:visited {
	text-decoration:none;
	color:#343434;
}

#breadCrumb ul li a:hover {
	color:#667348;
	text-decoration:none;
}

#breadCrumb ul li:first-child {
	list-style:none;	
}

#breadCrumb ul li.lastChild {
	float:none;
	color:#8E3759;
	text-indent:10px; /*appears to fix lastchild breadcrumb eating previous item issue*/
}

#leftIntro {
	border-top:3px solid #8D3859;
	border-bottom:3px solid #8D3859;
	border-left:0px;
	border-right:0px;
	min-height:155px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#leftIntro p.topLevel {
	text-transform:uppercase;
	color:#343434;
	font-size:24px;
	margin:0px;
	text-indent:0px;
}

#leftIntro p.currentLevel {
	text-transform:uppercase;
	color:#8D3859;
	font-size:24px;
	margin:0px;
	line-height:24px;
	text-indent:0px;
}

#leftIntro p.currentSummary {
	font-size:12px;
	line-height:22px;
	text-indent:0px;
}

#rightBody {
	float:left;
}

#rightSubnav {
	width:185px;
	background-color:#FFFDF1;
	margin:50px 0px 0px 25px;
}

#rightSubnav h1 {
	color:#62724A;
	font-weight:bold;
	font-size:18px;
	padding:18px 0px 0px 10px;
}

#rightSubnav ul {
	padding:0px 26px 50px 16px;
	margin:30px 0px 0px 0px;
}

#rightSubnav ul li {
	list-style-position:outside;
	list-style:none;
	border-bottom:1px solid #ECE9E2;
	color:#62724A;
/*	padding:0px 0px 4px 0px;
	margin:0px 0px 10px 0px;*/
	margin:0px;
	padding:0px
}

#rightSubnav ul li a:link, #rightSubnav ul li a:visited {
	color:#62724A;
	text-decoration:none;
	padding:10px 3px 10px 5px;
	display:block;
	margin:0px;
}

#rightSubnav ul li a:hover {
	text-decoration:none;
	color:#8D3859;
	background-image:url(../h2o_images/layout/subHover.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:10px 3px 10px 5px;
}

#rightSubnav ul li.subsection {
	padding: 0px;
	margin-left: 10px;
	height: 30px;
}

/* sublist

#rightSubnav ul li ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 6px;
	margin: 0px;
}

#rightSubnav ul li ul li {
	list-style-position:outside;
	list-style:none;
	border-bottom:1px solid #ECE9E2;
	color:#62724A;
	margin:0px;
	padding:0px
	height: 30px;
}


#rightSubnav ul li ul li a:link, #rightSubnav ul li ul li a:link {
	color:#62724A;
	text-decoration:none;
	display:block;
	margin:0px;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 5px;
}

#rightSubnav ul li ul li a:hover {
	text-decoration:none;
	color:#8D3859;
	background-image:url(../h2o_images/layout/subHover.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 5px;
}  */

/* Added Styles */
#topBar img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.indented{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:14px;
	line-height:21px;
	margin-left:20px;

}

.note{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold; 
	text-transform: uppercase; 
	color: #525132;
	background-color: #FFFFCC;
	}

#leftBody p.textblock {
	background-color: #FFFDDD;
	margin: 10%;
	padding: 10px;
	background-position: center;
	border: 1px solid #525132;
	text-indent: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
	}
	
#leftBody span.small{
	margin:0px;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	}
	
#leftBody  span.noindent{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:14px;
	line-height:21px;
	margin-left:-20px;
	ext-indent:0px;  /* css validator says "ext-indent" property does not exist */
}

#leftBody ul {
	font-size:14px;
	line-height:21px;
	text-indent:0px;
	
	}
	
#leftBody ul li {
	font-size:14px;
	line-height:21px;
	text-indent:0px;
	
	}
	
#leftBody ol li {
	font-size:14px;
	line-height:21px;
	text-indent:0px;
	
	}
#leftIntro h3.currentLevel {
	text-transform:uppercase;
	color:#8E3759;
	font-size:24px;
	line-height:20px;
	text-indent:0px;
	margin-top: .3em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.calloutArea2 {
	padding:0px 0px 0px 0px;
	margin:25px 0px 0px 5px;
	width: 620px;
	font-family:Arial, Helvetica, sans-serif;
	white-space:normal;
	list-style-type:none;
	border-top: 6px solid #76745b;
	float:left;
}
.calloutAreaContainer2 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 310px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
h4.eventMonth {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#5C6F42;
	margin-bottom:20px;
	text-transform:uppercase;
	text-align:right;
}

#leftBody p.eventTitle {
	color:#8D3859;
	font-size:18px;
	line-height:22px;
	margin-bottom:12px;
}

#leftBody p.eventDateLocation {
	color:#656565;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
}
.calloutText2 {
	line-height:19px;
	margin-top: 5px;
	margin-right: 28px;
	margin-bottom: 0px;
	margin-left: 17px;
}
img.float-right {
	margin: 5px 0px 10px 10px;
}
img.float-left {
	margin: 5px 10px 10px 0px;
}.subnavbox  {
	background-color: #FFFDDD;
	padding: 5px;
	border: 1px solid #8D3859;
	text-indent: 0px;
	margin-bottom: 0px;
	margin-top: 30px;
	width: 185px;
	margin-right: 0px;
	margin-left: 25px;
}
.ganet {
	color: #8E3759;
}
.subnavbox a {
	color: #8E3759;
}