/* CSS Document */

/* GENERAL PAGE POSITIONING */

/* --- PAGE WRAPPERS --- */

html { /* prevents page shift from vertical scrollbar in IE */
	min-height:100%; 
	margin-bottom:1px; 
	}

body {
	margin:0; 
	padding:0;
	text-align:center;
	font-family: verdana, arial, helvetica, sans-serif;
	color:#000;
	background-color:#c9bc7d;
	font-size:76%;
	}
	
#pagewrapper1 {
	width:780px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
	position:relative;
	background-color:#ffffff;
	}

.sampleindex #pagewrapper2 {
	padding:20px;
	}


/* GENERAL TYPOGRAPHY */

/* ------ TYPOGRAPHY STYLES ------------------------------- */

/* GENERAL STYLES FOR ALL PAGES */

p, li, h1, h2, h3, h4, h5, h6 {
	font-family: verdana, arial, helvetica, sans-serif;
	line-height:1.4em;
	color:#000000;
	}

p {
	font-size:1.0em;
	margin:0;
	padding:0 0 16px 0;
	}

ul, ol, dl { /* to prevent disappearing list background bug in IE */ 
	position: relative;  
	}

html>body ul, html>body ol, html>body dl { /* above prevents disappearing list background bug in IE; this reverts it back for Firefox to fix dissappearing links */ 
	position:inherit;
	}

ol, ul {
	margin:10px 0 20px 20px;
	padding:0;
	list-style-position:inside;
	}
		
li {
	font-size:1.0em;
	margin:0;
	padding:0;
	}
		
ol li ol, ul li ul {
	margin:0 0 20px 20px;
	padding:0;
	list-style-position:inside;
	}
		
ul.paragraphlikelist li {
	margin:0 0 10px 0;
	}
		
#leftcolumn ul.listrightofbox {
	list-style-position:outside;
	list-style-type:none;
	}
		
#leftcolumn ul.listrightofbox li {
	margin-bottom:10px;
	margin-left:-10px;
	}
		
dt, dd {
	font-size:1em;
	}
		
h1, h2, h3, h4, h5, h6  {
	margin:10px 0 0 0;
	padding:0;
	font-weight:bold;
	}

.subheading {
	font-size:1.0em;
	font-weight:normal;
	}

.subheadingsm {
	font-size:0.9em;
	font-weight:normal;
	}

h1  {
	font-size:1.5em;
	color:#7c4038;
	border-bottom:3px solid #7c4038;
	padding-bottom:0;
	margin-bottom:20px;
	}

h2  {
	font-size:1.2em;
	}

h3  {
	font-size:1.2em;
	}

h4  {
	font-size:1.1em;
	}

h5  {
	font-size:1.0em;
	}

h6  {
	font-size:1.0em;
	}

h1 .departmentheading {
	color:#999999;
	border:0;
	}

img {
	border:0;
	}

abbr, acronym {
	}

a {
	position:relative;
	font-weight:bold;
	text-decoration:none;
	}

a:link {
	color:#526493; 
	text-decoration:none;
	font-weight:bold;
	}
		
a:visited {
	color:#526493;
	text-decoration:none;
	font-weight:bold;
	}
		
.backarrow a:link {
	color:#526493;
	text-decoration:none;
	font-weight:bold;
	}
		
.backarrow a:visited {
	color:#526493; 
	text-decoration:none;
	font-weight:bold;
	}
		
h3.linkalone, .linkalone {
	margin:10px 0 20px 0;
	}

img.emailimage, #leftcolumn img.emailimage, #rightcolumn img.emailimage {
	vertical-align:middle;
	float:none;
	display:inline;
	padding:0;
	margin:0;
	}

.signature {
	line-height:1.8em;
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
	}

.note {
	color:#999999;
	}

.notesmall {
	font-size:11px;
	color:#999999;
	}

p.pspaceabove {
	margin-top:10px;
	}

.nobold {
	font-weight:normal;
	}


/* SECTION LAYOUT AND TYPOGRAPHY */

/* --- Masthead LAYOUT AND TYPOGRAPHY --- */

#masthead1 {
	width:780px;
	/*height:193px;
	margin:0;
	padding:0;*/
	}

#masthead2 {
	background: url(../images/latah_masthead_bkgd.jpg) top left no-repeat;
	/*height:193px;*/
	}

/* ------ Banner Layout (within Masthead) ------ */

#banner1 {
	margin:0;
	padding:0;
	width:780px;
	/*height:167px;*/
	text-align:left;
	}

html>body #banner1 {
	/*height:156px;*/
	}

#banner2 {
	width:100%;
	padding:0;
	margin:0;
	text-align:left;
	}

#banner2 p {
	font-size:0.9em;
	}
	
#banner3 {
	/*left:-1000px;*/
	position:relative;
	}

#banner3 h1 {
	font-size:1.4em;
	color:#999999;
	border-top:2px solid #dddddd;
	border-bottom:2px solid #dddddd;
	padding-bottom:0;
	/*margin-bottom:20px;*/
	}


/* ------ Banner Navigation Layout (within Masthead) ------ */

#bannernav1 {
	display:none;
	}


/* --- Middlecontent LAYOUT AND TYPOGRAPHY --- */

#middlecontent1 {
	width:780px;
	margin:0;
	padding:0;
	clear:both;
	}

#middlecontent2 {
	padding:20px 0 0 20px;
	margin:0;
	}


/* ------ Left Column Layout (within Middlecontent) ------ */

#leftcolumn {
	padding:0;
	margin:0;
	width:500px;
	text-align:left;
	word-wrap:break-word;
	max-width:500px !important;
	}

html>body #leftcolumn {
	width:500px;
	}

/* ------ ONE-COLUMN PAGE -- Left Column Layout (within Middlecontent) ------ */

.onecolumn #middlecontent2 {
	padding:20px;
	margin:0;
	}

.onecolumn #leftcolumn {
	padding:0 ;
	margin:0;
	width:740px;
	word-wrap:break-word;
	max-width:740px !important;
	}

html>body .onecolumn #leftcolumn {
	width:740px;
	}

/* ------------ Styles within Left Column Layout ------------ */

#leftcolumn img {
	border:0;
	}

#leftcolumn img.leftfloat {
	float:left;
	border:0;
	padding:0 0 10px 0;
	margin:0;
	margin-right:10px;
	}
	
#leftcolumn img.rightfloat {
	float:right;
	border:0;
	padding:0 0 10px 10px;
	margin:0;
	}
	
#leftcolumn .photowithcaptionleft {
	float:left;
	border:0;
	padding:0 10px 10px 0;
	margin:0;
	background-color:#ffffff;
	}
	
#leftcolumn .photowithcaptionright {
	float:right;
	border:0;
	padding:0 0 10px 10px;
	margin:0;
	background-color:#ffffff;
	}
	
#leftcolumn .phototwowithcaption { /* Two images next to each other - used on "/vehiclelicensing/index.php" */
	float:none;
	border:0;
	padding:0;
	margin:0;
	}
	
#leftcolumn .phototwowithcaption img { /* Two images next to each other - used on "/vehiclelicensing/index.php" */
	float:left;
	border:0;
	padding:0 0 10px 0;
	margin:0;
	}
	
#leftcolumn .photowithcaptionleft p, #leftcolumn .photowithcaptionright p {
	font-size:0.9em;
	text-align:center;
	padding-bottom:0;
	margin-bottom:0;
	}
	
#leftcolumn .photowithcaption {/* add style="width:Hpx;" to instance of div (H = width of photo) if you want caption centered and width of photo */
	border:0;
	padding:0 10px 10px 0;
	margin:0;
	}
	
#leftcolumn .photowithcaption p {
	font-size:0.9em;
	text-align:center;
	padding-bottom:0;
	margin-bottom:0;
	}
	
/*#leftcolumn .photoleftnofloat { /* add style="width:Hpx;" to instance of div (H = width of photo) if you want caption centered and width of photo */
	/*border:0;
	padding:0 10px 10px 0;
	margin:0;
	text-align:left;
	}*/
	
#leftcolumn .photocenternofloat {/* centers inside leftcolumn */
	width:490px;
	border:0;
	padding:0 10px 10px 0;
	margin:0;
	text-align:center;
	}
	
/*#leftcolumn .photoleftnofloat p, */#leftcolumn .photocenternofloat p, #leftcolumn .phototwowithcaption p {
	font-size:0.9em;
	text-align:center;
	padding-bottom:0;
	margin-bottom:0;
	}
	
/*#leftcolumn .photoleftnofloat p.mediumcaption, */#leftcolumn .photocenternofloat p.mediumcaption, #leftcolumn .phototwowithcaption p.mediumcaption {
	font-size:1.1em;
	text-align:center;
	padding-top:10px;
	padding-bottom:0;
	margin-bottom:0;
	}
	
/*#leftcolumn .photoleftnofloat p.largercaption, */#leftcolumn .photocenternofloat p.largercaption, #leftcolumn .phototwowithcaption p.largercaption {
	font-size:1.2em;
	text-align:center;
	padding-top:10px;
	padding-bottom:0;
	margin-bottom:0;
	}
	
/*#leftcolumn .photoleftnofloat p.pagecounter, */#leftcolumn .photocenternofloat p.pagecounter {
	font-size:1.2em;
	line-height:2.0em;
	text-align:center;
	padding-top:10px;
	padding-bottom:0;
	margin-bottom:0;
	}
	
#leftcolumn h1.linedivider, #leftcolumn h2.linedivider, #leftcolumn h3.linedivider, #leftcolumn h4.linedivider, #leftcolumn h5.linedivider, #leftcolumn h6.linedivider, #leftcolumn p.linedivider, #leftcolumn ul.linedivider, #leftcolumn li.linedivider, #leftcolumn dt.linedivider  {
	margin-top:10px;
	padding-top:10px;
	border-top:1px dotted #cccccc;
	}

#leftcolumn h1.sectionheader, #leftcolumn h2.sectionheader, #leftcolumn h3.sectionheader, #leftcolumn h4.sectionheader, #leftcolumn h5.sectionheader, #leftcolumn h6.sectionheader  {
	margin:10px 0 10px 0;
	padding:1px 0 1px 6px;
	border:none;
	background-color:#dddddd;
	}

#leftcolumn h1 {
	/*margin-bottom:10px;*/
	}

#leftcolumn h1.nobold {
	font-weight:normal;
	}

#leftcolumn ul li, #leftcolumn ol li {
	margin-left:20px;
	list-style-position:outside;
	}

#leftcolumn .faq p.answer, #leftcolumn .faq h4, #leftcolumn .faq h5, #leftcolumn .faq h6 {
	text-indent:-20px;
	margin-left:20px;
	}
	
#leftcolumn .faq p, #leftcolumn .faq ul {
	margin-left:20px;
	}
	
#leftcolumn div.leftsidesubmenu {
	padding:0 0 12px 0;
	margin:16px 0 14px 0;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	background-color:#efefef;
	}

#leftcolumn div.leftsidesubmenu ul {
	padding-bottom:0;
	margin-bottom:0;
	}

#leftcolumn div.leftsidesubmenu ul li {
	padding-bottom:0;
	margin-bottom:2px;
	}

#leftcolumn p.backarrow {
	padding-top:20px;
	margin-top:20px;
	border-top:1px dotted #cccccc;
	}

#leftcolumn .noticebox {
	padding:20px;
	margin:20px 0 20px 0;
	border:1px dotted #aaaaaa;
	background-color:#dddddd;
	}

#leftcolumn .joblisting {
	padding:20px;
	margin:20px 0 20px 0;
	border:1px dotted #c9bc7d;
	background-color:#efebd9;
	}

#leftcolumn .joblisting h3 {
	margin:0 0 10px 0;
	padding-bottom:0;
	border-bottom:1px solid #c9bc7d;
	}


/* ------ Right Column Layout (within Middlecontent) ------ */

#rightcolumn {
	float:right;
	width:230px;
	margin:0 0 0 20px;
	padding:0;
	text-align:left;
	}

#rightcolumn img.leftfloat {
	float:left;
	border:0;
	padding:0 10px 10px 0;
	margin:0;
	}

#rightcolumn .photowithcaption {
	width:210px;
	margin:0 20px 20px 0;
	padding:0;
	border:0;
	text-align:center;
	}
	
#rightcolumn .photowithcaption p {
	font-size:0.9em;
	text-align:center;
	padding-top:5px;
	padding-bottom:0;
	margin-bottom:0;
	}
	


/* ------------ Styles within Right Column Layout ------------ */

/* ---------------------------Searchbox Styles within Right Column  ------------ */

#searchbox {
	display:none;
	}


/* ---------------------------Submenu Styles within Right Column  ------------ */

#submenu {
	width:210px;
	margin:0 20px 20px 0;
	padding:0;
	word-wrap:break-word;
	max-width:210px !important;
	border:1px solid #cccccc;
	}

#submenu h3  {
	margin:0;
	padding:0;
	color:#cccccc;
	line-height:0.9em;
	}

#submenu ul  {
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	border:0;
	}

#submenu ul li  {
	margin:0;
	padding:0;
	}

#submenu ul li a {
	height:20px;
	border-top:1px solid #cccccc;
	padding:3px 10px 3px 10px;
	display:block;
	}

html>body #submenu ul li a {
	height:auto;
	}

#submenu ul li a.submenufirstlink {
	border-top:none;
	}

#submenu ul li a:link {
	background-color:#e4e4e4;
	text-decoration:none;
	color:#293d72;
	font-weight:bold;
	/*border-left:1px solid #b7bdc7;
	border-right:1px solid #b7bdc7;*/
	}

#submenu ul li a:visited {
	background-color:#e4e4e4;
	text-decoration:none;
	color:#293d72;
	font-weight:bold;
	/*border-left:1px solid #b7bdc7;
	border-right:1px solid #b7bdc7;*/
	}

/* ---------------------------Subcontent boxes' Styles within Right Column  ------------ */

#subcontent, #subcontent2, #subcontent3 {
	width:210px;
	margin:0 20px 20px 0;
	padding:0;
	word-wrap:break-word;
	max-width:210px !important;
	border:1px solid #cccccc;
	}

#subcontent .noheading .rboxtopmiddle3, #subcontent2 .noheading .rboxtopmiddle3, #subcontent3 .noheading .rboxtopmiddle3 {
	font-size:0;
	line-height:0;
	}

#subcontent h3, #subcontent2 h3, #subcontent3 h3  {
	margin:0;
	padding:0;
	line-height:0.9em;
	}

#subcontent h3.smallerboxheading, #subcontent2 h3.smallerboxheading, #subcontent3 h3.smallerboxheading, #submenu h3.smallerboxheading, #leftlinkbox1 h3.smallerboxheading, .rboxcontainer h3.smallerboxheading  {
	font-size:1.1em;
	}

#subcontent h4, #subcontent2 h4, #subcontent3 h4  {
	margin:0 0 5px 0;
	padding:0 0 0 5px;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	font-size:12px;
	background-color:#eeeeee;
	}

#subcontent p, #subcontent2 p, #subcontent3 p, #subcontent dt, #subcontent2 dt, #subcontent3 dt, #subcontent dd, #subcontent2 dd, #subcontent3 dd  {
	font-size:12px;
	line-height:16px;
	}

#subcontent img, #subcontent2 img, #subcontent3 img {
	float:left;
	border:0;
	padding:0 10px 10px 0;
	margin:0;
	}

#subcontent img.noimagefloat, #subcontent2 img.noimagefloat, #subcontent3 img.noimagefloat {
	float:none;
	border:0;
	padding:0 0 10px 0;
	margin:0;
	}

#subcontent dl, #subcontent2 dl, #subcontent3 dl {
	line-height:1.1em;
	margin-top:0;
	}

#subcontent dt, #subcontent2 dt, #subcontent3 dt {
	}
#subcontent dd, #subcontent2 dd, #subcontent3 dd {
	margin-left:20px;
	margin-bottom:10px;
	}


/* --- Rounded Box (rbox) DEFAULT LAYOUT  --- */

.rboxcontainer1 {  /* --- SET the CONTAINING DIV's width for desired box width  --- */
	margin:0;
	padding:0;
	border:0;
	}
	
.rboxtop1 {
	height:11px;
	margin:0;
	padding:0;
	border:0;
	}
	
.rboxtop2 {
	height:11px;
	margin:0 0 0 10px;
	padding:0;
	border:0;
	}
	
.rboxtop3 {
	height:11px;
	margin:0 10px 0 0;
	padding:0;
	border:0;
	font-size:0px;
	}
	
.rboxtopmiddle1 {
	height:auto;
	margin:0;
	padding:0;
	border:0;
	}
	
.rboxtopmiddle2 {
	margin:0 0 0 3px;
	padding:0;
	border:0;
	}
	
.rboxtopmiddle3 {
	margin:0 3px 0 0;
	padding:0 5px 8px 5px;
	border:0;
	text-align:center;
	}
	
.rboxbottommiddle1 {
	height:auto;
	margin:0;
	padding:0;
	border:0;
	border-top:3px solid #cccccc;
	}
	
.rboxbottommiddle2 {
	margin:0 0 0 3px;
	padding:0;
	border:0;
	}
	
.rboxbottommiddle3 {
	margin:0 3px 0 0;
	padding:0 10px 0 10px;
	border:0;
	text-align:left;
	}
	
.rboxbottom1 {
	clear:both;
	height:11px;
	margin:0;
	padding:0;
	border:0;
	}
	
.rboxbottom2 {
	height:11px;
	margin:0 0 0 10px;
	padding:0;
	border:0;
	}
	
.rboxbottom3 {
	height:11px;
	margin:0 10px 0 0;
	padding:0;
	border:0;
	font-size:0px;
	}
	

/* --- Rounded Box (rbox) - STYLE CHANGES for white box with BEIGE header  --- */

.beigeheader .rboxtopmiddle1 {
	border-bottom:1px solid #b7bdc7;
	}
	
.beigeheader .rboxbottommiddle3 {
	padding:10px 10px 0 10px;
	}
	
	
	
/* --- Rounded Box (rbox) - STYLE CHANGES for white box with BLUE header  --- */

.blueheader .rboxtopmiddle1 {
	border-bottom:1px solid #b7bdc7;
	}
	
.blueheader .rboxbottommiddle3 {
	padding:10px 10px 0 10px;
	}
	


/* --- Rounded Box (rbox) - STYLE CHANGES for lt. gray box with BURGUNDY header and border  --- */

.burgundybox .rboxtopmiddle1 {
	border-bottom:1px solid #a16f68;
	}
	
.burgundybox .rboxbottommiddle3 {
	padding:10px 10px 0 10px;
	}
	

/* --- Rounded Box (rbox) - STYLE CHANGES for lt. gray box with BURGUNDY border but NO HEADER  --- */

.burgundybox2 .rboxbottommiddle3 {
	padding:0 10px 0 10px;
	}
	
	
/* --- SUBMENU Rounded Box WITH BUTTONS (rbox) - STYLE CHANGES (DEFAULT for rbox in #submenu)  --- */

#submenu .rboxtopmiddle1 {
	border:0;
	}
	
#submenu .rboxtopmiddle3 {
	text-align:center;
	}
		
#submenu .rboxbottommiddle2 {
	margin:0 0 0 0;/* change from reg box */
	}
	
#submenu .rboxbottommiddle3 {
	margin:0 0 0 0;/* change from reg box */
	padding:0 0 0 0;/* change from reg box */
	}
	

/* --- SUBMENU Rounded Box with NO BUTTONS (rbox) - STYLE CHANGES  --- */

#submenu.nobuttons .rboxtopmiddle1 {
	border-bottom:1px solid #b7bdc7;/* change */
	}
	
#submenu.nobuttons .rboxbottommiddle2 {
	margin:0 0 0 3px;
	}
	
#submenu.nobuttons .rboxbottommiddle3 {
	margin:0 3px 0 0;
	}
	

/* ------------ Styles within LEFT Column Layout ------------ */

/* ---------------------------LEFTLINKBOX Styles within LEFT Column  ------------ */

.leftlinkbox1 {
	float:left;
	width:210px;
	margin:0 0 0 0; /*changed rt margin from 14px on 12/14/2007 */
	padding:10px 10px 10px 0;
	background-color:#ffffff;
	}

html>body .leftlinkbox1 {
	width:200px;
	}

#leftlinkbox1top .leftlinkbox1 { /* put .leftlinkbox1 inside a div with id="leftlinkbox1top" if burgundy box is used at top of page right below main heading */
	padding-top:0;
	}

#leftcolumn .leftlinkbox1 .rboxcontainer {
	border:1px solid #b7bdc7;
	}

#leftcolumn .leftlinkbox1 .rboxtopmiddle3 h3 {
	margin:0;
	padding:0;
	border:0;
	text-align:center;
	}

#leftcolumn .leftlinkbox1 ul  {
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	border-top:3px solid #b7bdc7;
	}

#leftcolumn .leftlinkbox1 ul li  {
	margin:0;
	padding:0;
	}

.leftlinkbox1 ul li a {
	height:20px;
	border-top:1px solid #b7bdc7;
	padding:3px 10px 3px 10px;
	display:block;
	}

html>body .leftlinkbox1 ul li a {
	height:auto;
	}

.leftlinkbox1 ul li a.submenufirstlink {
	border-top:none;
	}

.leftlinkbox1 ul li a:link {
	text-decoration:none;
	color:#293d72;
	font-weight:bold;
	/*border-left:1px solid #b7bdc7;
	border-right:1px solid #b7bdc7;*/
	}

.leftlinkbox1 ul li a:visited {
	text-decoration:none;
	color:#293d72;
	font-weight:bold;
	/*border-left:1px solid #b7bdc7;
	border-right:1px solid #b7bdc7;*/
	}


/* -------------------- LEFTLINKBOX1 Rounded Box WITH BUTTONS (rbox) - STYLE CHANGES (DEFAULT for rbox in #leftlinkbox1)  --- */

.leftlinkbox1 .rboxtopmiddle1 {
	border:0;
	}
		
.leftlinkbox1 .rboxtopmiddle3 {
	text-align:center;
	}
	
.leftlinkbox1 .rboxbottommiddle2 {
	margin:0 0 0 0;/* change from reg box */
	}
	
.leftlinkbox1 .rboxbottommiddle3 {
	margin:0 0 0 0;/* change from reg box */
	padding:0 0 0 0;/* change from reg box */
	}


/* ------- LEFTLINKBOX Rounded Box with NO BUTTONS (rbox) - STYLE CHANGES - Default BLUE  --- */

.leftlinkbox1 .nobuttons .rboxtopmiddle1 {
	border-bottom:1px solid #b7bdc7;/* change */
	}
	
.leftlinkbox1 .nobuttons .rboxbottommiddle2 {
	margin:0 0 0 3px;
	}
	
.leftlinkbox1 .nobuttons .rboxbottommiddle3 {
	margin:0 3px 0 0;
	}

	
/* -------------------- BURGUNDY Box styles - LEFTLINKBOX1 Rounded Box WITH BUTTONS (rbox) - STYLE CHANGES  --- */

#leftcolumn .leftlinkbox1 .burgundybox .rboxtopmiddle3 h3, #leftcolumn .burgundybox .rboxtopmiddle3 h3 {
	color:#ffffff;
	}

.leftlinkbox1 .burgundybox ul {
	/*border-top:1px solid #bf9690;*/
	}

.leftlinkbox1 .burgundybox ul li a {
	border-top:1px solid #bf9690;
	}

.leftlinkbox1 .burgundybox ul li a.submenufirstlink {
	border-top:none;
	}

.leftlinkbox1 .burgundybox ul li a:link {
	color:#293d72;
	/*border-left:1px solid #bf9690;
	border-right:1px solid #bf9690;*/
	}

.leftlinkbox1 .burgundybox ul li a:visited {
	color:#293d72;
	/*border-left:1px solid #bf9690;
	border-right:1px solid #bf9690;*/
	}

.leftlinkbox1 .burgundybox .rboxtopmiddle1 {
	border:0;
	}
	
.leftlinkbox1 .burgundybox .rboxtopmiddle3 {
	text-align:center;
	}
	
/* ------- Burgundy LEFTLINKBOX Rounded Box with NO BUTTONS (rbox) - STYLE CHANGES  --- */

.leftlinkbox1 .burgundybox .nobuttons .rboxtopmiddle1 {
	border-bottom:1px solid #a16f68;/* change */
	}
	

	
/* --- FORM and RBOX STYLES - (Commissioners Agenda Form, Planning and Zoning Forms) --- */

div#boccagendaform { 
	width:250px;
	float:left;
	padding:0 10px 10px 0;
	background-color:#ffffff;
	}

div#planningagendaform { 
	width:240px;
	float:left;
	margin:0 20px 20px 0;
	background-color:#ffffff;
	}

div#zoningagendaform { 
	width:240px;
	float:left;
	margin:0 0 20px 0;
	background-color:#ffffff;
	}

div#boccagendaform form, div#planningagendaform form, div#zoningagendaform form { 
	margin:0;
	padding:0;
	}

div#boccagendaform h3 { 
	margin:0;
	padding:0;
	}

div#planningagendaform h3, div#zoningagendaform h3 { 
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
	color:#874941;
	}

div#planningagendaform form select, div#zoningagendaform form select, div#boccagendaform form select { 
	width:180px;
	}

div#boccagendaform label, div#planningagendaform label, div#zoningagendaform label { 
	margin:0;
	padding:0;
	font-weight:bold;
	}

div#boccagendaform select, div#planningagendaform select, div#zoningagendaform select {
	margin-top:0; 
	margin-bottom:5px;
	}


/* --- FORM/TABLE STYLES - (Sheriff Customer Survey) --- */

div.surveyform { 
	font-size:1.0em;
	padding-bottom:20px;
	}

#leftcolumnsurveyform { 
	width:490px;
	}

#bothcolumnsurveyform { 
	width:720px;
	}

.surveyform p { 
	font-size:1.0em;
	font-weight:normal; 
	}

.surveyform textarea { 
	background-color:#f3f0df;
	width:720px;
	}

.surveyform table { 
	font-size:12px;
	font-weight:normal; 
	text-align:left; 
	vertical-align:top;
	}

.surveyform th { 
	font-size:1.0em;
	font-weight:normal; 
	text-align:left; 
	vertical-align:top;
	}

.surveyform tr.thsubrow { 
	padding-top:20px;
	}

.surveyform tr.thsubrow th { 
	font-size:1.0em;
	font-weight:bold; 
	text-align:center; 
	vertical-align:bottom;
	}

.surveyform tr.centerrow td { 
	font-size:1.0em;
	text-align:center; 
	vertical-align:bottom;
	}

.surveyform tr.centerrow2 { 
	font-size:1.0em;
	text-align:center; 
	vertical-align:bottom;
	background-color:#eeeeee;
	}

.surveyform tr.centerrowtop td { 
	font-size:1.0em;
	text-align:center; 
	vertical-align:top;
	}


/* --- DATA TABLE STYLES - (used in vehicle_surplus.php) --- */

table.datatable { 
	margin-bottom:20px;
	}
	
.datatable tr th { 
	font-size:12px;
	font-weight:bold; 
	text-align:left; 
	vertical-align:bottom;
	}
	
.datatable tr.thsubrow th { 
	font-size:12px;
	font-weight:bold; 
	text-align:left; 
	vertical-align:bottom;
	}
	
.datatable tr td { 
	font-size:12px;
	vertical-align:top;
	}
	
.datatable tr td ul li { 
	font-size:12px;
	margin:0;
	}
	
.datatable tr td ul { 
	margin-left:0;
	margin-top:0;
	}
	
.datatable tr.rowbkgd { 
	background-color:#eeeeee;
	}
	
.datatable tr th.data, .datatable tr td.data { 
	text-align:right; 
	}

/* -- Elections datatable classes - used for phone lists too --- */

table.datatable2 { 
	margin-bottom:20px;
	margin-top:10px;
	border:1px solid #aaaaaa;
	}
	
.datatable2 tr th { 
	font-size:12px;
	font-weight:bold; 
	text-align:left; 
	vertical-align:bottom;
	border:1px solid #aaaaaa;
	background-color:#dddddd;
	}
	
.datatable2 tr.thsubrow th { 
	font-size:12px;
	font-weight:bold; 
	text-align:left; 
	vertical-align:bottom;
	background-color:#dddddd;
	}
	
.datatable2 tr.thsubrow2 th { 
	font-size:12px;
	font-weight:bold; 
	text-align:left; 
	vertical-align:bottom;
	background-color:#eeeeee;
	}
	
.datatable2 tr td { 
	font-size:12px;
	vertical-align:top;
	border:1px solid #aaaaaa;
	}
	
.datatable2 tr td ul li { 
	font-size:12px;
	margin:0;
	}
	
.datatable2 tr td ul { 
	margin-left:0;
	margin-top:0;
	}
	
.datatable2 tr.rowbkgd { 
	background-color:#eeeeee;
	}
	
.datatable2 tr.highlightedyellow { /* used on contact.php */
	background-color:#ffffbb;
	}
	
.datatable2 tr th.data, .datatable2 tr td.data { 
	text-align:right; 
	}


/* --- FOOTER LAYOUT AND TYPOGRAPHY --- */

#footer {
	width:780px;
	margin:0;
	padding:10px 0 10px 0;
	clear:both;
	text-align:center;
	border-top:2px dotted #bbbbbb;
	background-color:#dddddd;
	}

#footer ul  {
	list-style-type:none;
	margin:0;
	padding:0 0 10px 0;
	}

#footer ul li {
	display:inline;
	}

#footer p {
	font-size:0.9em;
	padding:0;
	}


/* ACCESSIBILITY HELPS  */

.hide { 
 	height:0; 
 	width:0; 
 	overflow:hidden; 
 	position:absolute;  /* for the benefit of IE5 Mac */
 	}

#skip {
	display:none;
	}