/* CSS Document */
/************************************** page header ***********************************************/
#page_header{ clear:both; float:left; width:790px; height:50px; background:url(../images/header_collection_info1.gif) no-repeat; }

/************************************** page body *************************************************/
#body_container{ clear:both; width:790px; height:auto; background:#fff; color:#000; }

/************************************** feature container ******************************************/
#feature_container{ width:790px; height:263px; color:#000; background:#BC9B69; }


/************************************** Subsection container ******************************************/

#subsections_shell{padding:0 0 17px 0 !important; padding:0 0 1px 0;}

.section{width:131px; height:251px; float:left; margin-left:1px !important; margin-left:0;}

.section .info{margin:15px 0px 15px 10px; background:url(http://www.cshof.ca/images/1px_dot_vert.gif) top right repeat-y; height:61px; width:121px;}

.section .info img.button_sm_space{display:block; margin-top:15px; border:none;}

.section .info img.button{display:block; margin-top:10px; border:none;}


.line_of_dots{ margin:15px auto; width:760px; height:1px;  background:url(../images/1px_dot_horz.gif) repeat-x;}

/************************************** Information container ******************************************/

#information_shell{margin:15px 0 0 15px !important; margin:3px 0 0 15px;}

#information_shell .info{width:617px; background:url(../images/1px_dot_vert.gif) top right repeat-y; float:left;}

#information_shell .info p{padding:15px 15px 0 0; line-height:15px;}

#information_shell .feature{width:127px; height:155px; margin-left:15px; float:left; background:url(../images/pic_donate.gif) top left no-repeat;}

#information_shell .feature img.centered{margin:0 auto 0 auto; display:block; border:none;}

#information_shell .feature .tag{margin:101px auto 4px auto; text-align:center; font-size:.8em;}

/************************************** Photo Gallery container ******************************************/

#photo_gallery_shell{min-height:156px; width:100%; background:#b38a45; margin:15px 0 15px 0;}

#photo_gallery_shell .photo_shell{float:left; height:100%;}

#photo_gallery_shell .photo_shell .info{margin:15px; width:132px !important; width:128px;}

#photo_gallery_shell .photo_shell .shawdow{background:url(../images/shadow_dark.gif) right bottom no-repeat; margin:15px 12px 12px 18px;}

#photo_gallery_shell .photo_light_shell{width:156px; float:left; background:#BC9B69;}

#photo_gallery_shell .photo_light_shell .shawdow{background:url(../images/shadow_mid.gif) right bottom no-repeat; margin:15px 12px 12px 18px;}

.shawdow .photo{position:relative; top:-3px; left:-5px;}

.shawdow .photo img.white_border{border:3px #ffffff solid;}

.photo p{padding:10px 15px 0 0; font-size:10px;}

img.button_01 { margin-top: 20px; border: 0}

apear-div, apear-div2, apear-div3 { background:url(../images/events_callout_background.gif) top left no-repeat; }
img.events_header_photo_set { margin: 15px 0 15px 15px; }
.photo_set_copy { padding: 0 50px 15px 15px; color: #FFFFFF; }
img.learnmore { margin: 0 0 0 1.5em; }