body {/*reset*/ font: normal normal normal 13px/1.5em Georgia, serif; }
#wrapper {position: relative;width:801px; margin: 0 auto;}
#banner {background: transparent url("../images/banner_menu.gif") no-repeat; height: 128px; width: 801px;}
#image_gap {background: transparent url("../images/HFM design_r2_c1.gif") no-repeat; height: 156px; width: 801px; text-indent: -3000px;}
#content_wrapper {
  width: 801px;
	position: relative; padding-top: 0; padding-bottom: 0; 
	background-image: url("../images/HFM design_r3_c1.gif") ;
	background-repeat: no-repeat;
	padding-left: 30px;
	/*position: fixed; */ }
#content { position: relative; background-image: url("../images/HFM design_r4_c1.gif"); background-repeat: repeat-y;}
  #content_footer {}
#footer {margin-top: 1em;}

h1, h2, h3, h4  { font: normal normal normal 1.2em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;}
h3 {font-size:1.0em;}
h4 {font-size: 0.8em; padding: 0; margin: 0.25em;}
p { font: normal normal normal 1em/1.5em Georgia, serif;}

.row {width: 740px; clear: both; position: relative}

.full {width: 740px;}
.threequarters {width: 520px; float: left; margin-right: 10px; }
.half { width: 365px; float: left; margin-right: 10px;}
.quarter {width: 206px; float: left; margin-right: 10px; }
.last {margin-right:0; }

.box { margin-bottom: 1em; border:solid 1px #555; position: relative;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  /* This also appears to be breaking IE6/7/8 compatability to out it does. The other seems to work anyway? odd but win.
  /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/css/white_50p.png');*/
}
/* IE ignores styles with [attributes], so it will skip the following. */
.box[class] {background-image:url(../css/white_50p.png);}
.box > *, .box dl > * {padding: 0.8em; margin: 0;}
.box p, .box h3, .box h2, .box img {padding: 0.8em; margin: 0;}
.box img.left  {float: left; padding-right: 0.8em; padding-bottom: 0.8em;}
.box img.right {float: right; padding-left: 0.8em; padding-bottom: 0.8em;}
img {border: 0;}

ul {list-style:none; margin:0;}

ul.merch_list {margin-left: 0.8em; list-style: disc;}
ul.merchandise li {border: 1px solid #333; background-color: #ddd; height: 13em; margin-bottom: 2em; position:relative; display:block; clear: left;}
ul.merchandise img {padding: 0.25em; margin: 0.25em; float: left; border: 1px solid #333; background-color: #aaa; } 
ul.merchandise span.order a {float: right; padding: 0.25em; border: 1px solid #999; background: green; color: white;}
ul.merchandise span.unavailable a {background: red;}

ul.event-list li, ul.contacts-list li, ul.link-list li {border: 1px solid #333; background-color: #ddd; margin-bottom: 2em; position:relative; display:block; clear: left;}

ul.photos {list-style: none; width: 100%;}
ul.photos li {float: left; padding:0; margin: 0.25em; height: 128px; width: 128px;}
ul.photos li img {border: none;padding:0; margin:0;}

#footer p {margin: 0 auto; text-align: center; font-size: 0.8em; line-height:1.5em; margin-top: 0.8em;}
#footer * {}
.last-image {padding:0;margin:0;line-height:0;vertical-align:bottom;}

ul.inline-list  li {border: none; margin: 0;}

.infinity-text {font: normal normal normal 1em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: ;}
.infinity-text a {color: black;text-decoration:none;}

/* menu */
#menu {width: 400px;position: absolute; left: 389px; top:55px;}
#menu ul {list-style: none; padding: 0; margin: 0}
#menu li {float: left; height: 25px; margin: 3px; text-indent:-3000px;}
#menu li a {height: 30px; display: block; }
#menu .first {}
#menu .second {clear: left;}

#menu li#home {width: 55px;}
#menu li#about {width: 52px;}
#menu li#events {width: 59px;}
#menu li#memorial {width: 79px;}
#menu li#photos {width: 105px;}

#menu li#shop {margin-left: 20px; width: 55px;}
#menu li#contact {width: 72px;}
#menu li#location {width: 80px;}
#menu li#links {width: 102px;}


ul.events, ul.news {padding:0; margin:0;}
.events li { margin:0; padding: 0; border-bottom: 1px solid #666;}
.events li:last-child {border-bottom: none;}
.events li h3 {font-weight: bold;}
.events li p {padding: 0.25em 0.8em;}

.news li { padding: 0.25em 0.8em; margin: 0;}

/*box*/
.collapser {height: 200px; overflow: hidden;}
.read-more-floater {position: absolute; right: 0; bottom: 0; display:block; padding:0.5em; margin:0; background-color: white;}
.read-more-top-floater {position: absolute; right: 0; top: 0; display:block; padding:0.5em; margin:0; background-color: white;}

.read-more-floater {width:100%; padding:0; background-color: transparent; display:block; height: 40px; padding:0; margin:0; background:url("/images/trans_readmore.png") transparent repeat-x; }
.read-more-floater a { width:100%; position: absolute; bottom: 0; text-align:center; vertical-align:baseline;}

.gallery ul {list-style: none; clear:both;}
.gallery li {list-style: none; width: 150px; height: 150px; float: left;}
.gallery img {}


.contacts-list dt {width: 200px; float: left;}
.contacts-list dd {clear: right;}


.clearfix {display:block; float: none; clear: both; }

ul.event-page {list-style:none;}
ul.event-page li {border-bottom: 1px solid #666;}
ul.event-page li:last-child {border:none;}