/* banner stuff */
div#cover {background-color:#79D3FF  /*#000000 263157*/; z-index:13; position:absolute; top:15px; left:0; height: 110px; width:100%; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; khtml-opacity: .7;}
/* div#cover:hover {opacity: 0.0; filter: alpha(opacity=00); -moz-opacity: 0.0; khtml-opacity: .0;} */
/*.text { z-index:20; position:absolute; top:3px; right:85px;}
.button { z-index:20; position:absolute; top:0; right:30px;}*/


/* hide show script  */
div#showhide {  margin: 0; display: none; overflow: hidden;
}
div#showhide2 {  display: none;}
a.fineprint:link, a.fineprint:visited {color:#2888C9;}
.hideshowbtn {float:left; z-index: 10; position:absolute; width:140px; top:80px;left:0px; text-decoration:none; font-size:0.9em; padding:2px 5px; text-align:center; font-weight:bold;}
.togglenav {float:left; z-index: 10; position:absolute; width:140px; top:125px; left:0px; text-decoration:none; font-size:0.9em; padding:2px 5px; text-align:center; font-weight:bold; }
 

 
/* banner replace */
body {background: #ffffff;}

#banner {
	position: absolute; top: 15px; left:0; height: 40px; 
	background: url(../images/banner-bkg-half.gif) repeat-x;
}
#toolbar {
	position: absolute; top: 55px; left: 0; height: 25px; 
	background: url(../images/toolbar-bkg.gif) repeat-x #3c7a5d;
}
a.banner-link, a.banner-link:visited, a.banner-link:hover, a.banner-link:active, a.banner-link:focus {top:5px; left:160px; width:290px; height:30px; color:#4692CE;}
#banner-title {background: url(../images/banner-half.gif) no-repeat 150px 0;	}
#toolbar h5 {background: url(../images/toolbar-curve.gif) no-repeat;}
#toolbar span {	background: url(../images/toolbar-left.gif) repeat-x;	color: #ffffff;	}
#header {height:80px;}

 
 

/* tweak planning styles */
h1, h2, h3, h4, h5, h6 { font-family:"Helvetica Neue", Helvetica, Arial, Trebuchet, sans-serif;}


/* feature layout */

body {background: #ffffff url(../images/bkg_aqua_gradient.gif) 0 80px   repeat-x;}     /* fix for IE6 */
#feature {background: url(../images/banner.gif) no-repeat; width: 990px;  ;margin: 0 0 0 0; height:180px;}  
/* body {background: #ffffff url(../images/bkg_aqua_gradient.gif) 0 80px   repeat-x;}   */
/* #feature {background: url(../images/banner.gif) no-repeat; width: 815px; margin: 0 0 0 0; height:180px;} */ 
#contentwrapper {top:80px;}
#content {width:815px; min-height:350px;}




#feature a.imgmap {display:block; width:280px; height:125px; position:absolute; top:15px; left:15px; z-index:20}
a.imgmap:focus {color:#87C7F9}
.subnav li {font: bold 1em/1.2em "Helvetica Neue", Helvetica, Arial, Trebuchet, sans-serif; 
			text-transform: uppercase; letter-spacing:0.1em; margin:0; padding:0;}
.subnav a:link, .subnav a:visited  {
	color:#CDEDFE;
	text-decoration:none;
}
.subnav a:hover, .subnav a:active  {color:#ffffff; text-decoration:none;}

.subnav {
	width:815px;
	display:table;
	padding:0;
	height:30px;
	margin:150px 0 0 0;
	white-space:nowrap;
	background:none;
/* 	background-color: #71D0FF;*/
	border: none;
  }
.subnav  li {display: table-cell; list-style-type:none; list-style-image: none; float: left;  /*height:30px; background-color:#0000CC*/}
.subnav  a, .subnav span {
  width:auto;
  display:block;
  padding:8px 42px 7px 42px;
  margin-right:1px;
  color:#FFFAE9;
  background-color:#6eb7ee; 
  text-decoration:none;
}
.subnav a:hover {color:#fff; background:#5b9dd1;}


/* nav home links */
body#intro .subnav  a.intro,
body#interact .subnav  a.interact,
body#concepts .subnav  a.concepts,
body#advisors .subnav  a.advisors,
body#resources .subnav  a.resources {	color:#a8d8fd; background:#61ace5; text-decoration:none;}

body#intro .subnav  a:hover.intro,
body#interact .subnav  a:hover.interact,
body#concepts .subnav  a:hover.concepts,
body#advisors .subnav  a:hover.advisors,
body#resources .subnav  a:hover.resources {color:#ffffff;}


/* new sidebar */
/*	Sidebar (right nav) styles	*/
.sidebar2 {
	float: right;	/* makes content wrap around it and underneath  */ 
	width: 250px; margin: 0 0 10px 10px; padding: 15px;	   /* was 300px */
}
.sidebar2-fixed {
	float: right;	/* makes content wrap around it and underneath  */
	width: 300px; margin: 0 0 10px 5px; padding: 15px;		 /* right padding reduced from 10 to 5 on leftside to get rid of horizontal scroll */
}


/* 	Subnav styles  */
.subnav2 {margin: 0 0 15px 0; padding: 10px; background: none; border: solid 2px #91DBFF;}
.subnav2 h3 {
	padding: 0 0 5px 0; margin: 0 0 5px 0; display: block; background: none; 
	font-weight:bold !important;	
	color: #6699CC; font: bold 1.4em/1.1em Helvetica, Tahoma, Arial, sans-serif; 
	border-bottom: dashed thin #91DBFF; 
}
.subnav2 h4 {
	padding: 0 0 5px 0; margin: 0 0 5px 0; display: block; background: none; 
	color: #6699CC; font: bold 1.1em/1.1em Helvetica, Tahoma, Arial, sans-serif; 
	font-weight:bold !important;	
	border-bottom: dashed thin #deecfa; 
}
.subnav2 p {font: 0.85em/1.6em Helvetica, Tahoma, Arial, sans-serif;}
.subnav2 ul, .subnav2 ol {margin: 0; padding: 0 0 10px 0px;}   /* padding: 0 0 10px 15px; */
.subnav2 ul ul, .subnav2 ol ol, .subnav2 ul ol, .subnav2 ol ul, .subnav2 ul ul {margin: 0; padding: 2px 0 0 15px;}
.subnav2 li {
	margin: 0 0 4px 0; padding: 0; 
	color:#777777;
	font: 0.85em/1.6em Helvetica, Tahoma, Arial, sans-serif; 
}

.subnav2 ul li {list-style:url(/images/bullet-blue.gif);}
.subnav2 a:link, .subnav2 a:visited  {color:#6699cc; text-decoration:none;}
.subnav2 a:hover, .subnav2 a:active  {color:#3d7ab8; text-decoration: underline;}


/* drop downs */
body {behavior: url(/development/zoning/css/csshover.htc);} /* WinIE behavior call */

div#banner-bg {float:left; background: url(/development/zoning/images/banner.gif) no-repeat; width: 990px;  height:180px; padding:0; margin:0; margin-top:-10px;}  

div#banner-bg a.imgmap {display:block; width:280px; height:125px; position:absolute; top:15px; left:15px; z-index:20}
a.imgmap:focus {color:#A9D9FF;} /* 87C7F9*/

div#nav {float:left; background-color:#85C2F1; 	padding:0; margin:-10px 0 0 0;  } /* margin:0; margin-bottom: 0; margin-left:-15px; padding:0; padding-left:15px; border: 1px solid #2D674C;  */
div#nav ul {margin:-15px 0 0 0; padding: 0; }  /* background: white; border: 1px solid #CCC; border-width: 0 1px; */
div#nav li {position: relative; list-style: none; margin: 0; padding: 4px; float: left; width: 128px; line-height: 12px;}
div#nav li a {display: block; text-decoration: none; width: 128px; } /*  */
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute;  display: none;} /* width: 159px; */
div#nav ul.level2 {top: 37px; left: -1px; } /*left: -1px;  */
div#nav ul.level2 li {color:#cccccc; } /* submenu text color */
div#nav a:link, div#nav a:visited {color:#fff} /* A9D9FF top level unhovered, backup link colors  */ 
div#nav ul.level1 li:hover, div#nav ul.level2 li:hover {background-color: #84C2F1;  color:#ffffff;} /* hover bkg & link colors  */ 
div#nav ul.level2 li:hover {background-color: #6CB7EE;}
div#nav  ul.level1 li:hover a, div#nav  ul.level2 li:hover a {color:#ffffff} /* hover-box link colors  */ 
div#nav li:hover, div#nav a:hover, div#nav a:active {color:#ffffff} /* hover text & link colors  */ 
div#nav ul.level1 li.submenu:hover ul.level2  {display:block; background-color: #83C1F1; 
/*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;*/
}   /* dropdown bkg */


div#nav ul.level1 li.submenu > a{padding-right:10px; background:url(/development/zoning/images/down_arrow_blue.png) right no-repeat;} 



div#nav ul.level1 li {font: bold 12px/14px "Helvetica Neue", Helvetica, Arial, Trebuchet, sans-serif;   letter-spacing:0.1em; text-transform: uppercase;}   /* menu text */
div#nav ul.level2 li {color: #fff; font: 11px/14px "Helvetica Neue", Helvetica, Arial, Trebuchet, sans-serif;   
 letter-spacing:0.1em; text-transform: none;}
div#nav ul ul li {border-bottom: 1px solid #75B8EB;}


body#home a#nav-home,
body#about a#nav-about,
body#participate a#nav-participate,
body#resources a#nav-resources,
body#advisors a#nav-advisors {
	color:#438CC3;}





/* custom footer */

#footer, #footer2 {background-color:#CCEEFF;}
#footer2 {width:785px; padding:10px 15px 0 15px; margin-top:25px; clear:both;}   /* width:815px;  */
#footer {margin-top:0; padding-top:0; width:785px; margin-bottom:0; padding-bottom:0;}  /* width:815px;  */
#footer p, #footer2 p {background-image:none; 	color:#30A3E0;}
#footer a:link, #footer a:visited, #footer2 a:link, #footer2 a:visited {color:#1F8ECB;}
#footer .noprint {display:none;}
#footer img.left {display:none;} /* hide gray logo! */

/* Enhanced footer */

#footerlinks ul li { padding-top:20px;} 
#footerlinks a:link, #footerlinks a:visited, #footerlinks a:link, #footerlinks a:visited {color:#91CDEE; }