span.breadcrumbs  {display:none}

/* 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;}
a.fineprint:link, a.fineprint:visited {color:#2888C9;}
.hideshowbtn2 {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;}
*/
 
/* banner replace 
body {background: #ffffff;}
#banner {
	position: absolute; top: 15px; left:0;
	background: url(../images/banner-bkg-half.gif) repeat-x;    
	height: 40px;  
}
#banner h1 {font-size:30px; margin-top:-4px; background-position: 0 10px; background-size:24px 24px; }
#toolbar {
	position: absolute; top: 55px; left: 0; height: 25px; 
	background: url(../images/toolbar-bkg.gif) repeat-x #70B2EB;
}
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: auto; 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;}




/*  css based banner styles */
#toolbar {box-shadow:  0px 4px 3px 0px rgba(50, 50, 50, 0.15); z-index:3; box-shadow: none} 
 #banner {background-image:none;background: #428BC4; }
 

 




#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; */
/*  background-color:#4897d3;*/
  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-color:#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; 
	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; 
	font-weight:bold !important;	
	font-size:1.2em !important;
	border-bottom: dashed thin #deecfa; 
}

.subnav2 ul, .subnav2 ol {margin: 0; padding: 0 0 10px 0px;}  
.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; 
}
.subnav2 a:link, .subnav2 a:visited  {color:#6699cc; text-decoration:none;}
.subnav2 a:hover, .subnav2 a:active  {color:#3d7ab8; text-decoration: underline;}


/* New sidebar style */
.subnav2 {background-color:#fffdf7; border:solid 3px #ebe8dd; width:228px; padding:10px; margin-bottom:15px;	-moz-border-radius: 15px;
	border-radius: 15px;}

.subnav2 p, .subnav2 ul li {color:#818181;} 
.subnav2 p {font: 0.85em/1.6em; font-size:1em; }
.subnav2 ul li {/*list-style:url(/images/bullet-blue.gif); */}
.subnav2 ul li a:link, .subnav2 ul li a:visited  {color:#818181;} 
.sidebar2 h3 {font-weight:bold; font-size:1.6em;} /*color:#6699CC; */
.sidebar2 .subnav2 h3 {color:#958e72; border:none;} 
.sidebar2 .subnav2 h4, .sidebar2 .subnav2 h5 {color:#958e72; border:none;} 



/* 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; z-index:30}  
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;  z-index:20 } /* 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;
background-color:#49a0df; } /* new darker bkg color*/
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;  background-color:#6eb4ea;
/*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; color:#337eb7;}





/* custom footer */

#footer, #footer2 {background-color:#CCEEFF;}
#footer2 {width:785px; padding:10px 15px 0 15px; margin:auto; margin-top:25px; clear:both;}   /* width:815px;  */
#footer {margin-top:0; padding-top:0; width:785px; margin:auto; margin-bottom:0; padding-bottom:0; }  /* width:815px;  */
#footer p, #footer2 p {background-image:none; 	color:#30A3E0; border:none; }
/*#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! */
#footer .social-buttons {display:none}
/* Enhanced footer */

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























/*     responsive for large screens  */



@media only screen and (min-width: 1600px) {
 
 
 
 

#mainnav {
	position: absolute;

}

div#banner-bg { width: 990px !important;   }  
 

}





@media handheld, only screen and (max-device-width: 480px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1136px)
	   {
/* hide show script mobile 
div#mainnav { display: block; overflow: hidden;}
a.hideshowbtn:link, a.hideshowbtn:visited {color:#fff;}
.hideshowbtn {display: block; position:absolute; width:80px; top:74px;left:0px; text-decoration:none; font-size:0.9em; margin-left:12px;  background:url(/images/down-gray1.gif)  37px 5px no-repeat; }
*/

	   }