html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
a, img, dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }

.skip {position: absolute; left: -999em; width: 934px; }

a.skip:active, a.skip:focus {
top: 0;left: 0; text-align: center;
background-color: #005596; color: #FFF;
height: 23px; padding-top: 6px;z-index: 100;
}

body {
margin: 0;
padding: 0;
font: 68.8% Verdana, Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
min-width: 1000px;
background: #FFF url(http://www.morrishabitat.org/images/restore/body_bkgrd.gif) 0 0 repeat-x;
}

#container {
margin: 0 auto;
text-align: left;
color: #000;
position: relative;
width: 934px;
}

/*--------------------- hide print header entity  ----------------------*/
.entity { display: none; }

#content {
float: left;
margin: 0;
position: relative;
width: 934px;
}

#header { background-color: #FFF; position: relative; height: 170px; }

#header .logo {
position: absolute; 
top: -30px;
left: -39px;
}

#header .storethatbuildshomes {
position: absolute;
top: 40px;
right: 28px;
background: url(http://www.morrishabitat.org/images/restore/storethatbuildshomes.png) 0 0 repeat-x;
width: 506px;
height: 102px;

}

#header .storethatbuildshomes span {
position: absolute;
top: 45px;
right: 97px;
display: block;
text-align: right;
font: normal 1em/1.36em Verdana, Arial, Helvetica, sans-serif;
}


/* top menu
============================================================================= */

#top_nav {
margin-top: -4px;
float: right;
background: #AA2255 url(http://www.morrishabitat.org/images/restore/top_nav.gif) 0 0 no-repeat;
width: 365px;
height: 21px;
padding-top: 4px;
margin-top: 2px;
}

#top_nav li { display: inline; padding: 0 15px; }

#top_nav li.middle { border-left: 1px solid #FFF; border-right: 1px solid #FFF; }
#top_nav { font: bold 1.09em arial, verdana, helvetica, sans-serif; text-transform: uppercase; text-align: center; }
#top_nav a { color: #FFF; text-decoration: none; }
#top_nav a:hover { color: #FFF; text-decoration: underline; }

/* main menu
============================================================================= */
#navigation {
text-align: left;
width: 934px;
height: 37px;
margin-bottom: 20px;
}

#nav {
margin: 0 auto;
font-size: 1em;
padding: 0;
float: right;
width: 687px;
height: 37px;
background: url(http://www.morrishabitat.org/images/restore/main_nav_one_piece.gif) 0 0 no-repeat;
}

/* image replacement general properties */
#nav em {
display: block;
position: absolute;
top: 0; left: 0;
z-index: 1;
height: 37px;
background: url(http://www.morrishabitat.org/images/restore/main_nav_one_piece.gif) 0 0 no-repeat;
}

#nav li {
float: left;
list-style-type: none;
margin: 0;
position: relative; /* for image replacement */
padding-right: 12px;
}

#nav li.last { padding-right: 0; }

/*The top-level common properties. Height matches the height of the images. */
#home, #shop, #donate, #vol, #sup, #mhsite { height: 37px; }

/* link appearance if no images are showing */
#nav a { display: block; color: #AA2255; }
#nav a:hover { color: #000; }

/* the individual item IDS and widths */
#home { width: 73px; left: 0; }
#home em { width: 73px; background-position: 0 0; }
#home:hover em { background-position: 0 -37px; }
li.current #home em {background-position: 0 -74px; }

#shop { width: 67px; left: 85px; }
#shop em { width: 67px; background-position: -85px 0; }
#shop:hover em { background-position: -85px -37px; }
li.current #shop em {background-position: -85px -74px; }

#donate { width: 84px; left: 164px; }
#donate em { width: 84px; background-position: -164px 0; }
#donate:hover em { background-position: -164px -37px; }
li.current #donate em {background-position: -164px -74px; }

#vol { width: 108px; left: 260px; }
#vol em { width: 108px; background-position: -260px 0; }
#vol:hover em { background-position: -260px -37px; }
li.current #vol em {background-position: -260px -74px; }

#sup { width: 116px; left: 380px; }
#sup em { width: 116px; background-position: -380px 0; }
#sup:hover em { background-position: -380px -37px; }
li.current #sup em {background-position: -380px -74px; }

#mhsite { width: 179px; left: 508px; }
#mhsite em { width: 179px; background-position: -508px 0; }
#mhsite:hover em { background-position: -508px -37px; }


/* - - - - - - - - - - - - - - - - - - - - - - stuff - - - - - - - - - - - - - - - - - - - - - - */

.clr {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}

img { border: 0; }

.floatright { float: right; margin: 0 0 0 20px; }

.floatrightborder {
float: right;
margin: 0 0 0 20px;
border: 1px solid #E4D8B6;
padding: 8px;
}

/* ------------------------- for better looking links in main content area -------------------------- */
a { color: #005596; text-decoration: none; border-bottom: 1px dotted #005596; }
a:hover, a:focus, a:active { color: #AA2255; border-bottom: 1px solid #AA2255;}
a.imglink { border: none; } /* must apply this style directly to the image */

/* -------------------- no bottom border on these links -------------------- */

a.skip, 
#header .logo h1 a, 
#top_nav a, 
#nav a, 
#all a, 
.poop .buy a, 
.lefty .twit_fb a, 
#box_inner a, 
.join a, .donate_stuff a, 
#content .home .leftcol dt a, 
#footer h4 a, #footer p a, 
.hot a:link, .hot a:visited, 
#content .right a { border: 0; }

/* -------------------- neat trick to change color of text when highlighted in these browsers -------------------- */

::selection { background: #ffb7b7; } /* Safari */
::-moz-selection { background: #ffb7b7; } /* Firefox */

/* -------------------- to apply cute little icon to external links -------------------- */
.external {
background: url(http://www.morrishabitat.org/images/restore/external.gif) 100% 50% no-repeat;
padding-right: 13px;
}

p {
font: normal 1em/1.64em Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 15px  0;
}

ol, ul { list-style-type: none; }

h1 {
margin: 0 0 25px 0;
font: 3.64em 'arial black', arial, Verdana, Helvetica, sans-serif;
color: #000;
}

h2 { font: bold 1.82em arial, "Trebuchet MS", arial, Verdana, Helvetica, sans-serif; margin: 0 0 15px 0; color: #005596; }
h3 { font: bold 1.36em arial, Verdana, Helvetica, sans-serif; margin: 0; }

.pink { color: #AA2255; }
.bold { font-weight: bold; }
.tan {color: #C4AB60; }

.ctr, .ajax { text-align: center; }

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

.spacer1 { padding: 5px 0; }
.spacer2 { padding: 10px 0; }
.spacer3 { padding: 15px 0; }
.spacer4 { padding: 20px 0; }

.anti { display: none; }


/* sticky footer 
============================================================================= */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#container { padding-bottom: 356px; }

#footerHolder {
margin-top: -306px;
height: 286px;
padding: 20px 0 0 0;
background: #AA2255 url(http://www.morrishabitat.org/images/restore/footer_sep_horz.gif) 0 0 repeat-x;
position: relative;
width: 100%; /* without this, IE6 screws up in tandem with the toTop functionality */
clear:both;
}

#footer {
color: #FFF;
background: #AA2255 url(http://www.morrishabitat.org/images/restore/footer_sep_vert.gif) 574px 0 repeat-y;
width: 934px;
overflow: hidden;
margin: 0 auto;
text-align: left;
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;} /* for IE/Win */

/* - - - - - - - - - - - - - - - - - - - - - - footer details - - - - - - - - - - - - - - - - - - - - - - */

#footer .lefty {
float: left;
width: 534px;
}

#footer .righty {
float: left;
width: 320px;
margin-left: 80px;
}

#footer p {
font: 1.09em/1.36em arial, verdana, helvetica, sans-serif;
color: #FFF;
margin: 0;
}

.poop {
background: url(http://www.morrishabitat.org/images/restore/footer_sep_horz.gif) 0 100% repeat-x;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
}

.poop img.big { float: left; }

.poop h3 { font: bold 1.91em "Trebuchet MS", arial, verdana, sans-serif; padding-left: 75px;}
.poop p, .poop .buy { padding-left: 75px;}
.poop .buy img { vertical-align: bottom; padding-right: 12px; margin: -12px 0 0 0;}

#footer h4 {
font: 1.45em/2em arial, verdana, sans-serif;
color: #FFF;
margin: 0;
}

#footer h4 a, #footer p a { color: #EB98B7; text-decoration: none; }
#footer h4 a:hover, #footer h4 a:focus, #footer h4 a:active, #footer p a:hover, #footer p a:focus, #footer p a:active { color: #FFF; border-bottom: 1px dotted #FFF; }

#footer .sep_horz {
background: url(http://www.morrishabitat.org/images/restore/footer_sep_horz.gif) 0 100% repeat-x;
padding: 5px 0;
margin: 5px 0;
}

.twit_fb {
width: 130px;
float: right;
margin: 0px 0 0 0;
}

.twit_fb img { padding-left: 5px; }

.righty dl {
background: url(http://www.morrishabitat.org/images/restore/footer_sep_horz.gif) 0 100% repeat-x;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

.righty dl:nth-child(4) { background: none; padding: 0; margin: 0; }

/* - - - - - - - - for IE - - - - - - - - - */
.righty dl.iesucks { background: none; padding: 0; margin: 0; }

.righty dt img {
float: left;
width: 34px;
padding: 6px 20px 0 0;
}

.righty dt { font: bold 1.91em "Trebuchet MS", arial, verdana, sans-serif; }

.righty dd {
font: 1.09em/1.36em arial, verdana, helvetica, sans-serif;
padding-left: 54px;
}

.righty dt { clear: both; }

#toTop {
position: absolute;
top: -22px; right: 0;
background: url(http://www.morrishabitat.org/images/restore/footer_return_top.gif);
height: 22px;
cursor:pointer;
text-decoration:none;
width: 112px;
display: none;
}

#toTop:hover { background-position: 0 -22px; }

/* link appearance if no images are showing */
.poop .buy a, .twit_fb a { color: #EB98B7; }
.poop .buy a:hover, .twit_fb a:hover { color: #FFF; }

/* ADDITIONAL HOME PAGE STYLES
============================================================================= */

/* content divs for further split right div for home page, news, vol opps
============================================================================= */

#content .home {
float: left;
width: 612px;
margin: 0 0 0 32px;
}

#content .home .news {
border: 1px solid #E4E4CA;
background-color: #EEEEDF;
margin: 0 0 20px 0;
background-color: #FFF;
position: relative;
margin: 0 0 32px 0;
}

.news_graphic {
position: absolute;
top: -18px; right: 25px;
z-index: 1000;
}

#content .home .news h1 {
font: 2em "arial black", verdana, arial, sans-serif;
color: #FFF;
height: 63px;
padding: 5px 0 0 10px;
margin: 16px 16px 25px 16px;
background: #4AB930 url(http://www.morrishabitat.org/images/restore/graphic_news_bkgrd.png);
}

#content .home .news h1 span {
display: block;
color: #FFF;
font: 0.74em arial, verdana, sans-serif;
}

#content .home .news dl { margin: 16px; }
#content .home .news dt { font: bold 1.27em verdana, arial, sans-serif; }

#content .home .news dd {
font: 1.18em/1.45em arial, verdana, sans-serif;
border-bottom: 1px solid #E4E4CA;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}

#content .home .news dd:last-child { margin: 0; padding: 0; border: none; }

/* - - - - - - - - for IE - - - - - - - - - */
#content .home .news dd.iesucksz { margin: 0; padding: 0; border: none; }


#content .home .leftcol {
float: left;
width: 290px;
}

#content .home .rightcol {
float: left;
width: 290px;
margin: 0 0 0 32px;
}

#content .home h2 {
font: 1.64em "arial black", verdana, arial, sans-serif;
color: #005596;
text-align: left;
margin: 0 0 20px 0;
}

#content .home h2 span {
display: block;
color: #000;
border-bottom: 1px solid #E4E4CA;
padding: 0 0 5px 0;
font: 0.75em arial, verdana, arial, sans-serif;
}

.join {
margin: 0 0 20px 0;
background: url(http://www.morrishabitat.org/images/restore/join_290.png) 0 0 no-repeat;
width: 290px;
height: 85px;
cursor: pointer;
margin: 32px 0 25px 0;
}

.donate_stuff {
margin: 0 0 20px 0;
background: url(http://www.morrishabitat.org/images/restore/donate_stuff_290.png) 0 0 no-repeat;
width: 290px;
height: 85px;
cursor: pointer;
margin: 32px 0;
}

.join:hover, .donate_stuff:hover { background-position: 0 -85px; } /* can remove this because we're doing it with JS so IE6 works */

/*--------------------- for stinky IE6 ----------------------*/
.hover_it { background-position: 0 -85px; }


/*--------------------- column for volunteer opps ----------------------*/

#content .home .leftcol dl { margin: 0; }

#content .home .leftcol dt {
line-height: 1.64em;
text-transform: uppercase;
letter-spacing: .05em;
background: url(http://www.morrishabitat.org/images/restore/bullet_vol_opps.gif) 0 1px no-repeat;
padding-left: 10px;
font-size: 1.18em;
}

#content .home .leftcol dd {
padding-left: 10px;
margin: 0 0 12px 0;
}


/* cycle home page box
============================================================================= */

#boxholder {
margin: 0 auto;
width: 934px;
background: url(http://www.morrishabitat.org/images/restore/carousel/carousel_bottom.png) 0 100% no-repeat;
margin-bottom: 23px;
height: 371px;
position: relative;
height: 341px;
}

#box {
width: 900px;
border: 1px solid #E4E4CA;
padding: 16px;
background-color: #EEEEDF;
position: relative;
overflow: hidden;
/* background: url(http://www.morrishabitat.org/images/restore/box_bkgrd.jpg) 0 0 no-repeat; */
height: 298px;
}

#box_inner {
width: 898px;
margin: 0 auto;
border: 1px solid #E4E4CA;
background-color: #FFF;
overflow: hidden;
position:absolute;
height: 298px;
overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
}

.shop, .donate, .vol, .sup { width: 898px; height: 298px; }
.shop { background: #FFF url(http://www.morrishabitat.org/images/restore/cycle_shop.jpg) 100% 0 no-repeat; }
.donate { background: #FFF url(http://www.morrishabitat.org/images/restore/cycle_donate.jpg) 100% 0 no-repeat; }
.vol { background: #FFF url(http://www.morrishabitat.org/images/restore/cycle_volunteer.jpg) 100% 0 no-repeat; }
.sup { background: #FFF url(http://www.morrishabitat.org/images/restore/cycle_supporters.jpg) 100% 0 no-repeat; }

.shop h2, .donate h2, .vol h2, .sup h2 {
font: 2.36em/34px verdana, Arial, Verdana, Helvetica, sans-serif;
margin: 14px 0 0 22px;
color: #000;
}

.shop p, .donate p, .vol p, .sup p {
font: 1.27em/20px verdana, Arial, Verdana, Helvetica, sans-serif;
margin: 20px 0 0 22px;
}

.shop img { margin: 20px 0 0 100px; }
.donate img { margin: 20px 0 0 100px; }
.vol img { margin: 20px 0 0 100px; }
.sup img { margin: 20px 0 0 100px; }

#box_inner a {outline: none; }

#controls {
height: 39px;
position: absolute;
width: 126px;
top: 30px;
right: 30px;
z-index: 1000;
display: none;
background: url(http://www.morrishabitat.org/images/restore/controls_bkgrd.png) no-repeat 0 0;
}

#controls ul { top: 9px; right: -6px; position: absolute; }

#controls li {
list-style: none;
float: left;
padding-right: 15px;
}

#controls li a {
display: block;
width: 26px;
height: 21px;
border: 0;
}

#controls li a:focus { outline: none; }
.pauseplay { cursor: pointer; }


/* carousel
============================================================================= */
.js #carousel {
margin: 0;
position: relative;
border: 1px solid #E4E4CA;
width: 288px;
padding: 34px 0;
background-color: #FFF;
float: left;
}

.js .container {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 256px;
}

.js .slides { position: absolute; }
.js .slides dl { background: #FFF; overflow: hidden;  }

.js .slides dd.caption {
position: absolute;
background-color: #000;
opacity: .8;
cursor: default;
width: 256px; /* otherwise IE6 screws up */
}

.js .slides dd.caption p {
padding: 10px;
font: bold 1em "Lucida Grande", Arial, sans-serif;
margin: 0;
}

.js a.previous, .js a.next {
position: absolute;
display: block;
overflow: hidden;
height: 0;
width: 100px;
padding: 26px 0 0 0;
left: 94px;
border: 0;
}

.js a.previous { top: 0; background: url(http://www.morrishabitat.org/images/restore/carousel/prev_next_vertical.gif) 0 -26px no-repeat; }
.js a.next { bottom: 0; background: url(http://www.morrishabitat.org/images/restore/carousel/prev_next_vertical.gif) 0 0 no-repeat; }
.js a.previous:hover { background-position: 0 -78px; border: 0; }
.js a.next:hover { background-position: 0 -52px; border: 0; }
.js a.previous:focus, .js a.next:focus { outline: none; }

.js .arrivals {
position: absolute;
top: 27px; left: -19px;
z-index: 1000;
}

#carousel {
margin: 0;
position: relative;
border: 1px solid #E4E4CA;
width: 288px;
padding: 0;
background-color: #FFF;
float: left;
}

.container {
overflow: auto;
position: relative;
height: 668px;
height: 880px;
}

.slides dd.caption { width: 256px; /* otherwise IE6 screws up */ }
.slides dd.caption p { padding: 5px; font: bold 1em "Lucida Grande", Arial, sans-serif; margin: 0; }
a.previous, a.next { display: none; }

.arrivals {
position: absolute;
top: -10px; left: -19px;
z-index: 1000;
}

/* youtube thumbs
============================================================================= */
.holder {
border: 1px solid #E4E4CA;
background-color: #EEEEDF;
padding: 0 16px 16px 16px;
width: 256px;
}

#youtube {
height: 280px;
overflow: auto;
background-color: #FFF;
}

#youtube dl {
float: left;
margin: 0; padding: 0;
background: url(http://www.morrishabitat.org/images/restore/sep_youtube.gif) 0 100% repeat-x;
width: 239px;
}

#youtube dl:last-child, #youtube dl.iesuckszz { background: none; }

#youtube dt {
float: left;
padding: 10px;
}

#youtube dt img {
float:left;
margin: 0;
-ms-interpolation-mode: bicubic; /* IE7+ Fix for Bicubic Scaling */
vertical-align: middle;
background-color: #FFF;
border: 1px solid #FFF;
width: 96px;
height: 72px;
}

#youtube dd {
float: left;
margin: 0;
padding: 20px 0 0 0;
width: 114px;
font: 1em verdana, arial, sans-serif;
}

#youtube dt { clear: both; }
#youtube dl.hover { background-color: #005596; }
#youtube dl.hover dd { color: #FFF; }

#content .home .holder h2 {
font: 1.64em "arial black", verdana, arial, sans-serif;
color: #000;
text-align: left;
margin: 5px 0 10px 0;
}

#content .home .holder h2 span {
display: block;
color: #000;
font: 13px arial, verdana, arial, sans-serif;
border: none;
}


/*  FOR colorbox
============================================================================= */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%; background:#000; }
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden; background:#FFF; }
#cboxLoadedContent{overflow:auto; margin-bottom:30px; }
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:50%; left: 50%; width:100%;}
#cboxLoadingOverlay{background: url(http://www.morrishabitat.org/images/restore/colorbox/loading.gif) 5px 5px no-repeat; }
#cboxTitle { border-top: 1px solid #DDD; position:absolute; left:0; bottom: 3px; width:100%; font: bold 1.09em verdana, arial, sans-serif; color: #005596; padding-top: 5px; }
#cboxClose{ position:absolute; right:0; bottom:-3px; display:block; background: #FFF url(http://www.morrishabitat.org/images/restore/colorbox/closelabel.gif) 0 0 no-repeat; width:66px; height:22px; text-indent:-9999px; cursor:pointer; }

#cboxTopLeft{width:25px; height:25px; background:url(http://www.morrishabitat.org/images/restore/colorbox/border_mine.png) 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url(http://www.morrishabitat.org/images/restore/colorbox/border_mine.png) 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url(http://www.morrishabitat.org/images/restore/colorbox/border_mine.png) -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url(http://www.morrishabitat.org/images/restore/colorbox/border_mine.png) 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url(http://www.morrishabitat.org/images/restore/colorbox/border_mine.png) 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url(http://www.morrishabitat.org/images/restore/colorbox/border_mine.png) -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url(http://www.morrishabitat.org/images/restore/colorbox/border_mine2.png) 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url(http://www.morrishabitat.org/images/restore/colorbox/border_mine2.png) -25px 0 repeat-y;}


/*  for map page
============================================================================= */
#map { display: none; }
.js #map { display: block; width: 564px; height: 500px; border: 1px solid #D0D0BF; }
.js #map a, #directions a { border: none; }

ul.directions {margin-bottom: 63px; } /* change back to 160px after rt46 bridge done */

.directions li {
background: url(http://www.morrishabitat.org/images/restore/bullet_pink.gif) 0 1px no-repeat;
padding: 0 0 20px 12px;
font: 1.09em/1.36em arial, verdana, helvetica, sans-serif;
}

/* - - - - info window contents - - - - */

#balloon { width: 250px; }

#balloon h1{
font: bold 1.09em verdana, arial, helvetica, sans-serif;
border-bottom: 1px solid #005596;
padding: 0 0 3px 0;
color: #005596;
margin: 0 0 10px 0;
}

#balloon p { font: normal 1em verdana, helvetica, arial, sans-serif; margin: 0 0 10px 0; }

input#saddr, input#daddr {
width: 200px;
padding: 2px;
margin: 0 0 5px 0;
font: 1em verdana, arial, helvetica, sans-serif;
vertical-align: middle;
}

p.js { padding: 5px 0 0 0; }
span.js2 { display: block; color: #999; font-size: .91em; }

#map .js3 {
background-color: #009933;
letter-spacing: .1em;
padding: 1px 2px 2px 2px;
color: #FFF;
border: 1px solid #000;
height: 21px; /* used in tandem with other rules to get elements same height, would be nice if it actually worked */
cursor: pointer;
}

/* main content area general column split
============================================================================= */
#content .left {
float: left;
width: 564px;
background-color: #FFF;
}

#content .right {
float: left;
margin: 0 0 0 80px;
width: 250px;
padding: 20px 20px 0 20px;
background: #FFF url(http://www.morrishabitat.org/images/restore/right_col_bkgrd.png) 0 0 no-repeat;
}

#content .right h2 { font: bold 1.64em arial, "Trebuchet MS", arial, verdana, sans-serif; margin: 0 0 15px 0; color: #000; }
#content .right p { font: 1.09em/1.36em arial, verdana, helvetica, sans-serif; }


/*  contact form
============================================================================= */
fieldset#contactform { /* border color being applied through an anti-IE conditional elsewhere */
padding: 0 20px 10px 20px;
width: 520px;
margin: 0 auto;
text-align: left;
-moz-border-radius: 4px;/* for Mozilla, Firefox does not validate */
-webkit-border-radius: 7px;/* for Mozilla, Firefox does not validate */
}

fieldset#contactform legend {
font: 1.2em arial, Verdana, Helvetica, sans-serif;
text-transform: uppercase;
padding: 0 5px;
letter-spacing: .1em;
color: #0b77b7;
margin: 10px;
color: #AA2255;
}

fieldset#contactform ul {width:522px; margin:0; padding:0; list-style:none;}
fieldset#contactform li {margin-bottom:10px; overflow:hidden; }
fieldset#contactform label {display:block; margin-bottom:2px; font-weight: bold; }
fieldset#contactform label span {color:#AA2255; font-weight: bold; }
fieldset#contactform input, #contactform textarea {width:517px; border:1px solid #DFD9C3; background-color:#FAFAF4;}
fieldset#contactform input, fieldset#contactform textarea { font: 1em Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 5px 3px; }
fieldset#contactform input:hover, fieldset#contactform input:focus, fieldset#contactform textarea:hover, fieldset#contactform textarea:focus { border-color:#D4CCB0; background-color:#F5F3E5;}

fieldset#contactform input, fieldset#contactform textarea {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

fieldset#contactform .sendit {
width: 142px;
height: 32px;
background: url(http://www.morrishabitat.org/images/restore/contact_us.gif) 0 0 no-repeat;
margin: 7px 0 0px 0;
border: 0; padding: 0;
}

fieldset#contactform .sendit:hover { background-position: 0 -32px; }

#donecontact {  
background-color: #4AB930;
padding: 20px;  
width: 482px;   
margin: 0 auto;
-moz-border-radius: 4px;/* for Mozilla, Firefox does not validate */
-webkit-border-radius: 7px;/* for Mozilla, Firefox does not validate */
display: none;
}

#donecontact h3 { color: #FFF; font-weight: normal; }


/* -------------------- right column of contact page -------------------- */
.contactemails dt { font: normal 1.09em/1.64em arial, Verdana, Helvetica, sans-serif; }

.contactemails dd {
background: url(http://www.morrishabitat.org/images/restore/icon_email.gif) 0 1px no-repeat;
font: normal 1.09em arial, Verdana, Helvetica, sans-serif;
padding: 0 0 20px 20px;
}


/*  donation form
============================================================================= */

#donation { background-color: #FFF; text-align: center; width: 564px; margin: 25px auto 0 auto; padding: 0 0 25px 0; }

#donation h2 { 
font: 1.64em "arial black", verdana, arial, sans-serif;
color: #000;
margin: 5px 0 10px 0;
}

#donation fieldset { /* border color being applied through an anti-IE conditional elsewhere */
padding: 0 20px 10px 20px;
width: 520px;
margin: 0 auto;
text-align: left;
margin-bottom: 10px;
-moz-border-radius: 4px;/* for Mozilla, Firefox does not validate */
-webkit-border-radius: 7px;/* for Mozilla, Firefox does not validate */
}

#donation fieldset legend {
font: 1.2em arial, Verdana, Helvetica, sans-serif;
text-transform: uppercase;
padding: 0 5px;
letter-spacing: .1em;
color: #0b77b7;
margin: 10px;
color: #AA2255;
}

#donation ul {width:522px; margin:0; padding:0; list-style:none;}
#donation li {margin-bottom:10px; overflow:hidden; }
#donation label {display:block; margin-bottom:2px; font-weight: bold; }
#donation label span {color:#999; font-weight: normal; font-style: italic; }
#donation .input, #donation textarea {width:517px; border:1px solid #DFD9C3; background-color:#FAFAF4;}
#donation .half {float:left; width:254px; margin-right:14px;}
#donation .half .input {width:249px;}

#donation .third {float:left; width:164px; margin-right:15px;}
#donation .third .input {width:159px;}
#donation .omega {margin-right:0;}
#donation .input, #donation textarea { font: 1em Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 5px 3px; }
#donation .input:hover, #donation .input:focus, #donation textarea:hover, #donation textarea:focus { border-color:#D4CCB0; background-color:#F5F3E5;}
#donation .radio label { display: inline; font-weight: normal; }
#donation .radio p { font-weight: bold;  line-height: 1.45em; margin: 0 0 8px 0; }
#donation .extra label { display: inline; }
#donation .extra .input { width:173px; margin-left: 14px; }
#donation li.extra { padding: 10px 0 0 40px; }

#donation input, #donation textarea {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}


#donation .sendit {
width: 242px;
height: 32px;
background: url(http://www.morrishabitat.org/images/restore/submit_form.gif) 0 0 no-repeat;
margin: 10px auto 0 auto;
}

#donation .sendit:hover { background-position: 0 -32px; }


/* -------------------- jquery form validation error messages -------------------- */
em.error {
color:#005596;
font: bold italic 1em arial, Verdana, Helvetica, sans-serif;
display: block;
padding-top: 2px;
}

input.error, textarea.error, #last_day_for_pickup.error {
border: 1px solid #005596 !important;
background: url(http://www.morrishabitat.org/images/restore/validation_error.gif) 98% 7px no-repeat !important;
}

.radio input.error { background: transparent !important; border: 0 !important; }

#done {
background-color: #4AB930;
padding: 20px;  
width: 80%;   
margin: 40px auto;
-moz-border-radius: 4px;/* for Mozilla, Firefox does not validate */
-webkit-border-radius: 7px;/* for Mozilla, Firefox does not validate */
display: none;
}

#done h2 { color: #FFF; font-weight: normal; }
#done p { color: #FFF; font: bold italic 1.27em arial, Verdana, Helvetica, sans-serif; margin: 20px 0;} 

/* id on body tag to overwrite min-width */
#ajaxdonateform { min-width: 600px; }

/* volunteer page
============================================================================= */

/* -------------------- insert about volunteer orientations -------------------- */
.orientations {
float: right;
margin-left: 20px;
width: 240px;
font: italic bold 1.09em/1.36em Arial, Helvetica, sans-serif;
padding: 0 0 0 10px;
border-left: 4px solid #005596;
}

.orientations li {
background: url(http://www.morrishabitat.org/images/restore/bullet_vol_opps.gif) 0 3px no-repeat;
padding: 5px 0 0 10px;
position: relative;
}

/* --------------------accordion styles vol opps -------------------- */
h2.trigger {
height: 32px;
margin: 0 0 10px 0;
background: url(http://www.morrishabitat.org/images/restore/accordion_volopps.gif) 0 0 no-repeat;
font: normal 1.45em/32px arial, verdana, sans-serif;
cursor:pointer;
float: left; /* need this or the bottom margin between triggers disappears sporadically in IE8 */
width: 554px;
padding: 0 0 0 10px;
}

h2.trigger a { color: #FFF; text-decoration: none; display: block; outline: none; border: none; }
h2.active {background-position: 0 -32px; }
h2.active a { color: #000; }

.accordion {
margin: 0 20px;
width: 524px;
overflow: hidden;
clear: both; /* messes up FF2 if float left on h2 trigger without clearing on accordion, IE6 needs it too if not using CC of float none on h2 trigger */
}

.accordion .inner { padding: 10px 0; background-color: #FFF; }

.accordion .inner ul, .indiv_volopp ul {
list-style: none;
padding: 0;
margin: 0 0 5px 0;
}

.accordion .inner li, .indiv_volopp li {
background: url(http://www.morrishabitat.org/images/bullets/bullet_green_multi.gif) 0 6px no-repeat;
padding: 0 0 10px 12px;
line-height: 1.64em;
margin: 0 20px;
}

/* -------------------- individual vol opp  -------------------- */
.indiv_volopp {
background-color: #F5F3E5;
width: 524px;
padding: 20px 20px 10px 20px;
margin: 20px 0 0 0;
}

.indiv_volopp h3 { font: bold 1.64em arial, Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; }


/*  vol_opps form
============================================================================= */
#content .right.volunteer {
float: left;
margin: 0 0 0 80px;
width: 290px;
padding: 0;
background: none;
}

fieldset#vol_opps{ /* border color being applied through an anti-IE conditional elsewhere */
padding: 20px 20px 10px 20px;
width: 246px;
margin: 0 auto;
-moz-border-radius: 4px;/* for Mozilla, Firefox does not validate */
-webkit-border-radius: 7px;/* for Mozilla, Firefox does not validate */
}

#content .right.volunteer h2 {
background-color: #4AB930;
padding: 8px;
font: normal 1.36em arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
margin: 0 0 25px 0;
color: #FFF;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

fieldset#vol_opps ul {width:248px; margin:0; padding:0; list-style:none;}
fieldset#vol_opps li {margin-bottom:10px; overflow:hidden; }
fieldset#vol_opps label {display:block; margin-bottom:2px; font-weight: bold; }
fieldset#vol_opps label span {color:#AA2255; font-weight: bold; }
fieldset#vol_opps input, fieldset#vol_opps textarea {width:243px; border:1px solid #DFD9C3; background-color:#FAFAF4;}
fieldset#vol_opps input, fieldset#vol_opps textarea { font: 1em Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 5px 3px; }
fieldset#vol_opps input:hover, fieldset#vol_opps input:focus, fieldset#vol_opps textarea:hover, fieldset#vol_opps textarea:focus { border-color:#D4CCB0; background-color:#F5F3E5;}

fieldset#vol_opps input, fieldset#vol_opps textarea {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

fieldset#vol_opps select {
width:100%;
border:1px solid #DFD9C3;
font: 1em Verdana, Arial, Helvetica, sans-serif; 
background-color:#FFF;
}

fieldset#vol_opps .senditvolunteer {
width: 142px;
height: 32px;
background: url(http://www.morrishabitat.org/images/restore/volunteer.gif) 0 0 no-repeat;
margin: 7px 0 0 0;
border: 0; padding: 0;
}

fieldset#vol_opps .senditvolunteer:hover { background-position: 0 -32px; }

#donevolunteer {  
background-color: #4AB930;
padding: 20px;  
width: 208px;   
margin: 0 auto;
-moz-border-radius: 4px;/* for Mozilla, Firefox does not validate */
-webkit-border-radius: 7px;/* for Mozilla, Firefox does not validate */
display: none;
}

#donevolunteer h3 { color: #FFF; font-weight: normal; }


/* -------------------- for join e-mail list when accessed at email URL -------------------- */
#subscribe { width: 650px; }
#subscribe p { font: 1em/1.45em Verdana, Arial, Helvetica, sans-serif; margin: 0; }
#subscribe label { font-weight: bold; display: block; }
#subscribe .name { margin: 10px 0; }


/* site search and site map
============================================================================= */

/*--------------------- search form ----------------------*/
fieldset#find { /* border color being applied through an anti-IE conditional elsewhere */
padding: 20px 20px 8px 20px;
width: 520px;
margin: 0 auto;
text-align: center;
-moz-border-radius: 4px;/* for Mozilla, Firefox does not validate */
-webkit-border-radius: 7px;/* for Mozilla, Firefox does not validate */
}

fieldset#find h2 {
background-color: #4AB930;
padding: 8px;
font: 1.36em arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
margin: 0 0 25px 0;
color: #FFF;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

fieldset#find ul {width: 522px; margin:0; padding:0; list-style:none;}
fieldset#find li {margin-bottom:10px; overflow:hidden; }
fieldset#find label {display:block; margin-bottom:6px; font-weight: bold; }
fieldset#find input {width:243px; border:1px solid #DFD9C3; background-color:#FAFAF4; font: bold 1em Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 5px 3px; }
fieldset#find input:hover, fieldset#vol_opps input:focus { border-color:#D4CCB0; background-color:#F5F3E5;}

fieldset#find input {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

fieldset#find select {
border:1px solid #DFD9C3;
font: 1em Verdana, Arial, Helvetica, sans-serif; 
background-color:#FFF;
}

fieldset#find .doit {
width: 109px;
height: 32px;
background: url(http://www.morrishabitat.org/images/restore/search.gif) 0 0 no-repeat;
margin: 0; border: 0; padding: 0;
}

fieldset#find .doit:hover { background-position: 0 -32px; }
.noresults { font-weight: bold; color: #005596;}

/*--------------------- search results ----------------------*/
.searchterm {
width: 100%;
font: bold 1.18em Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #DFD9C3;
padding-bottom: 7px;
}

.searchterm .what { float: left; width: 60%; }
.searchterm .total { float: right; width: 39%; text-align: right; }

dl.results { margin: 0; padding-top: 10px; font: 1em/1.45em Verdana, Arial, Helvetica, sans-serif; }
.results dt { margin: 20px 0 0 0; }
.results dt a, .results dt span { font-weight: bold; }
.results dd { margin: 0; }

.results a:link, .results a:visited { color: #AA2255; text-decoration: none; padding: 3px 4px; border: none; }
.results a:hover, .results a:focus, .results a:active { color: #FFF; text-decoration: none; background-color: #AA2255; }


/* -------------------- site map in right column -------------------- */
.sitemap dl { margin: 0; }

.sitemap dt {
text-transform: uppercase;
letter-spacing: .05em;
font: normal 1.27em arial, Verdana, Helvetica, sans-serif;
}

.sitemap dt a { border: none; }
.sitemap dd { margin: 0 0 20px 0; font: normal 1.09em/1.36em arial, Verdana, Helvetica, sans-serif; }

/*  donate page
============================================================================= */
/*--------------------- for split columns used on donations page in main area ----------------------*/
.columnsplit {
float: left;
width: 564px;
margin: 0 0 30px 0;
background-color: #fff;
}

/* position relative eliminates jumpiness on slidetoggle in FF */
.colleft { float: left; width: 48%; position: relative; }
.colright { float: right; width: 48%; position: relative; }

/* -------------------- donations, items we can accept -------------------- */
dl.items_accept { margin: 0; }
.items_accept dt { font-weight: normal; line-height: 2.2em; }
.items_accept dd { margin: 0; padding: 0 0 10px 0; border-bottom: 1px solid #E4D8B6; font: 1em/1.27em verdana, arial, helvetica, sans-serif; }

.items_accept dt a { color: #AA2255; text-decoration: none; outline: none; border: 0; }
.items_accept dt a:hover, .items_accept dt.active a { color: #4AB930; text-decoration: none; border: 0; }

#all { float: right; padding: 5px; margin-bottom: 10px; background-color: #AA2255; color: #FFF; }
#all a { color: #FFF; }
#all a:hover {  text-decoration: underline; }

/* -------------------- right hand column for donation checkmarks -------------------- */
dl.donationcheckmarks {margin: 0 0 25px 0; }

.donationcheckmarks dt img {
float: left;
width: 31px;
padding: 6px 15px 0 0;
}

.donationcheckmarks dt { font: bold 1.64em arial, "Trebuchet MS", arial, verdana, sans-serif; clear: both; }

.donationcheckmarks dd {
font: 1.09em/1.36em arial, verdana, helvetica, sans-serif;
padding-left: 46px;
margin-bottom: 20px;
}



/* accessibility page
============================================================================= */
.access {
margin: 5px 0 10px 0;
float: left;
width: 200px;
display: inline; /* fix IE double margin bug */
}

.key {
border: 1px solid #D4CCB0;
padding: 3px 4px 2px 4px;
background-color: #F5F3E5;
font: normal 1.09em/2.45em "Lucida Typewriter", "Lucida Console", "Courier New", Courier, monospace;
margin-right: 2px;
}

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

#accessexample .key { line-height: 1.54em; }
#accessexample .title { font: bold 1.09em verdana, helvetica, arial, sans-serif; color: #AA2255; }
#accessexample .boo { font: bold 1em verdana, helvetica, arial, sans-serif; margin: 15px 0 5px 0; }

/*--------------------- for list of text sizing methods on accessibility page  ----------------------*/
.textsize dt {
background: url(http://www.morrishabitat.org/images/restore/bullet_pink.gif) 0 1px no-repeat;
padding: 0 0 0 12px;
font: bold 1.09em arial, verdana, helvetica, sans-serif; 
margin: 10px 0 0 0;
}

.textsize dd { padding: 0 0 8px 12px; font: 1.09em/1.36em arial, verdana, helvetica, sans-serif; }

/* -------------------- for SHOP page -------------------- */
.inventory {
width: 564px;
float: left;
margin: 15px 0 0 0;
}

.inventory p {
width: 158px;
height: 100px;
padding: 6px;
float: left;
border-top: 1px solid #E4E4CA;
border-left: 1px solid #E4E4CA;
border-right: 1px solid #D0CEA5;
border-bottom: 1px solid #D0CEA5;
margin: 0 24px 24px 0;
position: relative;
}

.inventory p.last { margin: 0 0 24px 0; }

.inventory span {
display: block;
position: absolute;
bottom: 0;
left: 0;
height: 20px;
width: 170px;
text-align: center;
text-transform: uppercase;
}

.inventory h3 { margin-bottom: 15px; }

ul.policies {margin: 0 0 15px 0; }

.policies li {
padding: 0 0 15px 0;
margin: 0 0 15px 0;
background: url(http://www.morrishabitat.org/images/restore/sep_horz.gif) 0 100% repeat-x;
font: 1.09em/1.36em arial, verdana, helvetica, sans-serif;
}

/*  for supporters page
============================================================================= */
.supporter_logos a { border: 0; }

ul.supporter_logos { margin: 0 16px; }

.supporter_logos li {
width: 266px;
height: 124px;
float: left;
text-align: center;
vertical-align: middle;
}

/* -------------------- right hand column for support_reasons checkmarks -------------------- */
dl.support_reasons {margin: 25px 0; }

.support_reasons dt img {
float: left;
width: 31px;
padding: 3px 15px 0 0;
}

.support_reasons dt { font: bold 1.36em arial, "Trebuchet MS", arial, verdana, sans-serif; clear: both; }

.support_reasons dd {
font: 1.09em/1.36em arial, verdana, helvetica, sans-serif;
padding: 3px 0 0 46px;
margin-bottom: 20px;
}

#foobarr { float: left; width: 290px; } /* temp to see about adding stuff to left column */

.seniors {
margin: 20px 0 0 0;
height: 130px;
width: 290px;
margin: 32px 0 0 0;
}