body {
background-color: #FFFFFF;
font: 11pt Georgia, "Times New Roman", Times, serif;
color: #000000;
margin: 0;
}

#content {
margin: 0 0 0 130px;
padding: 30px 0 10px 20px;
border-left: 1px solid #000000;
}

.topnav { display: none; }

.toptext {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 3px 7px 0 0;
text-transform: uppercase;
letter-spacing: 1px;
text-align: right;
}

#left {
float: left;
width: 120px;
margin-top: -22px;
margin-bottom: 15px;
}

#left p {
font: bold 12px/15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #005596;
text-align: center;
margin: 0;
}

#left img { padding: 15px 0 25px 0; margin: 0 auto; display: block;}

#footer p {
border-top: 1px solid #000000;
padding: 2px 7px 4px 0;
text-align: right;
font: 9pt Georgia, "Times New Roman", Times, serif;
margin: 0;
}

/*--------------------- HIDE STUFF ----------------------*/

#skip, .skipp, #p7PMnav { display: none; }


/*--------------------- C O N T E N T ----------------------*/

* {
padding: 0;
margin: 0;
}

.clr {clear: both; }

img { border: 0; }

a:link, a:visited {
font-weight: bold;
color: #000000;
text-decoration: underline;
}

a:hover { color: #CC0099; text-decoration: none; }

p {
font: 11pt/15pt Georgia, "Times New Roman", Times, serif;
color : #000000;
margin: 0 0 12px 0;
}

h1 {
font: bold 22px Georgia, "Times New Roman", Times, serif;
text-align: right;
margin: 0 0 20px 0;
padding-bottom: 10px;
border-bottom: 2px solid #000000;
}

h1.below {
font: bold 16px Georgia, "Times New Roman", Times, serif;
text-align: right;
margin: -17px 0 20px 0;
border-bottom: 0 solid #000000;
}

h1.sub {
font: bold 20px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin: 0 0 10px 0;
border-bottom: 0 solid #000000;
}

h1.subcentered {
font: bold 20px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0 0 10px 0;
border-bottom: 0 solid #000000;
}

h2 {
font: bold 13px Georgia, "Times New Roman", Times, serif;
text-align: left;
margin: 0 0 5px 0;
}


/* ---------------- images ---------------- */

.floatright {
float: right;
padding-left: 10px;
margin: 0;
}

.floatleft {
float: left;
padding-right: 10px;
margin: 0;
}

.shadowright{ float: right; margin-left: 10px; }

.shadowright img{
display: block;
position: relative;
border: 1px solid #a9a9a9;
padding: 4px;
}

.shadowleft{ float: left; margin-right: 10px;}

.shadowleft img{
display: block;
position: relative;
border: 1px solid #a9a9a9;
padding: 4px;
}

/* ---------------- bullets used for teams ---------------- */
.iconlist {
margin: 0 0 12px 0;
padding-left: 0;
list-style: none;
}

/*--------------------- dotted line separators ----------------------*/
.separatorlarge, .separatorlargeblue {
border-top: 1px dashed #000000;
padding: 8px 0;
}

.separatorsmall {
border-top: 1px dashed #000000;
padding: 6px 0;
}

/*--------------------- for spacer lines ----------------------*/

.spacer {padding: 5px 0;}
.spacer2 {padding: 10px 0;}
.spacer3 {padding: 15px 0;}

/* ---------------- RIGHT COL used on volunteering individuals ---------------- */

#rightcol {
float: right;
width: 155px;
padding: 0 10px 5px 10px;
margin-left: 20px;
border-left: 1px solid #000000;
background-color: #FFFFFF;
}

#rightcol h1 {
font: bold 20px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0 0 10px 0;
padding: 5px 0;
background-image: none;
}

#rightcol h2 {
font: bold 13px/15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0 0 10px 0;
background: transparent;
}

#rightcol p {
font: normal 13px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding: 0 5px;
text-align: center;
}

#rightcol .regular {
list-style: none;
padding-left: 0;
margin: 10px 0 5px 0;
}

#rightcol .regular li {
font: normal 11px/15px verdana, helvetica, arial, sans-serif;
padding: 0 0 10px 12px;
margin: 0;
}

/*--------------------- RIGHT COL for board members and staff ----------------------*/

#rightcolbd {
float: right;
width: 150px;
padding: 0 0 0 15px;
margin-left: 10px;
border-left: 1px solid #000000;
background-color: #FFFFFF;
}

#rightcolbd h1 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #000000;
margin: 0 0 10px 0;
padding: 0;
background: transparent;
}

#rightcolbd dl { text-align: center; margin: 0; }

#rightcolbd dt {
font: normal 10px verdana, helvetica, arial, sans-serif;
text-align: center;
padding: 0;
margin: 0;
text-transform: uppercase;
letter-spacing: .05em;
}

#rightcolbd dd {
text-align: center;
font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 12px 0;
}

#rightcolbd p { font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }

/*--------------------- RIGHT COL for bike and hike details  ----------------------*/

#rightcolbike {
float: right;
width: 170px;
padding: 0 0 0 15px;
margin-left: 10px;
}

#rightcolbike h1 {
font: bold 13px/16px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0 0 10px 0;
padding: 0;
border-bottom: 0 solid #000000;
}

#rightcolbike .shadowright { float: none; text-align: center; margin: 0 0 10px 0; }

#rightcolbike p { font: 10pt/12pt Georgia, "Times New Roman", Times, serif; }

/*--------------------- RIGHT COL for pics--used in volunteering groups ----------------------*/

.rightcolpics {
float: right;
width: 160px;
margin-left: 20px;
}

/*--------------------- regular content bullet lists with bkgrd image  ----------------------*/
.regular {
list-style-type: square;
padding-left: 0;
margin: 10px 0 5px 0;
}

.regular li {
font: 11pt/15pt Georgia, "Times New Roman", Times, serif;
padding: 0 0 10px 0;
margin: 0 30px;
}

/*--------------------- regular content bullet lists with bkgrd image NO INDENT  ----------------------*/
.regularzero {
list-style-type: square;
padding-left: 0;
margin: 10px 0 5px 0;
}

.regularzero li {
font: 11pt/15pt Georgia, "Times New Roman", Times, serif;
padding: 0 0 10px 0;
margin: 0;
}

/* - - - - - - - - list with left border - - - - - - - - */

ul.side {
margin: 0;
padding-left: 0;
list-style-type: square;
}

.side li {
margin: 20px;
padding: 0 0 2px 0;
font: 10pt/12pt Georgia, "Times New Roman", Times, serif;
}

/* - - - - - - - - list with left border BUT smaller right margin - - - - - - - - */

ul.side2 {
margin: 0;
padding-left: 0;
list-style-type: square;
}

.side2 li {
margin: 20px 0 20px 20px;
padding: 0 0 2px 0;
font: 10pt/12pt Georgia, "Times New Roman", Times, serif;
}

/*--------------------- regular definition lists ----------------------*/

dl { margin: 0; }

dt {
font: bold 11pt/15pt Georgia, "Times New Roman", Times, serif;
}

dd {
font: normal 11pt/15pt Georgia, "Times New Roman", Times, serif;
margin: 0 0 12px 0;
}


/* ---------------- special ---------------- */

.special {
font: bold 18px/24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0 0 10px 0;
}

.large {
font: bold 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 10px 0;
background: transparent;
}

.regularsortof { font: bold 14px Verdana, Arial, Helvetica, sans-serif; }

.centered { text-align: center; }
.right { text-align: right; }

.small { font: normal 10px Verdana, Arial, Helvetica, sans-serif; }

.bold { font-weight: bold; }

.centerdiv {
margin-left: auto;
margin-right: auto;
text-align: center;
}

.centerdivmarg {
margin: 10px auto;
text-align: center;
}

.script { font: italic 15px/20px Georgia, 'Times New Roman', Times, serif; }

/*--------------------- for content split list tables----------------------*/

.splitlist {
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
width: 100%;
}

.splitlist caption {
font: bold 11px verdana, arial, helvetica, sans-serif;
padding-bottom: 8px;
text-align: left
}

.splitlist td { font: 11px verdana, arial, helvetica, sans-serif; width: 50%; vertical-align: top; }

.splitlist th {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 4px 0;
}

.splitlist ul {
list-style-type: square;
padding: 0;
margin: 0 20px;
}

.splitlist li {
font: normal 11px/16px verdana, helvetica, arial, sans-serif;
padding: 0 0 10px 12px;
}


/*--------------------- for Contact Us page----------------------*/

fieldset#contactform {
padding: 10px;
border: 1px solid #000000;
width: 320px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0 0 0;
}

#contactform div.row { clear: both; }

#contactform div.row label {
float: left;
width: 24%;
text-align: right;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 3px 2px;
margin: 2px 0;
}

#contactform div.row span.formw {
float: right;
width: 74%;
text-align: left;
} 


/*--------------------- for VOL OPPS page----------------------*/

fieldset#vol_opp {
border: 1px solid #000000;
width: 450px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 10px;
}

#vol_opp div.row { clear: both; }

#vol_opp div.row label {
float: left;
width: 34%;
text-align: right;

font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 3px 2px;
margin: 2px 0;
}

#vol_opp div.row span.formw {
float: right;
width: 64%;
text-align: left;
} 

legend {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 10px;
padding: 0 10px;
letter-spacing: .1em;
}

label {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 3px 2px;
margin: 2px 0;
}

.entry {
color: #000;
font: 11px Verdana, Arial, Helvetica, sans-serif;
padding: 3px 2px;
width: 90%;
margin: 3px 0;
}

.selectlist { margin: 3px 0; }

.comments {
font: 11px Verdana, Arial, Helvetica, sans-serif;
width: 91%;
margin: 3px 0;
border: 1px solid #000000;
padding: 3px 2px;
}

.submit {
font: 10px Verdana, Arial, Helvetica, sans-serif;
letter-spacing: .1em;
padding: 1px 3px;
margin: 8px 0 0 0;
text-transform: uppercase;
text-align: center;
}

/*--------------------- styles for ARTICLES ----------------------*/

h1.article {
font: bold 18pt Georgia, "Times New Roman", Times, serif;
text-align: right;
margin: 0 0 5px 0;
padding-bottom: 10px;
}

.author { 
font: italic 12px Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}

div.dateadded { 
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
text-align: left;

}

/*--------------------- styles for ARCHIVE LIST----------------------*/

.year {
font: bold 18px verdana, helvetica, arial, sans-serif;
text-align: left;
padding: 2px 0 5px 0;
margin-bottom: 10px;
}

.month {
font: bold 14px verdana, helvetica, arial, sans-serif;
text-align: left;
margin: 20px 0 5px 0;
}

.link {
margin-left: 20px;
}

.link p { font: normal 11px verdana, helvetica, arial, sans-serif; }

.articlepaginate { display: none; }


/*--------------------- vol spotlight headline and author-date ----------------------*/

.volspotlight {
font: bold 14pt Georgia, "Times New Roman", Times, serif;
margin: 0 0 30px 0;
}

span.volspotlight { font: italic 11px verdana, helvetica, arial, sans-serif; }

/*--------------------- vol spotlight index list ----------------------*/

.spotlight {
list-style-type: square;
padding: 0;
margin: 10px 0 0 0;
}

.spotlight li {
padding: 0 0 10px 0;
font: normal 11px verdana, helvetica, arial, sans-serif;
margin: 0 20px;
}

/*--------------------- DIV for bike hike sponsors ----------------------*/

#sponsors {
text-align: center;
padding-bottom: 10px;
}

#sponsors h2 {
font: bold 24px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 10px 0;
}

#sponsors h3 {
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 10px 0;
}

#sponsors img { padding-bottom: 20px; }

/*--------------------- center image with caption beneath ----------------------*/
.centerimage {
margin: 20px auto;
text-align: center;
}

.centerimage img { border: 1px solid #000000; padding: 4px; }

.centerimage p {
font: bold italic 11px/14px Verdana, Arial, Helvetica, sans-serif;
margin: 10px;
padding:0;
text-align: center;
}

/* - - - - - - - - faqs bullets - - images are html images  - - - - - - - - */

dl.faqs { border-bottom: 0 dashed #000000; }

.faqs dt {
width: 18px;
padding: 10px 5px 5px 0;
float: left;
margin: 0;
}

.faqs dd {
margin-left: 0;
padding: 0 5px 4px 5px;
}

.faqs dd.first { border-top: 1px dashed #FFFFFF; padding-top: 10px; font-weight: bold; color: #000000; }
.faqs dd.booger { border-top: 1px dashed #000000; padding-top: 10px; font-weight: bold; color: #000000; }


/* - - - - - - - - camera and map images for links to gallery and directions  - - - - - - - - */

.mapphoto {
font: normal 11px/16px verdana, helvetica, arial, sans-serif;
list-style: none;
padding: 0;
margin: 0;
}

.mapphoto li.camera, .mapphoto li.map { padding: 5px 0 0 0; }


/*--------------------- HOME PAGE 3COL AND SPLIT----------------------*/


#content3col { /* used when the home page is shown */
margin: 0 0 0 130px;
border-left: 1px solid #000000;
padding: 0 0 10px 20px;
}

#hometop p {
font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
margin: 20px 0 10px 0;
}

#homeleft {
float: left;
width: 280px;
}

#homeright {
float: right;
width: 200px;
margin-left: 20px;
padding-left: 25px;
border-left: 1px solid #000000;
}

#homeleft .title { /* news item titles */
font: normal 16px/18px Georgia, 'Trebuchet MS', 'Times New Roman', Times, serif;
}

.pavia {
font: 12px/18px verdana, helvetica, arial, sans-serif;
text-transform: uppercase;
letter-spacing: .25em;
margin-bottom: 3px;
}

.pome {
list-style-type: square;
padding: 0;
margin: 5px 0 0 0;
}

.pome li {
padding: 0 0 15px 0;
font: normal 11px/14px verdana, helvetica, arial, sans-serif;
}

/*--------------------- accessibility statement ----------------------*/
.access {
font: 11px/40px verdana, helvetica, arial, sans-serif;
margin: 10px 0 10px 10px;
float: left;
width: 230px;
display: inline; /* fix IE double margin bug */
}

.key {
border: 1px solid #000000;
padding: 3px 4px 2px 4px;
font: normal 12px/25px "Lucida Typewriter", "Lucida Console", "Courier New", Courier, monospace;
margin-right: 5px;
}

#accessexample {
float: right;
width: 280px;
margin: 10px 0 5px 0;
text-align: center;
}

#accessexample .title { font: bold 11px verdana, helvetica, arial, sans-serif; }
#accessexample .boo { font: bold 11px verdana, helvetica, arial, sans-serif; margin: 15px 0 5px 0; }

ol {
list-style-type: decimal;
font-weight: normal;
margin-left: 24px;
}

/*------------ container to hold split floats for SITE MAP -------------*/

#sitemap { float: left; font-size: 11px; width: 100%; }

#sitemap .left {
float: left;
width: 220px;
text-align: left;
}

#sitemap .right {
float: right;
width: 220px;
text-align: left;
}

#sitemap .left h1, #sitemap .right h1 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
padding-bottom: 5px;
margin: 0;
border-bottom: 1px solid #000000;;
}

#sitemap ul, #project_cur ul, #project_past ul {
list-style: none;
margin: 0;
padding: 0;
}

#sitemap li {
margin: 5px 0 0 0;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .05em;
}

#sitemap ul li li {
margin: 5px 0 0 15px;
text-transform: none;
letter-spacing: 0;
font-weight: bold;
}

#sitemap a, #sitemap a:visited {
text-decoration: none;
text-transform: none;
letter-spacing: 0;
}

/* - - - - - - - - for page listing on empty index pages  - - - - - - - - */

.empty {
list-style: none;
padding-left: 0;
margin: 10px 0 5px 0;
}

.empty li {
font: normal 10pt Georgia, "Times New Roman", Times, serif;
list-style-type: square;
padding: 0 0 10px 16px;
line-height: 16px;
margin: 0 30px;
}

/* - - - - - - - - for page listing on empty PROJECT pages THAT ARE NESTED CATEGORIES  - - - - - - - - */

#emptycat {
list-style-type: none;
padding-left: 0;
margin: 0;
}

#emptycat li {
font: bold 12pt Georgia, "Times New Roman", Times, serif;
list-style-type: none;
padding-bottom: 15px;
margin: 0 30px;
}

#emptycat li li {
font: normal 10pt Georgia, "Times New Roman", Times, serif;
list-style-type: square;
padding: 0 0 4px 16px;
margin: 0 30px;
}

/* - - - - - - - - for bike and hike heading  - - - - - - - - */

#bikehead { margin-bottom: 10px; }

#bikehead .date { font: bold 18px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; }

#bikehead .title { font: 24px "arial black", Verdana, Arial, Helvetica, sans-serif; }

#bikehead .address {
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
padding-top: 5px;
}

/* - - - - - - - - QUEST for property box - - - - - - - - */

#questbox { display: none; }

/*--------------------- expanding/contracting for HOME PAGE NEWS ----------------------*/

.triggerhome { display: none; }

/*--------------------- RIGHT COL for Home in a Box details  ----------------------*/

#rightcolhbox {
float: right;
width: 175px;
padding: 0 15px;
margin-left: 10px;
background-color: #FFFFFF;
}

#rightcolhbox h1 {
font: italic 18px/22px Georgia, 'Times New Roman', Times, serif;
text-align: center;
margin: 10px 0;
padding: 5px 0;
background-image: none;
}

/* - - - - for display of logo images for bike hike and car show - - - - */
.logotable { width: 520px; margin: 0 auto; }
.logotable td { padding: 10px 0; text-align: center; }
.logotable td p { margin: 0 0 4px 0; }

/*--------------------- owning a home income limit table ----------------------*/

.income { margin: 10px 0; width: 100%; }

.income caption {
font: 11px verdana, arial, helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: .05em;
padding: 3px;
border: 1px solid #A9A9A9;
margin-top: 10px;
}

.income th {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
text-align: right;
padding: 4px 0;
border: #A9A9A9 solid;
border-width: 0 0 1px 0;
}

.income th.left { text-align: left; font-weight: normal; }

.income td {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
padding: 4px 0;
border-bottom: 1px solid #a9a9a9;
text-align: right;
}

#left img.restore, #left img.uwmorris, #left img.carsforhomes, #left .donate { display: none; }

/* ---------------- for distance table on share the care page ---------------- */
.distance {
margin: 0 0 12px 30px;
width: 50%;
}

.distance td {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
padding: 4px;
}

/* - - - - for display of logo images for Morris ave in Summit project page - - - - */
.logotable2 { margin: 15px auto; width: 400px; }
.logotable2 td.left { text-align: left; }
.logotable2 td.right { text-align: right; }