body {margin: 0;
padding: 0;
background: #7f8e95;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 1.0em;
position: relative;}


/* REPEATED ELEMENTS */

hr.clear {display: none;

clear: both; }

.clearboth {clear: both;
overflow: visible;
height: 0px;
float: left;
line-height: 0px;
font-size: 0em; 
margin: 0;
padding: 0;
float: left;
width: 100%;
}


#contentwrapper {width: 690px;
background: url(images/background.jpg) repeat-y;
margin: 0;
padding: 0px 0 0 0;
position: relative;
clear: both;
 }
 

#contentwrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
}


/* Hides from IE-mac \*/
* html #contentwrapper {height: 1%;}
/* End hide from IE-mac */
 
 

#header {margin: 0px 0px;
padding: 0;
width: 670px;
position: relative;
z-index: 1000;
clear: both; 
display: inline;
}

#header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #header {height: 1%;}
/* End hide from IE-mac */


#header img, #header object {border: 0;
padding: 0;
margin: 0;
z-index: 0;
width: 690px; }

#header object {display: block !important; }

#toputilities {color: #FFFFFF;
font-size: .7em;
position: absolute;
display: block;
right: 20px;
top: 10px;
margin: 0;
padding: 0;
text-align: right;
display: none;}

#toputilities a {color: #FFFFFF; }
#toputilities a:hover {color: #e7da12; }
#toputilities a:visited {color: #00688f; }

#toputilities form#searchform {text-align: right;
padding: 0;
margin: 0;
line-height: 0;
position: relative;
display: inline;
width: 215px;}

#toputilities input#searchfld {background: transparent url(images/inputbkg.jpg) repeat-y;
height: 25px;
width: 167px;
padding: 10px 0 0 10px;
border: 0;
margin: 0;
color: #999999; 
font-size: 1.0em;
line-height: 1.2em;
display: inline;
position: relative;
 clear: none;}

#toputilities form#searchform input#submit { clear: none;
}

fieldset {border: 0;
padding: 0;
margin: 0;
width: 215px;
display: block;
line-height: 0em;
position: relative;
right: -8px;
top: 20px; }

#nav { /* all lists */
	padding: 0px;
	margin: 0;
	line-height: 1;
	font-family: Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	background: #FFFFFF;
	border: solid #000000;
	border-width: 5px 0px 1px 0px;
	width: 690px;
	min-height: 37px;
	z-index: 1000;

	clear: both;
}



#nav ul {padding: 0;
margin: 0px 0px 0 0px;
	list-style: none;
	line-height: 1;
	z-index: 1000; }

#nav a {
	display: block;
	text-decoration: none;
	padding: 12px 8px 11px 8px;
	color: #000000;
	z-index: 1000; 
}

#nav a:hover {background: #00adef;
color: #FFFFFF;
text-decoration: none; }

#nav a:visited {color: #000000; }


#nav li { /* all list items */
	float: left;
	text-align: left;
	z-index: 1000; 
	
}


#nav li ul {display: none; }

/* END NAVIGATION */



#maincontent {width: 640px;
padding: 0;
margin: 0px 0 0 0px;
line-height: 1.5em;
position: relative;
z-index: 0;
clear: left;
font-size: 13px;}


#maincontent h1 {padding: 0;
margin: .5em 0 .5em 0;
font-size: 20px;
line-height: 24px;
font-family: "Arial Black","Arial","Helvetica",sans-serif;
font-weight: 100; }

#maincontent h2 {color: #00adef;
font-size: 1.2em;
clear: both;
margin: 5px 0 10px 0;
padding: 0; }

#maincontent h3 {color: #488211;
font-size: 1.1em;
clear: both;
font-weight: 100; }

#maincontent h4 {clear: both;
width: 100%; }

#maincontent h5 {color: #00adef;
font-size: 1.2em;
float: left;
clear: left;
margin: 5px 0 0px 0;
padding: 0;
width: 240px; }

#maincontent h6 {color: #488211;
font-size: 1.1em;
font-weight: 100; 
float: right;
text-align: right;
clear: right;
margin: 5px 0px 10px 0;
width: 380px;
}

#maincontent p, #maincontent ul, #maincontent ol {line-height: 1.65em; }

#maincontent li {text-indent: 0px;
margin: 0 0 0 20px; }

#maincontent img {float: left;
clear: left;
padding: 3px;
display: inline;
margin: 0px 17px 12px 0px;
border: 1px solid #CCCCCC; }

#maincontent table, table#alt {padding: 0; margin: 0;
font-size: .8em;
border: 0; }

#maincontent table, table#alt td {padding: 4px;
margin: 0;
border: 0; }



h1#whatshappening {font-size: 1.7em;
width: 440px;
margin: 15px 0 0px 0;
padding: 0;
background: url(images/whatshappening.gif) no-repeat;
z-index: 1000; }



p#breadcrumb {display: none; height: 0; margin: 0;
padding: 0;
 }

p#breadcrumb a, a:visited {color: #666666;
 }
 
p#breadcrumb a:hover {color: #999999;
 }
 










p#RSS {position: absolute;
right: -15px;
top: 0px;
font-size: 10px;
padding: 0;
margin: 0; 
height: 20px;
display: none; }

p#RSS a, p#RSS a:visited, p#RSS a:hover {color: #666666;
 background: url(http://www.ci.piedmont.ca.us/images/rsslogo.gif) no-repeat;
 background-position: top right;
 height: 20px;
 padding: 3px 30px 7px 0px;
 margin: 0; }
 






#sidebar {width:230px;
margin: 20px 0px 30px 0px;
padding: 0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .7em;
display: inline;
line-height: 1.1em;}

#sidebar h3 {font-size: 1.5em;
font-weight: 100;
color: #000000;
margin: 15px 0px;
padding: 0;
line-height: 1.2em;
font-family: Arial, Helvetica, sans-serif; }

#sidebar h5 {font-size: 1em;
font-weight: bold;
margin: 8px 0px 0px 0px;
padding: 0;
line-height: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;  }


#citycouncil {width: 230px;
background: url(http://www.ci.piedmont.ca.us/images/ltgraybkg.jpg) bottom left no-repeat;
float: left;
clear: both;
display: inline;
margin: 0;
padding: 0px 0 25px 0; }

#citycouncil img {padding: 0px px 0px 0px;
background: url(http://www.ci.piedmont.ca.us/images/ltgraybkg_top.jpg) left top no-repeat;
margin: 0;
border: 0;
display: none; }

#sidebar p#video {margin: 0 0px 0 0px;
padding: 0;}

#citycouncil ul {
text-indent: none;
margin: 0px 0 0px 0px;
padding: 0; }

#citycouncil li {list-style-type: none;
text-indent: none;
padding: 0px 0px;
margin: 0 15px 0 0; }

#citycouncil li a {padding: 0px 0 0px 0px;
color: #333333;
margin: 0;
background: url(http://www.ci.piedmont.ca.us/images/arrow_gray.gif) no-repeat center left; }

#citycouncil li a:hover {padding: 0px 0 0px 0px;
color: #333333;
margin: 0;
background: url(http://www.ci.piedmont.ca.us/images/arrow.gif) no-repeat center left; 
font-weight: bold;
text-decoration: none;}


/* BEGIN GENERAL TAB INFO */

#greentab, #yellowtab, #navytab, #ltgraytab, #orangetab, #redtab, #dkgreentab {width: 230px;
float: left;
clear: both;
display: inline;
margin: 10px 0 0 0;
padding: 0px 0 10px 0;
border: solid #CCCCCC;
border-width: 1px 0;
color: #000000 !important; }

#greentab h3, #yellowtab h3, #navytab h3, #ltgraytab h3, #orangetab h3, #redtab h3, #dkgreentab h3 {margin: 0;
padding: 10px 3px 0px 0px;
}

#greentab img, #yellowtab img, #navytab img, #ltgraytab img, #orangetab img, #redtab img, #dkgreentab img {float: left;
padding: 10px 0px 10px 0px;
margin: 0;
display: inline;
border: 0; }

#greentab p, #yellowtab p, #navytab p, #ltgraytab p, #orangetab p, #redtab p, #dkgreentab p {margin: 5px 0px 0 0px;
padding: 0;
line-height: 1.3em; }

#greentab {background: url(http://www.ci.piedmont.ca.us/images/ltgreenbkg.jpg) bottom left no-repeat; }
#dkgreentab {background: url(http://www.ci.piedmont.ca.us/images/dkgreenbkg.jpg) bottom left no-repeat; color: #FFFFFF;}
#yellowtab {background: url(http://www.ci.piedmont.ca.us/images/yellowbkg.jpg) bottom left no-repeat; }
#navytab {background: url(http://www.ci.piedmont.ca.us/images/navybkg.jpg) bottom left no-repeat; color: #FFFFFF; }
#ltgraytab {background: url(http://www.ci.piedmont.ca.us/images/ltgraybkg.jpg) bottom left no-repeat; }
#orangetab {background: url(http://www.ci.piedmont.ca.us/images/orangebkg.jpg) bottom left no-repeat; }
#redtab {background: url(http://www.ci.piedmont.ca.us/images/redbkg.jpg) bottom left no-repeat; color: #FFFFFF;}

#greentab h3 {background: url(http://www.ci.piedmont.ca.us/images/ltgreenbkg_top.jpg) left top no-repeat; }
#dkgreentab h3 {background: url(http://www.ci.piedmont.ca.us/images/dkgreenbkg_top.jpg) left top no-repeat; color: #FFFFFF;}
#yellowtab h3 {background: url(http://www.ci.piedmont.ca.us/images/yellowbkg_top.jpg) left top no-repeat; }
#navytab h3 {background: url(http://www.ci.piedmont.ca.us/images/navybkg_top.jpg) left top no-repeat; color: #FFFFFF;}
#ltgraytab h3 {background: url(http://www.ci.piedmont.ca.us/images/ltgraybkg_top.jpg) left top no-repeat; }
#orangetab h3 {background: url(http://www.ci.piedmont.ca.us/images/orangebkg_top.jpg) left top no-repeat; }
#redtab h3 {background: url(http://www.ci.piedmont.ca.us/images/redbkg_top.jpg) left top no-repeat; color: #FFFFFF;}

#greentab a {font-weight: bold; color: #000000; }
#greentab a:hover {font-weight: bold; color: #000000;}
#greentab a:visited {font-weight: bold; color:#000000;;}

#dkgreentab a {color: #000000;; }
#dkgreentab a:hover {color: #000000;;}
#greentab a:visited {font-weight: bold; color: #000000;;}

#redtab a {color: #000000; }
#redtab a:visited {color: #000000; }
#redtab a:hover {color: #000000; }

#navytab a {color: #000000; }
#navytab a:visited {color: #000000; }
#navytab a:hover {color: #000000; }

#yellowtab a {color: #000000; }
#yellowtab a:visited {color: #000000; }
#yellowtab a:hover {color: #000000; }

#orangetab a {font-weight: bold; color: #000000; }
#orangetab a:visited {font-weight: bold; color: #000000; }
#orangetab a:hover {font-weight: bold; color: #000000; }

#sidebar ul {list-style-type: none;
text-indent: 0;
margin: 3px 0 0 0px;
padding: 0;
font-size: .9em;
line-height: 2em; }

#sidebar li {margin: 0;
padding: 3px 0 0 0;
position: relative;
line-height: 1.4em;
}

#sidebar li ul { /* second-level lists */
	padding: 1px 0 0px 0;
	margin: 0em 0 0 7px;
	text-transform: none;
	font-size: 10px;
	font-weight: normal;
}

#sidebar address {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
text-decoration:none;
font-style:normal;
margin: 10px 0px;
padding: 0; }



form#formdownloads select#formsdropdown {width: 170px;
font-size: .95em;
margin: 10px 0px 10px 0px;
padding: .1em;
display: inline; 
line-height: 0;}

form#formdownloads select#formsdropdown option {
padding: .2em;
margin: 0;
line-height: 1em; }




/* END SIDEBAR */


#footer {clear: both;
margin: 0px 0px 0px 0px;
padding: 59px 0 0 0;
background: url(http://www.ci.piedmont.ca.us/images/footer_top.jpg) top left no-repeat #00688f;
width: 690px;}

#footer ul {display: none;}

#footer li {display: none;
 }

#footer address {width: 200px; 
clear: none;
margin: 0;}

#footer a {color: #FFFFFF; }

#footer a:hover {color: #488211; }



.emergency {color: #FF0000;
font-weight: bold; }



table#alt tr.odd {background-color: #FFFFFF; }
table#alt tr.even {background-color: #e0e0e0; }

table th {text-align: left; }

hr {
clear: both;
width: 100%;
margin: 5px 0 10px 0;
padding: 0;
border: solid #488211;
border-width: 1px 0 0 0;
line-height: 0px; }

span.faqlink {clear: both;
font-size: .8em;
text-transform: uppercase; }




p#citycode {line-height: 2em;}

p.officials {width: 300px;
float: left;
clear: none;
position: relative;
top: -20px; }


p.name {width: 300px;
float: left;
clear: none;
margin: 0;
padding: 0;
font-weight: bold; }

p.term {width: 300px;
float: left;
clear: none;
margin: 0;
padding: 0; }

small {font-size: 11px; font-style: italic; }



/*MAINPAGE POST STYLES */


.mainpost {margin: 10px 0 15px 0;
padding: 0;
position: relative;} 

.mainpost h1.posttitle {margin: -15px 0 -15px 0;
padding: 0;}

.mainpost h2 {color: #00adef;
font-weight: bold; 
width: 425px !important; 
padding: 0 0 15px 0;
margin: 0px 0 0px 0;
letter-spacing: -1px;
vertical-align: bottom;
position: relative;
line-height: 1em;
 }
 
.mainpost h2 a {color: #00adef;
text-decoration: none;
font-size: 1.25em;
line-height: 1.25em;}

.mainpost h2 a:hover {color: #488211;
text-decoration: none; }

.mainpost h2 a:visited {color: #333333;
text-decoration: none; }
 
.mainpost span.datelocation {width: 210px;
font-size: 1em;
line-height: 1em;
font-weight: 200;
color: #000000;
padding: 0 0 0px 0;
margin: 0 0 0px 0px;
letter-spacing: -1px;
position: absolute;
bottom: 0px;
left: 440px;
display: inline;
text-align: right;
}

div.entry {
margin: 0 0 20px 0;
background: #ededed;
padding: 10px 20px;
border-top: 1px solid #a2a2a2;
background: url(http://www.ci.piedmont.ca.us/images/postbkg.gif) repeat-x bottom #ededed;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: .95em;
line-height: 1.8em;
color: #333333;
width: 610px;
position: relative; }

div.entry p {padding: 0;
margin: 0; }

div.entry a {font-weight: bold;
color: #333333; }

div.entry a:hover {font-weight: bold;
color: #79c92c; }

div.entry a.readmore {font-weight: bold;
padding: 0 15px 0 0;
background: url(http://www.ci.piedmont.ca.us/images/arrow.gif) no-repeat;
background-position: center right; 
color: #333333;
font-size: .8em;
margin: 0;}

div.entry a.readmore:hover {font-weight: bold;
padding: 0 15px 0 0;
background: url(http://www.ci.piedmont.ca.us/images/arrow_green.gif) no-repeat;
background-position: center right; 
color: #79c92c;}


.entry2 {margin: 10px 0px; }

form blockquote {font-size: .8em; }

form#calendarform {margin: 0 0 0 0px;
font-size: .9em;
font-weight: bold;
padding: 0 22px; 
display: inline;}

form#calendarform input#submit {font-size: 1.3em; padding: 6px; }

form#calendarform p {line-height: 2em; }

.noprint, img#noprint {display: none; }

li#websitecredits {display: none; }


.police_values li strong {font-size: 21px; font-weight: bold; color: #00adef;}
.police_values ul li {padding-bottom: 8px;}