@charset "utf-8";
/* DOCUMENT TAG STANDARDS */
body { background:#282b31 url(Images/new/bk.jpg) top center no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:14px; }

h1, h2 { color:#222; font-weight:bold; text-indent:0px; border-bottom-width:thin; border-bottom:#CCC thin ridge; text-align:left }
h5, h6 { color:black; font-weight:normal; text-align:left; }

img { border:none; }
br { clear:both; }
div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
a { color:#039; text-decoration:none; } 
a:hover { text-decoration:underline; }

/*LAYOUT CONTROLS*/
#container { background:#FFF; width:1000px; padding:0px; margin:auto; border:10px solid #1b1d22; border-bottom:none;  }
#header { background:#FFF; height:65px; text-align:center;}
#subheader { display:block; background:#FFF url(images/new/subheader_bar.jpg) repeat-x center; height:80px; color:#878787; text-shadow:#FFF 1px 1px 0px; }
	#subheader a { color:#878787; text-shadow:#FFF 1px 1px 0px; text-decoration:none; }
	#subheader a:hover { color:#333; text-shadow:#FFF 1px 1px 0px; text-decoration:underline; }
	#subheader > #left { display:block; float:left; width:439px; height:30px; margin-top:28px; padding-left:5px; vertical-align:middle; text-align:left; overflow:hidden; }
	#subheader > #right { display:block; float:left; width:439px; height:28px; margin-top:28px;padding-right:5px; vertical-align:middle; text-align:right; }
	#subheader > #center { display:block; float:left; width:112px; height:80px; vertical-align:middle; }

#sidebar { background:#fafafa; border:1px solid #ddd; width:225px; margin:0 0 5px 5px; float:left; padding:1px 1px 10px 1px;; }
#content { background:#FFF; width:755px; padding:0 5px  0 0; float:right; text-align:left; }
#footer { clear:both; background:#1b1d22; margin:auto; margin-top:15px; padding:10px 0 10px 0; text-align:center; color:#FFF; float:none; width:1000px; font-weight:normal;  }
	#footer a{ color:#CCC; }
#adHolder { width:720px; margin:auto; }

#fblike { text-align:center; }

/*SEARCH CONTROLS*/
#linksDiv { float:right; margin-top:3px; }
#searchDiv { position:relative; float:right; }
.btnSearch { position:relative; float:left; z-index:10; margin:2px 0 0 -22px; padding:2px; }
.btnSearch:hover { background:#efefef; }
.txtSearch { position:relative; float:left; width:135px; padding-right:20px; border:1px solid #ddd; height:20px; z-index:9; }

/*MENU CONTROLS*/
.menuitem { display:block; color:#555555; line-height:25px; border:1px solid #fafafa; position:relative; }
.menuitemhover {  display:block; color:#000; line-height:25px; background:url(images/new/subheader_bar.jpg) repeat-x center; text-shadow:#FFF 1px 1px 0px; border:1px solid #CCC; }
.menuflyout { border:1px solid #CCCCCC; background:#fafafa; padding:1px; }

#quickLinks a { color:#555555; text-decoration:none; }
#quickLinks a:hover { color:#000000; text-decoration:underline; }

/* General Services 	   -- 12/13/2007 */
.style1 { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000000; }
.style2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; }
.smallText { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.realsmallText { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; }
.ContactTable { border-bottom:#999999 solid 1px; padding:4px; text-align:center; }
.ContactTableTop { border-bottom:#999999 solid 1px; border-top:#999999 solid 1px; padding:4px; text-align:center; }

/* Permits and Inspections -- 6/5/2008 */
.blue { font-size:12px; color:#03499e; }
.rolloverselect { display:table; background-image:url('/PlanningLand/PermitsInspect/images/rollover.jpg'); text-decoration:none; color:#000033; }
.swirl {  /*used for tables with employee's name in it */ font-size:12px; background-color:#666666; text-align:center; color:#FFF; }
.nodisplay { display:none; }

/* News and Events         -- 8/17/2010 */
.newsItems td { background:#FFF; border:1px solid #ccc; padding:10px; }
.newsItems td:hover { background:#fafafa; border:1px solid #888; padding:10px; }

/*LEGACY CONTROLS*/
.more { float:right; }
.indent
{
	font-size:10px;
	margin-left:5px;
	margin-bottom:8px;
}
#links
{
	width:690px;
	font-size:16px;
}
#treeView
{
	width:220px;
	float:left;
}
#lcbInfo
{
	float:left;
	width:465px;
}

 
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px; 
  height:203px;
}