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;
float: left;
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: 1006px;
background: url(http://www.ci.piedmont.ca.us/images/background.jpg) repeat-y;
margin: 0 auto;
padding: 0px 0 0 0;
position: relative;
clear: both;
 }
 
#contentwrapper.iframe { background:url(http://www.ci.piedmont.ca.us/images/background_iframe.jpg) repeat-y;}  

#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 13px;
padding: 0;
width: 980px;
position: relative;
z-index: 1000;
float: left;
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; }


























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


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

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

#toputilities input#searchfld {background: transparent url(http://www.ci.piedmont.ca.us/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;
float: left; clear: none;}

#toputilities form input#submit {float: left; 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: 14px;
	background: #FFFFFF;
	width: 980px;
	border: solid #000000;
	border-width: 5px 0px 1px 0px;
	min-height: 37px;
	z-index: 1000;
	float: left;
	clear: both;
}



#nav ul {padding: 0;
margin: 0px 10px 0 10px;
	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 { /* second-level lists */
	position: absolute;
	background:  #00adef;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 0;
	margin: 0em 0 0 0;
	text-transform: none;
	font-size: 12px;
	font-weight: normal;
}

#nav li#centennial ul, #nav li#departments ul, #nav li#kcom ul {width: 122px; }
#nav li#government ul, #nav li#forms ul {width: 200px; }
#nav li#community ul, #nav li#projects ul {width: 150px; }

#nav li ul li a, #nav li ul li a:visited {color: #FFFFFF;
text-decoration: none;
padding: 6px 8px;}

#nav li#centennial ul li a, #nav li#departments ul li a, #nav li#kcom ul li a {width:106px;}
#nav li#government ul li a, #nav li#forms ul li a {width: 184px; }
#nav li#community ul li a, #nav li#projects ul li a {width: 134px; }

#nav li ul ul { /* third-and-above-level lists */
	margin: -2.3em 0 0 200px;
}


#nav li ul li {float: left;
clear: left;
line-height: 16px;
padding: 0;
margin: 0;}



#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#nav li ul li a:hover, #nav li ul li a:hover {background: #79c92c;
text-decoration: none;
color: #FFFFFF;}







#maincontent {width: 650px;
padding: 0;
margin: 10px 0 0 48px;
line-height: 1.5em;
position: relative;
z-index: 0;
float: left;
display: inline;
clear: left; }




/* NEW STUFF SINCE 9-1-07 BELOW HERE */

#maincontent h1 {padding: 0;
margin: .5em 0 .5em 0;
font-size: 1.8em;
line-height: 1em;
font-family: "Gill Sans","Gill Sans Std","Gill Sans MT","Arial","Helvetica",sans-serif;
letter-spacing: -1px;
font-style: normal !important;
font-weight: bold; }

#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 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 {font-size: .8em;
line-height: 1.65em; }

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

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


p#breadcrumb {margin: 8px 0 20px 0;
padding: 0;
font-size: .6em;
color: #666666;
text-transform:uppercase;
line-height: 1em;
width: 100%;
 }

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












h1#whatshappening {font-size: .3em;
text-indent: -999em;
height: 30px;
width: 470px;
line-height: 0px;
margin: 40px 0 20px 0; !important
padding: 0;
background: url(http://www.ci.piedmont.ca.us/images/whatshappening.gif) no-repeat;
clear: both;
float: left;}

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

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:248px;
display: inline;
float: left;
margin: 20px 0px 30px 37px;
padding: 0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .75em;}

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

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


#citycouncil {width: 248px;
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: 30px 33px 0px 20px;
background: url(http://www.ci.piedmont.ca.us/images/ltgraybkg_top.jpg) left top no-repeat;
margin: 0;
border: 0; }

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

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

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

#citycouncil li a {padding: 0px 0 0px 25px;
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 25px;
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: 248px;
float: left;
clear: both;
display: inline;
margin: 10px 0 0 0;
padding: 0px 0 25px 0; }

#greentab h3, #yellowtab h3, #navytab h3, #ltgraytab h3, #orangetab h3, #redtab h3, #dkgreentab h3 {margin: 0;
padding: 30px 33px 0px 20px;
}

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

#greentab p, #yellowtab p, #navytab p, #ltgraytab p, #orangetab p, #redtab p, #dkgreentab p {margin: 10px 30px 0 20px;
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: #FFFFFF;}
#greentab a:visited {font-weight: bold; color: #333333;}

#dkgreentab a {color: #FFFFFF; }
#dkgreentab a:hover {color: #79c92b;}
#greentab a:visited {font-weight: bold; color: #d0d0d0;}

#redtab a {color: #FFFFFF; }
#redtab a:visited {color: #d0d0d0; }
#redtab a:hover {color: #e7da12; }

#navytab a {color: #FFFFFF; }
#navytab a:visited {color: #d0d0d0; }
#navytab a:hover {color: #e7da12; }

#yellowtab a {color: #000000; }
#yellowtab a:visited {color: #666666; }
#yellowtab a:hover {color: #2c3141; }

#orangetab a {color: #000000; }
#orangetab a:visited { color: #666666; }
#orangetab a:hover { color: #FFFFFF; }

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

#sidebar li {margin: 0;
padding: .25em 0;
position: relative;
width: 190px;
line-height: 1.4em;
}

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

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



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

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




/* END SIDEBAR */


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

.iframe #footer {background: url(http://www.ci.piedmont.ca.us/images/footer_top_iframe.jpg) top left no-repeat #00688f;} 

#footer ul {margin: 40px 10px 40px 15px;
color: #FFFFFF;
list-style-type: none;
text-indent: none;
font-size: .7em;
text-align: left;
padding:0;
width: 700px;
float: left;
clear: none;
position: relative; }

#footer li {padding: 0;
margin: 0 10px 0 0;
display: inline;
font-weight: bold;
 }

#footer li a:hover {color: #e0e0e0; }

#footer li#websitecredits {position: absolute; left: 0px; top: 5.2em; font-weight: normal; font-size: .8em; text-transform: uppercase; }
#footer li#websitecredits a {color: #C9C9C9; } #footer li#websitecredits a:hover {color: #FFFFFF; }

#footer address {float: right;
color: #FFFFFF;
font-style: normal;
font-size: .95em;
margin: 20px 0px 20px 20px;
padding: 0;
display: inline;
line-height: 1.4em;
width: 200px; 
clear: none;}

#footer a {color: #FFFFFF; }

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



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

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

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

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

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 30px 0;
padding: 0;
position: relative;
display: inline;} 

.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;
float: left;
clear: left;
display: inline;
 }
 
.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 {
float: left;
clear: both;
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; }

img.center {float: none !important; text-align: center !important; clear: both !important; display: block !important; margin-left: auto !important; margin-right: auto !important;}

center {margin-left: auto !important; margin-right: auto !important; clear: both !important;} 


.commdropdown select {font-size: 11px; padding: 3px; margin: 3px 0 8px 20px; font-family: Verdana, Arial, Helvetica, sans-serif;  }



table.voting {font-size: 12px; padding: 0; margin: 0 !important;}
table.voting td {vertical-align: top; margin: 0; border-bottom: 1px solid #d2d2d2;}
.vote_results td.leftside {width: 140px; padding-top: 9px; margin: 0; line-height: 1.3em !important; text-align: left;}
td.leftside {padding-top: 8px; margin: 0; line-height: 1.3em !important; width: 440px;}
td.last {border-bottom: 1px solid #FFFFFF !important;}
table.voting th, table.vote_results th {border-bottom:1px solid #CCC; font-family: Arial, Helvetica, sans-serif !important; }
h3.voteh3 {margin-bottom: 0px;} 
#vote_tally {position: relative !important; width: 440px;} 
table.vote_results {width: 140px; position: absolute; top: 0px; right:0px; border: 0; padding: 0; margin: 0; }



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