@charset "utf-8";
/* CSS Document */

html, body { background:#7ba3c2; font-family:Calibri, Arial, Helvetica, Sans-Serif; font-size:11pt; top:0; padding:0; }
.dvclr { line-height:.01; clear:both; }

.dwWrpr {background:url(images/bdyRptr.jpg) repeat-y; margin:0 auto; width:1036px; }
.dwHdr { background:url(images/dwHdr.jpg) no-repeat top; height:208px; }
	#logo { float:left; width:293px; height:78px; margin:31px 0 0 37px; }
	#contactInfo, #zoningLinks { float:right; text-align:right; color:#036; letter-spacing:1px; }
	#contactInfo { margin:19px 54px 0 0; width:500px; }
	#zoningLinks { margin:78px 54px 0 0; width:650px; }
.dwBdyWrpr {padding-bottom:15px; }


/*
========================
     Box Box Box
	   Box Box
========================
*/

.box { width:30%; margin:5px; padding:5px; float:left; }
	.box h2 { text-transform:capitalize; font-size:14pt; }
	.box h3 { font-size:10pt; font-style:italic; text-transform:capitalize; color:#3399FF; }
		
.box2 { width:95%; margin:5px; padding:5px; }
	.box2 h2 { text-transform:capitalize; font-size:14pt; margin-top:0; }
	.box2 h3 { font-size:11pt; font-style:italic; text-transform:capitalize; color:#3399FF; clear:both; padding-top:5px; }
	
.systemBox { width:46%; margin:5px; padding:5px; float:left; }
	.systemBox h2 { text-transform:capitalize; font-size:14pt; }
	.systemBox h3 { font-size:10pt; font-style:italic; text-transform:capitalize; color:#3399FF; }
	

/*
========================
	Water Softener Box
========================
*/

.divbox { background:url(images/divbox-bg.jpg) no-repeat ; padding-top:5px; height:175px; width:600px; }
.softenerBox { clear:both; padding:0 5px; height:175px; }
    .softenerBox img { margin-top:10px; }
.softenerboxLeft { padding-right:17px; background:url(images/boxLeft.png) no-repeat bottom left; width:600px; }
.softenerboxRight { margin-left:17px; background:url(images/boxRight.png) no-repeat right top; }

/*
========================
    Water Problems Box
========================
*/

.wpBox { width:190px; padding:0 5px; }
	.wpBox h2 { text-transform:capitalize; font-size:14pt; }
	.wpBox h3 { font-size:10pt; font-style:italic; text-transform:capitalize; color:#3399FF; }

.softenerboxTop { margin:0 5px 17px 5px; background:url(images/boxTop.png) no-repeat left top; width:205px; float:left; }
.softenerboxBottom { margin-top:17px; background:url(images/boxBottom.png) no-repeat left bottom; height:525px; }

/*
========================
  ControlPanel style 
========================
*/
.cntWrpr { background:#7ba3c2; margin:0 auto; width:95%; padding-left:21px; }
.ControlPanel { background:#fff url(images/cpanel_center.png) repeat-x bottom left; border:none; padding-bottom:10px; }
.cpanel_left { background: url(images/cpanel_left.png) no-repeat bottom left; padding-left:21px; }
.cpanel_right { background: url(images/cpanel_right.png) no-repeat bottom right; padding-right:33px; }
	

/*
====================================
Pane Styles (only Content and Right Panes exist for this skin)
====================================
*/

.bdyWrpr { margin-right:20px; float:right; width:780px; padding-right:15px; }
.contentPane { padding-right:15px; }
.rightPane {  }

.hellenbrand { float:right; width:263px; height:62px; margin-right:20px; }
/*-------------- Empty panes Style --------------*/
.DNNEmptyPane { width:0; padding:0; margin:0; }

/*
==============
Footer Links
==============
*/

.linkcontainer { width:960px; margin:20px auto; padding-bottom:30px; border-top:6px #6cf solid; text-align:center; }
    .linkcontainer .SkinObject { font-family:Calibri; font-weight:normal; color:#000; font-size:11pt; }
    .linkcontainer a.SkinObject { font-family:Calibri; font-weight:normal; text-decoration:none; font-size:9pt; }
    .linkcontainer a.SkinObject:hover { text-decoration:underline; }
    .linkcontainer a, .links { font-weight:bold; font-size:11pt; }
    .linkcontainer a:hover, .links { color:#6CF; }
    .linkcontainer p.seotext { font-size:8pt; }
/*
=========================
Default.css Overrides
=========================
*/
.Normal, .NormalRed { font-family:Calibri, Arial, Helvetica, Sans-Serif; font-size:11pt; }
h1, h2, h3, h4, h5, h6 {  font-family:Calibri, Arial, Helvetica, Sans-Serif; }
h1 { font-size:18pt; color:#069; }
h2 { font-size:16pt; color:#069; margin-top:30px; }
h3 { font-size:14pt; color:#069; }
h4 { font-size:12pt; color:#069; }
h5 { color:#006699; font-size:16pt; font-weight:normal; margin:30px 0 -15px; }
a img { border:0; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
a.CommandButton { text-decoration:none; }
a.CommandButton:hover { text-decoration:underline; }
.SelectedTab { font-weight:bold; color:#069; }
ul { list-style-image:url(/Portals/6/images/logoBullet.jpg); margin-top:-15px; }

li ul { margin-top:0; }

/*
==========================================================
Menu Styles - NavMenu Styles found on line 122
==========================================================
*/

.mnuWrpr { margin:0 30px; float:left; width:150px; text-align:center; }
  .mnuWrpr a.SkinObject { font-family:Calibri; font-weight:normal; text-decoration:none; font-size:9pt; }
  .mnuWrpr a.SkinObject:hover { text-decoration:underline; }

	.mnuTop { background:url(images/mnuTop.jpg) no-repeat; height:28px; }
	.mnuBdy { background:url(images/mnuBdy.jpg) no-repeat; height:175px; }
	.mnuBtm { background:url(images/mnuBottom.jpg) no-repeat bottom; padding-bottom:28px;  }

/*
==========================
NavMenu styles start here 
==========================
*/

#nav ul { padding:0; margin:auto 15px; list-style:none; float:left; text-align:left; }
    #nav .DisabledTab { color:#ccc; }
#nav li { position:relative; z-index:1; width:120px; float:left; list-style: none; margin-bottom:10px; }
    #nav li a:hover { color:#d1e5ee; }
    #nav li.SelectedTab a{ color:#d1e5ee; }
#nav a { font-size:11pt; font-weight:bold; display:block; text-align:left; color:#fff; font-family:Calibri; text-decoration:none; }

#nav li ul /* second-level lists */ { position:absolute; z-index:1000; left:-999em; background:#fff; border:1px solid #809DF9; 
                                      margin-left:155px; margin-top:-15px; font-size:12pt; }
#nav li ul li a { font-size:12pt; }                                      
#nav li ul li a:hover { color:#000; background:#7BA3C2; }
#nav li li a { color:#069; }

#nav ul li ul li { margin:0; padding:2px; }