body {
	background: #FFF;
	position: relative;
	font-family: "Lucida Sans", Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 10pt;
	line-height: 1.2em;
	margin: 0; padding: 0;
	color: #504254;
}

#container { 
	width: 65em;
	margin: 0 auto;
	padding: 0;
}

ul {
	list-style: circle;
}

h1 {
	font-size: 100%;
	margin: 0.3em 0;
}
.pd-cities {
  float: left;
  margin: 1em; 
  padding: 1em;
}
.pd-cities ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.pd-cities ul a {
	color: #27396F;
	text-decoration: underline;
}
#skip-links {
    margin: 0; padding: 0;
    text-indent: -5000px;
    line-height: 0px;
    height: 0px;
}

#skip-links ul, #skip-links li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.clear {
	clear: both;
}

#middle {
	margin-top: 142px;
	overflow: hidden;
	margin-left: 0.1em;
	margin-bottom: 0.1em;
	margin-right: 0.1em;
}

#sub-content {
	border: 1px solid #d0d0d0;
   	overflow: hidden;
    padding: 5px;
}

#content {
}

/* commented out byt simona 3/6/2007
#context {
	border-bottom: 1px solid #708090;
	overflow: hidden;
	padding: 0.25em;
}

#context p {
	float: left;
	margin: 0;
}

#context ul {
	float: left;
	list-style-image: url(/images/context.gif);
	margin: 0;
}

#context ul li {
	float: left;
	margin: 0 2em 0 0;
}
*/

#three-boxes div {
	float: left;
	width: 18em;
	margin: 0.75em;
	margin-top: 5em;
	margin-left: 0.25em;
	/* background: url(/images/box_back.gif) repeat-x #f5f4f4; */
	border: thin solid #dcdcdc;
	padding: 1em;
	height: 14em;
}

#three-boxes p {
	color: #4b4c46;
}

#three-boxes h1, #add-city h1 {
	font-family: Georgia, "Century Schoolbook", "Century Schoolbook L", serif;
	font-size: 150%;
	color: #ab3519;
	background-color: #f7f7f7;
	padding: 1em; 
	margin: 0;
	text-align: left;
	padding-left: 50px;

}

#citizen-box h1 {
	background: #f7f7f7 url(/images/citizens.png) no-repeat 0.5em center; 
}

#city-list h1 {
	background: #f7f7f7 url(/images/red_table.gif) no-repeat 0.5em center; 
}

#cityhall-box h1 {
	background: #f7f7f7 url(/images/cityhall.gif) no-repeat 0.5em center; 	
}

#three-boxes p.q {
	font-family: Georgia, "Century Schoolbook", "Century Schoolbook L", serif;
	font-size: 115%;
	font-weight: bold;
	color:  black;
}

a.link-box, a.link-box-fixed-width, input.button-box {
	display: block;
	padding: 0.25em 0.1em;
	font-weight: 600;
	color: white;
	margin: 0 auto;
	max-width: 9.6em;
	background: #E07000;
	vertical-align: middle;
	text-decoration: none;
	font-family: "Lucida Sans", Verdana, "Bitstream Vera Sans", sans-serif;
	border: none;
}

a.link-box:hover, a.link-box-fixed-width:hover, input.button-box:hover {
	background: #9e743f;
}

#main-middle {
	margin-top: 130px;
	overflow: hidden;
	position: relative;
	margin-left: 0.75em;
	margin-bottom: 0.75em;
	margin-right: 0.75em;
}

#main-middle a.link-box:link, #main-middle a.link-box:visited {
	color: white;
	font-weight: 600;
}

#middle a.link-box:link, #middle a.link-box:visited {
	color: white;
	font-weight: 600;
}

#three-boxes a {
	text-decoration: none;
}

#three-boxes a:link, #three-boxes a:visited {
	color: #1c5d8a;
	text-decoration: underline;
}

#three-boxes dt {
	color: #777777;
}

#three-boxes dd {
	margin: 0;
	font-size: 90%;
	margin-bottom: 1em;
}

#three-boxes a.link-box {
	display: block;
	padding: 0.35em 0.5em;
	text-align: left;
	min-width: 12em;
}

#two-boxes div {
	float: left;
	border: 1px solid #cbcdbe;
	margin: 0.5em;
	margin-top: 1em;
	padding: 1em 0em;
	text-align: center;
	width: auto;
	min-width: 20em;
	max-width: 30em;
	background: #f5f7e5;
}

#two-boxes a {
	margin: 0 auto;
	color: #E07000;
	max-width: 4em;
}

#two-boxes a.generic {
	color: #27396F;
	font-size: 100%;
	text-decoration: underline;
}

#two-boxes h1 {
	font-size: 120%;
	text-transform: uppercase;
	margin: 0; 
	padding: 0;
}

#two-boxes p {
	margin: 0.5em 1; 
	padding: 0;
	color: #4b4c46;
}

#two-boxes ol {
	color: #4b4c46;
	text-align: left;
}

#iframe-container {
	float: left;
}

#email-updates-container {
	float: left;
	text-align: center;
	width: 210px;
}

#email-updates {
	text-align: center;
	width: 180px;
	margin: 0 auto;
	border: 1px solid #d0d0d0;
	padding: 0.5em;
}

#email-updates-text {
	margin: 0.7em;
}



.bottom-button-container {
	text-align: center;
}

#header {
	margin: 0; padding: 0;
	position: absolute;
	top: 0;
	background: url(/images/inside_combined.jpg) #aa3212 no-repeat;
	overflow: visible;
	width: 65em;
	height: 103px;
}

#header a {
	text-decoration: none;
	font-size: 75%;
}

#header a:hover, #header a:active {
	text-decoration: underline;
}

#login {
	float: left;
	width: 10%;
	padding: 3em 0em 0em 0.25em;
}

#header-home {
	margin: 0; padding: 0;
	position: absolute;
	top: 0;
	background: url(/images/home_combo.jpg) #aa3212 no-repeat;
	overflow: visible;
	width: 65em;
	height: 136px;
}

#header-home a {
	text-decoration: none;
	font-size: 75%;
}

#header-home a:hover, #header-home a:active {
	text-decoration: underline;
}

#top-menu {
	clear: both;
	background: #1c5d8a;
	padding: 0;
	border-top: 1px solid #F5F5F5;  
}

#header #top-menu {
	margin-top: 103px;
}

#header-home #top-menu {
	margin-top: 136px;
}

#top-menu ul {
	list-style: none;
	margin: 0 0.75em; 
	padding: 0;
	overflow: hidden;
}

#top-menu ul li {
	float: left; 
	border-left: 1px dotted #F5F5F5;	
	padding: 0.2em 0;
	text-align: center;
	width: 8em;
}

#top-menu ul li.profile {
	float: right; 
	border-right: 1px dotted #1c5d8a;	
	padding: 0.2em 0;
	text-align: center;
	width: 8em;
}

#top-menu ul li.last {
	float: right; 
	border-right: 1px dotted #1c5d8a;	
	padding: 0.2em 0;
	padding-right: 1em;
	text-align: center;
	width: 8em;
}

#top-menu a:link, #top-menu a:visited, #top-menu a:hover, #top-menu a:active {
	color: #d3dfea;
}

#header-home p.welcome, #header p.welcome {
	float: right;
	margin: 0.25em;
	background: white;
	color: #504254;
	font-size: 75%;
	text-align: right;
}
	
#side-menu {
	width: 10em;
	float: left;
}

#side-menu ul {
	margin: 0; padding: 0 0.5em;
	list-style: none;
}

#side-menu li {
	display: block;
	margin: 0.1em;
	width: 10em;
	text-align: center;
}

#side-menu li a {
	display: block;
	padding: 0.5em 0em 0em 0em;
	background-color: #D2D2D2;
}

#side-menu li ul li {
	text-align: left;
}

#side-menu li ul li a {
	padding-left: 0.25em
}

#side-menu li a.selected {
	background-color: #F0E68C;
}

#side-menu li a:link, #menu a:visited {
	color: #324680;
	text-decoration: none;
}

#side-menu li a:hover, #menu a:active {
	color: #324680;
	background-color: #F0E68C;		
}

.large-print {
	display: block;
	margin: 0 auto;
	padding: 0;
}

#footer {
	color: #5e5e5e;
}

#footer p {
	font-size: 75%;
	margin: 1em;
	margin-bottom: 0;
}

#footer a:link, #footer a:visited {
	color:  #1c5d8a;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	text-decoration: underline;
}

#footer span {
   display: inline;
}

#footer span.members {
	padding-right: 13em;
}

#footer span.copyright {
	padding: 0 11em 0 0;
}

#footer span.privacy {
	padding-right: 1em;
}

#footer p.disclaimer {
	margin-top: 0;
}

#bottom-menu {
	clear: both;
	background: #497da2;
	padding: 0.1em 0em;
	border-top: 1px solid #F5F5F5;  
}

#bottom-menu ul {
	list-style: none;
	margin: 0 0.75em; 
	padding: 0;
	overflow: hidden;
}

#bottom-menu ul li {
	float: left;
	border-left: 1px dotted #F5F5F5;
	padding: 0.25em 0.5em;
	text-align: center;
	width: 10.0em;
	font-size: 75%;
}

#bottom-menu a:link, #bottom-menu a:visited, 
#bottom-menu a:hover, #bottom-menu a:active {
	color: #d3dfea;
}

/* the styles below are taken from the stylesheet currently used in KD */

#text-content {
	margin: 1em;
	font-size: 100%;
	font-weight: 400;
}

#text-content h1 {
	font-size: 130%;
	text-align: center;
	color: black;
}

#text-content h2 {
	font-size: 115%;
	text-align: center;
	color: black;
}

#text-content h3 {
	font-size: 100%;
	color: black;
}

#text-content h3.citizen {
	padding: 1em; 
	margin: 0;
	text-align: left;
	padding-left: 40px;
	background: #fff url(/images/icon_citizen.gif) no-repeat 0.2em center; 
}

#text-content h3.cityhall {
	padding: 1em; 
	margin: 0;
	text-align: left;
	padding-left: 40px;
	background: #fff url(/images/icon_city.gif) no-repeat 0.2em center; 
}

#text-content h1.citizen {
	padding: 1em; 
	margin: 0;
	text-align: center;
	background: #fff url(/images/icon_citizen.gif) no-repeat 24% center; 
}

#text-content h1.cityhall {
	padding: 1em; 
	margin: 0;
	text-align: center;
	background: #fff url(/images/icon_city.gif) no-repeat 20% center; 
}

#text-content ul {
	list-style: circle;
	text-align: left;
}

#text-content a {
	color: #324680;
	font-size: 100%;
	text-decoration: underline;
}

#text-content ul.images {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

#text-content ul.images li { 
   margin-bottom: 2em;
   text-align: center;
}

#donate h5 {
	text-align: center;	
}

.question {
	font-weight: bold;
	padding-top: 1em;
}

.answer {
	padding-bottom: 1em;
	border-bottom: thin dotted #606060;
}

.last-answer {
	padding-bottom: 1em;
}

#last-top p {
	text-align: right;
	padding-right: 2em;
	font-size: 85%;
}

p.top {
	text-align: right;
	padding-right: 2em;
	font-size: 85%;
	padding-bottom: 1em;
	border-bottom: 1px dotted #606060;
}

h3.section {
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 0;
	color: black;
	text-align: center;
}

p.subtitle {
	font-weight: bold;
	text-align: center;	
}

p.title {
	text-align: center;	
	font-size: 100%;
	color: #504254;
}

#pager {
	text-align: center;	
	font-size: 85%;
	color: #504254;	
}

#pager a:link, #pager a:visited {
	color:  #27396F;
}

#pager .none {
	text-decoration: none;
}

table.attack {
	width: 45em;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 12px;
	margin-top: 12px;
	border: thin solid black;
	border-collapse: collapse;
}

table.attack td, th {
	padding: 2px 5px 2px 5px;
	border: thin solid #708090;
	font-size:  small;
}

table.attack td {
	width: 50%;
}

table.rating {
	width: 20em;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 12px;
	margin-top: 12px;
	border: thin solid black;
	border-collapse: collapse;
}

table.rating td, th {
	padding: 2px 5px 2px 5px;
	border: thin solid #708090;
	font-size:  small;
}

table.rating td {
	width: 50%;
}

#form-content {
	margin: 1em;
}

#form-content h1 {
	font-size: 130%;
	text-align: center;
	color: black;
	line-height: 1.1em;
}

#form-content h2 {
	font-size: 115%;
	text-align: center;
	color: black;
}

#form-content h3 {
	font-size: 100%;
	color: black;
}

#form-content div.action { 
    display: block;
	text-align: center;
	padding: 0.5em;
}

#form-content div.action a { 
   text-decoration: none;
   padding: 0.3em 2em;
   color: white;
   background-color: #E07000;  	
   width: auto;
   max-width: 9em;
   font-weight: 600;
   height: 1.25em;
}

p.form {
	text-align: center;
}

#form-review {
	padding: 1em 1em;
	margin-left: 16em;
	border-top: none;
	background: url(/images/box_back.gif) repeat-x #f5f4f4;
}

#form-review h1 {
	font-size: 130%;
	text-align: center;
	color: black;
}

#form-review h2 {
	font-size: 115%;
	text-align: center;
	color: black;
}

#form-review h3 {
	font-size: 100%;
	color: black;
}

#form-review h4 {
	font-size: 100%;
	text-align: center;
	margin-bottom: -0.25em;
}

#form-review div.action { 
    display: block;
	margin: 0 35%;
	text-align: center;
	padding: 0.5em;
}

#form-review div.action a { 
   text-decoration: none;
   padding: 0.3em 2em;
   color: white;
   background-color: #E07000;  	
   width: auto;
   max-width: 9em;
   font-weight: 600;
   height: 1.25em;
}

#form-review a:link, #form-review a:visited,
#form-review a:hover, #form-review a:active {
	color: #27396F;
	font-size: 100%;
	text-decoration: underline;
}

#form-review-title {
	background-color: #ddd;
	margin: 0; 
	margin-bottom: 0.25em;
	padding: 0.25em;
	padding-bottom: 1px;
	width: 100%;
}

#one-box div {
	float: left;
	border: 1px solid #cbcdbe;
	margin: 1em;
	margin-left: 0.5em;
	padding: 1em;
	text-align: center;
	width: 21em;
	background: #f5f7e5;
}

#one-box div a {
	margin: 0 auto;
	color: #E07000;
	font-weight: 600;
}

#one-box h1 {
	font-size: 120%;
	line-height: 1.4em;
	color: red;
	margin: 0; 
	padding: 0;
}

#one-box p {
	margin: 0.5em 0; padding: 0;
	color: #4b4c46;
}

a.generic {
	color: #27396F;
	font-size: 100%;
	text-decoration: underline;
}

table.entryform td.label {
	text-align: right;
}

table.entryform td.label-top {
	text-align: right;
	vertical-align: text-top;
}

table.entryform td {
	border: none;
	padding:  0.25em;
}

table.entryform {
	margin: auto;
	border: none;
}

table.entryform a:link, table.entryform a:visited, 
table.entryform a:hover, table.entryform a:active {
	color: #27396F;
	font-size: 100%;
	text-decoration: underline;
}

table.voteform td.label {
	text-align: right;
}

table.voteform td.label-top {
	text-align: right;
	vertical-align: text-top;
}

table.voteform td {
	border: none;
	padding:  0.25em;
}

table.voteform {
	margin: auto;
	border: none;
}

table.voteform a:link, table.voteform a:visited, 
table.voteform a:hover, table.voteform a:active {
	color: #27396F;
	font-size: 100%;
	text-decoration: underline;
}

.button_box {
  display: block;
  font-weight: 600;
  background-color: #E07000;
  padding: 0.3em 2em;
  text-decoration: none;
  margin: 0 auto;
  width: auto;
  max-width: 12em;
  border: none;
  color: white;
  cursor: hand;
  height: 2em;
  /* font-weight: bold; */
}

.button_box:hover {
  cursor: pointer;
}

.fieldWithErrors {
	padding: 2px;
	background-color: red;
	display: table;
}

#two-boxes div.fieldWithErrors {
	padding: 2px;
	background-color: red;
	display: table;
}

#add-city div.fieldWithErrors {
	padding: 2px;
	background-color: red;
	display: table;
	width: 9em;
	text-align: center;
	margin-left: 4em;
}

.message {  
	font-family: "Lucida Sans", Verdana, sans-serif;
	font-size: small; 
	line-height: 1.2em; 
	font-weight: 400; 
	color: #333333; 
	text-decoration: none
}

.notice {  
	font-family: "Lucida Sans", Verdana, sans-serif;
	font-size: 105%; 
	line-height: 1.2em; 
	font-weight: bold; 
	color: #333333
}

.warning {  
	font-family: "Lucida Sans", Verdana, sans-serif;
	font-size: small; 
	line-height: 1.2em; 
	font-weight: bold; 
	color: #AB3519; 
	text-decoration: none;
}

#two-boxes div.formError {  
    border-style: none;
	font-family: "Lucida Sans", Verdana, sans-serif;
	font-size: small; 
	line-height: 1.2em; 
	font-weight: bold; 
	color: #AB3519; 
	text-decoration: none;
	display: table;
	padding: 0 0 0.5em 0;
}

#experts_intro ul {
	list-style: circle;
}

#news p {
	text-align: center;
}

table.two-column {
	width: 54em;
	margin-left: 5em;
	margin-right: 5px;
	margin-bottom: 12px;
	border: thin solid black;
	border-collapse: collapse;
}

table.two-column td, th {
	padding: 2px 5px 2px 5px;
	border: thin solid #708090;
	font-size:  small;
}

table.two-column td {
	width: 50%;
	vertical-align: baseline; 
}

ul.files { 
    list-style: none;
    padding: 0;
}

ul.files li { 
    border: 1px solid #A0A0A0;
    padding: 1em 2em;
    margin: 0;
    overflow: hidden;
    height: 1%;
}

ul.files span { 
   display: block;
   height: 1%;
}

span.file { 
   float: left;
}

span.file-size { 
   float: right;
   margin-right: 2em;
}

ul.choices {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -0.5em;
}

#email {
	margin-left: 2em;	
}

#button-menu {
	clear: both;
	margin-top: 1em;
}

#button-menu ul {
	list-style: none;
	margin-left: 35%; 
	padding: 0;
	overflow: hidden;
	text-align: center;
}

#button-menu ul li {
	float: left;
	padding: 0.2em 0.5em;
	text-align: center;
}

#button-menu ul li a.wide-button {
    display: block;	
    padding: 0.35em 1em;
	background: #E07000;
	text-decoration: none;
	width: auto;
	max-width: 12em;
	vertical-align: middle;
    color: white;
    font-weight: 600;
    height: 1.25em;
}

ul.comment { 
    list-style: none;
    padding: 0;
}

ul.comment li { 
    margin: 0;
    overflow: hidden;
}

ul.comment span { 
   display: block;
}

span.author { 
   float: left;
   font-weight: bold;
}

span.date { 
   float: right;
   margin-right: 2em;
}

span.source {
	float:  left;
	font-style: italic;
}

#city-list {
	background-color: #f7f7f7;
}

#city-list h1 {
	padding-top: 0.75em;
}

#city-list div {
	margin: 1em;
	border: 2px solid white;
	width: 14em;
	height: 7em;
}

#city-list ul.city {
	margin: 0.25em;
	margin-top: -1em;
	margin-left: -0.5em;
	padding-bottom: 0.75em;
	list-style: none;
	line-height: 1.3em;
	border-bottom: thin dotted #4b4c46;
	list-style-image: url(/images/orange_arrows.gif);
}

#city-list ul.add {
	margin: 0.25em;
	margin-left: -0.5em;
	padding-bottom: 0.75em;
	list-style: none;
	line-height: 1.3em;
	list-style-image: url(/images/orange_arrows.gif);
}

p.centered-button {
	text-align: center;
}

p.centered-button a.link-box {
	margin-left: 40%; 
}

td.radio-col {
	padding: 0 0.5em;
	text-align: center;
}

#add-city div {
	float: right;
	width: 18em;
	margin: 0.75em;
	margin-top: 2em;
	margin-right: 22.25em;
	padding: 1em;
	height: auto;
	border: thin solid #dcdcdc;
	background-color: #f7f7f7;

}

#add-city h1 {
	background: #f7f7f7 url(/images/red_table.gif) no-repeat 0.5em center; 
}

#add-city p{
	text-align: center;
}

span.smaller {
	font-size: x-small;
}

#form-gotv {
	padding: 1em 1em;
	margin-left: 16em;
	border-top: none;
}

#form-gotv h1 {
	font-size: 130%;
	text-align: center;
	color: black;
}

#form-gotv h2 {
	font-size: 115%;
	text-align: center;
	color: black;
}

#form-gotv h3 {
	font-size: 100%;
	color: black;
}

#form-gotv div.action { 
    display: block;
	margin: 0 35%;
	text-align: center;
	padding: 0.5em;
}

#form-gotv div.action a { 
   text-decoration: none;
   padding: 0.3em 2em;
   color: white;
   background-color: #E07000;  	
   width: auto;
   max-width: 9em;
   font-weight: 600;
   height: 1.25em;
}

.message-centered {
	margin: 0.5em 10em;
	border: 1px solid #aaa;
	padding: 1em;
}

#sample p.subtitle{
	text-align: center;
	font-weight: normal;
}

table.email {
	width: 52em;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 12px;
	margin-top: 12px;
	border: thin dashed black;
	border-collapse: collapse;
}

table.email td, table.email th { /* ,th should probably be , table.email th; similarly for other ,th's elsewhere*/
	padding: 2px 5px 2px 5px;
	border: thin dashed #708090;
	font-size:  small;
}

table.email td.label {
	width: 10%;
	text-align: right;
	font-style: italic;
}

#updates-box {
    padding: 1em;
    border: 1px solid #CCCCBE;
    background: #F5F7E5;
    text-align: center;
    width: 20%;
    float: left;
    margin: 1em;
    margin-top: 0;
}

#updates-box h1 {
        padding-top: 0;
        margin: 0;
        color: #504254;
        font-size: 110%;
        padding-bottom: 0.25em;
        line-height: 1.1em;
        border-bottom: dotted 2px #606060;
}

#updates-box p {
        color: #504254;
        font-weight: bold;
        font-size: 90%;
}

#updates-box a.link-box {
	margin: 0 auto;
}