body {font-family: Verdana, Arial, Helvetica, sans-serif; }

/*--------------------- zero out elements ----------------------*/

* {
padding: 0;
margin: 0;
}

.hide { display: none; /* hide elements that CSS-targeted browsers shouldn't show */ }

.clr {clear: both; }

img { border: 0; }

/* for text re-sizer--hides the link for regular text size */
.textdefault { display: none; }
.textlarge a img {border: none; }
.textlarge {
display: block;
text-align: right;
margin-right: 0;
margin-top: -20px;
}

a:link, a:visited { color: #0088CC; text-decoration: none; }
a:hover { color: #CC0099; text-decoration: none; }

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

h1 {
font: bold 22px Verdana, Arial, Helvetica, sans-serif;
text-align: right;
color: #CC0099;
margin: 0 0 20px 0;
padding-bottom: 10px;
background: url(http://www.morrishabitat.org/images/sep_large_dblue.gif) 0 100% repeat-x;
}

h1.below {
font: bold 16px Verdana, Arial, Helvetica, sans-serif;
text-align: right;
color: #005596;
margin: -17px 0 20px 0;
background: transparent;
}

h1.sub {
font: bold 20px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: #51B948;
margin: 0 0 10px 0;
background: transparent;
}

h1.subcentered {
font: bold 20px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #51B948;
margin: 0 0 10px 0;
background: transparent;
}

h2 {
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: #005596;
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;
background: url(http://www.morrishabitat.org/images/shadow2.gif) bottom right no-repeat;
margin: 10px 0 10px 20px;
}

.shadowright img{
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}

.shadowleft{
float: left;
background: url(http://www.morrishabitat.org/images/shadow2.gif) bottom right no-repeat;
margin: 10px 10px 10px 6px;
_margin: 10px 10px 10px 3px; /* underscore hack...ignored in any browser but WinIE 6 */
}

.shadowleft img{
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}

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

.iconlist li.sidewho {
background: url(http://www.morrishabitat.org/images/bullets/side_who.gif) no-repeat;
padding: 0 0 2px 18px;
font-weight: bold;
}

.iconlist li.sideemail {
background: url(http://www.morrishabitat.org/images/bullets/side_email.gif) 0 2px no-repeat;
padding: 0 0 2px 18px;
}

.iconlist li.sidephone {
background: url(http://www.morrishabitat.org/images/bullets/side_phone2.gif) 0 2px no-repeat;
padding: 0 0 2px 18px;
}

/*--------------------- dotted line separators ----------------------*/
.separatorlarge {
background: url(http://www.morrishabitat.org/images/sep_large_gray.gif) repeat-x;
padding: 8px 0;
}

.separatorlargeblue {
background: url(http://www.morrishabitat.org/images/sep_large_dblue.gif) repeat-x;
padding: 8px 0;
}

.separatorsmall {
background: url(http://www.morrishabitat.org/images/sep_small_gray.gif) repeat-x;
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: 10px 10px 5px 10px;
margin-left: 20px;
background-color: #F0F0F0;
}

#rightcol h1 {
font: bold 20px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #FFFFFF;
margin: 0 0 10px 0;
padding: 5px 0;
background-color: #51B948;
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;
color: #005596;
}

#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;
background: url(http://www.morrishabitat.org/images/bullets/bullet_green.gif) 0 6px no-repeat;
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;
background: #FFFFFF url(http://www.morrishabitat.org/images/sep_vertical.gif) repeat-y;
}

#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;
color: #005596;
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;
color: #000000;
}

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

#rightcolbike {
float: right;
width: 170px;
padding: 0 0 0 15px;
margin-left: 10px;
background: #FFFFFF url(http://www.morrishabitat.org/images/sep_vertical.gif) repeat-y;
}

#rightcolbike h1 {
font: bold 13px/16px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #005596;
margin: 0 0 10px 0;
padding: 0;
background: transparent;
}


/*--------------------- 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: none;
padding-left: 0;
margin: 10px 0 5px 0;
}

.regular li {
font: normal 11px/16px verdana, helvetica, arial, sans-serif;
color: #000;
background: url(http://www.morrishabitat.org/images/bullets/bullet_pink_multi.gif) 0 6px no-repeat;
padding: 0 0 10px 12px;
margin: 0 30px;
}

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

.regularzero li {
font: normal 11px/16px verdana, helvetica, arial, sans-serif;
color: #000;
background: url(http://www.morrishabitat.org/images/bullets/bullet_pink_multi.gif) 0 6px no-repeat;
padding: 0 0 10px 12px;
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 10px;
font: 11px/16px verdana, arial, helvetica, sans-serif;
background: url(http://www.morrishabitat.org/images/sep_vertical.gif) repeat-y;
}

/* - - - - - - - - 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 10px;
font: 11px/16px verdana, arial, helvetica, sans-serif;
background: url(http://www.morrishabitat.org/images/sep_vertical.gif) repeat-y;
}

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

dl { margin: 0; }

dt {
font: bold 11px/16px verdana, helvetica, arial, sans-serif;
}

dd {
font: normal 11px/16px Verdana, Arial, Helvetica, sans-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;
}

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

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

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

.pink { color: #CC0099; }
.blue { color: #005596; }
.purple { color: #6620AC; }
.lpurple { color: #9985B5; }
.green { color: #51B948; }
.gray { color: #A9A9A9; }
.centered { text-align: center; }
.right { text-align: right; }

.small { font: normal 10px/13px 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 {
color: #CC0099;
font: 11px verdana, arial, helvetica, sans-serif;
font-weight: bold;
padding-bottom: 8px;
text-align: left
}

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

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

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

.splitlist li {
font: 11px verdana, helvetica, arial, sans-serif;
font-weight: normal;
color: #000000;
background: url(http://www.morrishabitat.org/images/bullets/bullet_pink_multi.gif) 0 6px no-repeat;
padding: 0 0 10px 12px;
line-height: 16px;
}


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

fieldset#contactform {
padding: 10px;
width: 320px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0 0 0;
float: left;
}

#contactform div.row { clear: both; }

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

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

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

fieldset#vol_opp {
border: 1px solid #999999;
width: 503px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 10px auto 0 auto;
padding: 10px;
float: left;
}

#vol_opp div.row { clear: both; padding-top: 2px; }

#vol_opp div.row label {
float: left;
width: 34%;
text-align: right;
color: #005596;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 2px;
}

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

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

label {
color: #005596;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 4px 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 #7F9DB9;
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;
color: #005596;
text-align: center;
}

/*--------------------- HOME PAGE SPLIT ----------------------*/

#hometop { /* white background div to cover up third col vertical border holds everything before the split */
background-color: #FFFFFF;
padding-top: 30px;
padding-bottom: 10px;
}

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

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

#homeleft .title { /* news item titles */
font: normal 17px/20px Georgia, 'Trebuchet MS', 'Times New Roman', Times, serif;
padding: 12px 0 7px 0;
}

#homeleft .date { /* news item posting date*/
font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}

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

.pavia {
font: 12px/18px verdana, helvetica, arial, sans-serif;
text-transform: uppercase;
letter-spacing: .25em;
text-align: left;
margin-bottom: 3px;
background: url(http://www.morrishabitat.org/images/bullets/pencilpaper.gif) 0 0 no-repeat;
padding-left: 20px;
}

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

.pome li {
background: url(http://www.morrishabitat.org/images/bullets/bullet_green_multi.gif) 0 5px no-repeat;
padding: 0 0 15px 12px;
font: normal 11px/14px verdana, helvetica, arial, sans-serif;
color: #666666;
}

.pome li a:link, .pome li a:visited { color: #005596; text-decoration: none; }
.pome li a:hover { color: #51B948; text-decoration: underline; }

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

h1.article {
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
text-align: right;
color: #CC0099;
margin: 0 0 5px 0;
padding-bottom: 10px;
background: url(http://www.morrishabitat.org/images/sep_large_dblue.gif) 0 100% repeat-x;
}

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

div.dateadded { 
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #005596;
text-align: left;
padding-left: 20px;
background: url(http://www.morrishabitat.org/images/bullets/bullet_added.gif) 0 100% no-repeat;
}

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

.year {
font: bold 18px verdana, helvetica, arial, sans-serif;
color: #005596;
text-align: left;
padding: 2px 0 5px 0;
background: url(http://www.morrishabitat.org/images/sep_small_gray.gif) 0 100% repeat-x;
margin-bottom: 10px;
width: 150px;
}

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

.link {
background: url(http://www.morrishabitat.org/images/bullets/bullet1c.gif) 0 2px no-repeat;
padding-left: 12px;
margin-left: 20px;
}

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

.articlepaginate {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
padding-top: 13px;
margin: 10px 0 0 0;
text-align: right;
background: url(http://www.morrishabitat.org/images/sep_small_gray.gif) top repeat-x;
text-transform: uppercase;
letter-spacing: .05em;
}

.articlepaginate a:link, .articlepaginate a:visited { color: #51B948; text-decoration: none; }
.articlepaginate a:hover { color: #CC0099; text-decoration: none; }


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

.volspotlight {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #005596;
margin: 0 0 30px 0;
}

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

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

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

.spotlight li {
background: url(http://www.morrishabitat.org/images/bullets/bullet_tri.gif) 0 3px no-repeat;
padding: 0 0 10px 12px;
font: normal 11px verdana, helvetica, arial, sans-serif;
}

.spotlight li a:link, .spotlight li a:visited { color: #005596; text-decoration: none; }
.spotlight li a:hover { color: #51B948; text-decoration: underline; }


/*--------------------- 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;
color: #005596;
margin: 10px 0;
}

#sponsors h3 {
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #51B948;
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 #666666; padding: 4px; background-color: #FFFFFF; }

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

/*--------------------- expanding/contracting for CAMPUS CHAPTERS ----------------------*/
.trigger { cursor: pointer; }
.trigger:hover { cursor: pointer; }
.expanded { cursor: pointer; }
.expanded:hover { cursor: pointer; }

.show { /* fix for domcollapse in safari */
margin: 0;
position: static;
display: inline-table;
}

.hidden {
position:absolute;
left:-999em;
height:1px;
width:100px;
overflow:hidden;
}

#expand h2 {
font: bold 12px verdana, helvetica, arial, sans-serif;
color: #00007A;
text-align: left;
margin: 10px 0;
padding: 4px 0 8px 2px;
background: url(http://www.morrishabitat.org/images/sep_small_gray.gif) 0 100% repeat-x;
}

#expand p { margin: 15px 0; }

div#expand div { margin: 0 20px 30px 20px; }

/* pass rules to Mac IE only \*//*/
div#expand div {margin: 0; width: 520px; }
/**/

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

.triggerhome { margin-bottom: 10px; }
.expandedhome { margin: 0; background-color: #F0F0F0; padding: 10px;}

.showhome { /* fix for domcollapse in safari */
margin: 0;
position: static;
display: inline-table;
background-color: #F0F0F0;
padding: 10px
}


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

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

.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: #005596; }
.faqs dd.booger { border-top: 1px dashed #D9D9D9; padding-top: 10px; font-weight: bold; color: #005596; }


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

.mapphoto {
list-style: none;
padding: 0;
margin: 0;
}

.mapphoto li.camera {
background: url(http://www.morrishabitat.org/images/bullets/icon_photos.gif) no-repeat;
padding: 5px 0 0 42px;
line-height: 28px;
}

.mapphoto li.map {
background: url(http://www.morrishabitat.org/images/bullets/icon_map2.jpg) 0 7px no-repeat;
padding: 2px 0 0 42px;
line-height: 32px;
margin: 5px 0 0 0;
}

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

#questbox {
float: left;
width: 278px;
color: #FFFFFF;
border: 1px solid #005596;
background: #51B948 url(http://www.morrishabitat.org/images/quest_2010.gif) 10px 10px no-repeat;
}

#questbox .left {
float: left;
width: 139px;
font: normal 13px/17px 'trebuchet ms', verdana, arial, helvetica, sans-serif;
margin-top: 111px;
text-align: center;
}

#questbox .right {
float: left;
width: 139px;
background-color: #FFFFFF;
}

#questbox .right p {
font: bold 12px verdana, arial, helvetica, sans-serif;
text-align: center;
padding-bottom: 7px;
background: transparent;
margin: 6px 0 0 0;
color: #CC0099;
}

#questbox .right p.frick {
font: normal 12px/14px 'trebuchet ms', verdana, arial, helvetica, sans-serif;
color: #000000;
margin: 0 0 6px 0;
padding: 0;
}

#questbox .bottom { padding-bottom: 5px; background-color: #005596; clear: both; position: relative; }

#questbox .bottom p {
font: normal 16px 'trebuchet ms', verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
text-transform: uppercase;
letter-spacing: .05em;
text-align: center;
background: transparent;
padding: 3px 0 0 0;
margin: 0;
}

#questbox .bottom p.frack {
font: italic 15px/19px 'trebuchet ms', verdana, arial, helvetica, sans-serif;
text-transform: none;
letter-spacing: 0;
padding: 0;
margin: 0;
}

#questbox a:link, #questbox a:visited { color: #FFFFFF; text-decoration: underline; }
#questbox a:hover { color: #FFE119; text-decoration: none; text-decoration: none; }

/* - - - - - - - - PDF icon used in span tag because IE6 sucks - - - - - - - - */

.pdf {
background: url(http://www.morrishabitat.org/images/bullets/icon_pdf1.gif) 100% 100% no-repeat;
padding-right: 9px;
}

/* - - - - - - - - table used on owning a home pages - - - - - - - - */

.regulartable { border: 1px #A9A9A9 solid; margin-top: 10px; }

.regulartable th {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #005596;
padding: 3px;
border: #A9A9A9 solid;
border-width: 0 0 1px 0;
background-color: #F0F0F0;
}

.regulartable td {
font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
padding: 3px;
}

/*--------------------- house sponsors table styles ----------------------*/

.sponsors {
margin-left: 30px;
width: 80%;
}

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

.sponsors td.header{
font-weight: bold;
color: #FFFFFF;
padding: 4px;
background-color: #005596;
border: none;
}

.sponsors td.blank { border: none; background-color: #FFFFFF; }

/*--------------------- 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 #005596;
padding: 3px 4px 2px 4px;
background-color: #005596;
font: normal 12px/25px "Lucida Typewriter", "Lucida Console", "Courier New", Courier, monospace;
margin-right: 5px;
color: #FFFFFF;
}

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

#accessexample .title { font: bold 11px verdana, helvetica, arial, sans-serif; color: #CC0099; }
#accessexample .boo { font: bold 11px verdana, helvetica, arial, sans-serif; margin: 10px 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;
color: #005596;
padding-bottom: 5px;
background: url(http://www.morrishabitat.org/images/sep_small_gray.gif) bottom repeat-x;
margin: 0;
}

#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;
color: #005596;
}

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

#sitemap a, #sitemap a:visited {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #0088CC;
text-decoration: none;
text-transform: none;
letter-spacing: 0;
}

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

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

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

.empty li {
font: normal 11px verdana, helvetica, arial, sans-serif;
color: #000000;
background: url(http://www.morrishabitat.org/images/bullets/bullet1a.gif) 0 2px no-repeat;
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 12px/20px verdana, helvetica, arial, sans-serif;
color: #005596;
list-style-type: none;
padding-bottom: 15px;
margin: 0 30px;
}

#emptycat li li {
font: normal 11px verdana, helvetica, arial, sans-serif;
color: #000000;
background: url(http://www.morrishabitat.org/images/bullets/bullet1a.gif) 0 1px no-repeat;
padding: 0 0 4px 16px;
margin: 0 30px;
}

/* - - - - - - - - for bike and hike heading and Home in a Box special event heading  - - - - - - - - */

#bikehead { margin-bottom: 10px; }

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

#bikehead .title {
font: 22px "arial black", Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: left;
background-color: #6620AC;
}

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


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

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

#rightcolhbox h1 {
font: italic 18px/22px Georgia, 'Times New Roman', Times, serif;
text-align: center;
color: #FFFFFF;
margin: 10px 0;
padding: 5px 0;
background-color: #005596;
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; }

/* - - - - - - - - - - - - - new homeowner stories page - - - - - - - - - - - - - */
.ho_trigger, .ho_expanded {
font: bold 14px/18px verdana, arial, helvetica, sans-serif;
color: #005596;
margin: 0 0 20px 0;
cursor:pointer;
}

.ho_trigger img, .ho_expanded img { padding-right: 20px; }
.ho_trigger span, .ho_expanded span { font: italic normal 12px/18px verdana, arial, helvetica, sans-serif; display: block; }

.ho_trigger:hover { cursor: pointer; color: #51b948;}
.ho_expanded { cursor: pointer; color: #999;}


.ho_show { /* fix for domcollapse in safari */
margin: 0;
position: static;
display: inline-table;
font: 11px/16px verdana, arial, helvetica, sans-serif;
margin: 0 0 20px 0;
padding: 20px 20px 10px 20px;
background-color: #EEE;
}

.ho_hidden {
position:absolute;
left:-999em;
height:1px;
width:100px;
overflow:hidden;
}

/*--------------------- 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;
background-color: #F0F0F0;
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;
}

/*--------------------- for popup.js icon appended to popup or external links  ----------------------*/
.icon {
background: url(http://www.morrishabitat.org/images/new_window.gif) 100% 50% no-repeat;
padding-right: 14px;
}

/* ---------------- 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; }