@charset "utf-8";
/* ------------------ TABLE OF CONTENTS -----------------*/
/* 1. Reset Style Declarations */
/* 2. Global Style Declarations */
/* 3. Structure Style Declarations */
/* 4. Typography Style Declarations */
/* ------------------ END TABLE OF CONTENTS -------------*/

/* -----------------------------------*/
/* ------> 1. RESET <<<------------*/
/* -----------------------------------*/

/* DO NOT EDIT */ 
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0; padding:0; 
} 
html {
height:100.01%;
}
table { 
border-collapse:collapse; border-spacing:0; 
} 
fieldset,img { 
border:0; float:left;
} 
form {
display:inline;
}
label {
cursor:pointer;
}
address,caption,cite,code,dfn,em,strong,th,var { 
font-style:normal; font-weight:normal; 
} 
ol,ul { 
list-style:none; 
} 
caption,th { 
text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
font-size:100%; font-weight:normal; letter-spacing:-1px; 
} 
q:before,q:after { 
content:''; 
} 
abbr,acronym { 
border:0; cursor:help; letter-spacing:1px; border-bottom:1px dashed;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
} 

/* -----------------------------------*/
/* ------> END RESET <<<--------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ------> 2. GLOBAL <<<-----------*/
/* -----------------------------------*/

/* USE AS MANY INSTANCES AS YOU WANT */ 
.clear { 
clear:both; 
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	visibility: hidden;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
}
.text-left { 
text-align:left; 
}
.text-right { 
text-align:right;
}
.text-center { 
text-align:center;
}
.text-justify { 
text-align:justify;
}
.bold { 
font-weight:bold; 
}
.italic { 
font-style:italic; 
}
.underline { 
order-bottom:1px solid; 
}
.highlight { 
background:#ffc; 
}
.img-left { 
float:left;margin:4px 10px 4px 0; 
}
.img-right { 
float:right;margin:4px 0 4px 10px; 
}
.nopadding { 
padding:0; 
}
.noindent { 
margin-left:0;padding-left:0; 
}
.nobullet { 
list-style:none;list-style-image:none; 
}

/* -----------------------------------*/
/* ------> END GLOBAL <<<-------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ------> 3. STRUCTURE <<<--------*/
/* -----------------------------------*/

/*----------- BODY ----------*/
body  {
	padding: 0; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background:url(../images/bg_bodyrpt.jpg);
}
.twoColFixRtHdr .toprpt {
	background:url(../images/bg_content.jpg) center top no-repeat;
}
.twoColFixRtHdr .contentBg {
	background:url(../images/bg_top_rpt.jpg) repeat-x;
}
.twoColFixRtHdr #container { 
	width: 945px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin:0 auto;
}
/*----------- END BODY ------*/

/*----------- HEADER ----------*/
.twoColFixRtHdr #header { 
	height: 99px;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixRtHdr #header .branding {
	background:url(../images/header_branding.jpg) no-repeat;
	width: 326px; height: 34px;
	float:left;
	padding-left:4px;
	padding-top:65px;
	margin-left:10px;
}
/*----------- END HEADER ------*/

/*----------- NAVIGATION ------*/
.twoColFixRtHdr #header ul.navigation {
	width: 598px; height: 16px;
	float:left; margin-top:0px; margin-left:3px;
}
.twoColFixRtHdr #header ul.navigation a {
	display:block;
	text-indent:-9999px;
}
.twoColFixRtHdr #header ul.navigation li.home {
	background:url(/images/nav_home.jpg);
	width: 75px; height: 21px; float: left;
}
.twoColFixRtHdr #header ul.navigation li.home a {
	width: 75px; height: 21px;
}
.twoColFixRtHdr #header ul.navigation li.about {
	background:url(/images/nav_about.jpg);
	width: 75px; height: 21px; float: left;
}
.twoColFixRtHdr #header ul.navigation li.about a {
	width: 75px; height: 21px;
}
.twoColFixRtHdr #header ul.navigation li.gallery {
	background:url(/images/nav_gallery.jpg);
	width: 75px; height: 21px; float: left;
}
.twoColFixRtHdr #header ul.navigation li.gallery a {
	width: 75px; height: 21px;
}
.twoColFixRtHdr #header ul.navigation li.activities {
	background:url(/images/nav_activities.jpg);
	width: 75px; height: 21px; float: left;
}
.twoColFixRtHdr #header ul.navigation li.activities a {
	width: 75px; height: 21px;
}
.twoColFixRtHdr #header ul.navigation li.home a:hover {
	background:url(/images/nav_home_hover.jpg);
}
.twoColFixRtHdr #header ul.navigation li.about a:hover {
	background:url(/images/nav_about_hover.jpg);
}
.twoColFixRtHdr #header ul.navigation li.gallery a:hover {
	background:url(/images/nav_gallery_hover.jpg);
}
.twoColFixRtHdr #header ul.navigation li.activities a:hover {
	background:url(/images/nav_activities_hover.jpg);
}
.twoColFixRtHdr #header ul.navigation li.about_focus {
	background:url(../images/nav_about_hover.jpg);
	width: 75px; height: 21px; float: left;
}
.twoColFixRtHdr #header ul.navigation li.gallery_focus {
	background:url(../images/nav_gallery_hover.jpg);
	width: 75px; height: 21px; float: left;
}
.twoColFixRtHdr #header ul.navigation li.activities_focus {
	background:url(../images/nav_activities_hover.jpg);
	width: 75px; height: 21px; float: left;
}
.twoColFixRtHdr #header ul.navigation li.date {
	width: 200px; height: 21px;
	font-size:11px; font-family: 'Tahoma', Geneva, Arial, Helvetica, sans-serif;
	color: #bdc1a9;
	float:right;
}
/*----------- END NAVIGATION --*/

/*----------- SIDEBAR ---------*/
/* Navigation - see lists below */
.twoColFixRtHdr #sidebarHome {
	background:url(../images/column3.jpg);
	float: right; /* since this element is floated, a width must be given */
	width: 237px; height: 519px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding:35px 0px 0px 40px;
	margin-top: 7px;
	margin-right:2px;
}
.twoColFixRtHdr #sidebarSub {
	background:url(../images/column3_sub.jpg);
	float: right; /* since this element is floated, a width must be given */
	width: 237px; height:519px;
	margin-right:2px;
	padding:42px 0px 0px 42px;
}
#sidebarHome, #sidebarSub {
	color:#bdbc9e;
}
#sidebarHome .column3Title, #sidebarSub .column3Title {
	font-size: 12px;
	font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
	color: #ccca99; font-weight: bold;
	background:url(../images/li_column3title.gif) left no-repeat;
	padding-left: 12px;
}
/*----------- END SIDEBAR -----*/

/*----------- CUSTOM SCROLLBARS -----*/
/* Custom Scroll*/
/* For scrollbars, defining a color for background alongside with an image 
is always a good idea, this way the scrollbars are visible until images load */
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}
.vscrollerbase {
/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
	width: 15px;
	background-color:white; 
}
.hscrollerbase {
	height: 0px;
}
.hscrollerbar {
	height: 0px;
}
#mycustomscroll p {
	line-height: 18px;
	color: #3d3c35;
	margin-top: 7px;
}
/* basic style ends here, this was actually all that is required to run fleXcroll,
albeit without images, my advice is to have this basic style and build the rest
on top of this. */
/* styles for scrollbar images start here */
.vscrollerbar {
/* Main body of vertical scrollbar */
	background: #99CBCB url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
	height:30px !important;

}
.vscrollerbarbeg {
/* Top image holder for vertical scrollbar*/
	background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
	width: 15px;
/* Height of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
image to repeat on certain sizes. In this style, we do not need our script to strech the
vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
	height: 15px !important;

}
.vscrollerbarend {
/* Bottom image holder for vertical scrollbar*/
	background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
	width: 15px;
	height: 15px !important;
	
}


/* Following are for scrollbase images, may not always be required */

.vscrollerbase {
/* Vertical scrollbar's base body */ 
	background: #D7EBDF url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

.vscrollerbasebeg {
/* Vertical scrollbar's base top-cap */
/* This may be used for holding the up arrow */
	background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
	width: 15px;
/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
	height: 15px !important; /*  Safari BG repeat fix */
}

.vscrollerbaseend {
/* Vertical scrollbar's base bottom-cap */
/* This may be used for holding the down arrow */
	background: url(basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
	height: 15px;
	width: 15px;
}
#mycustomscroll a {
	color: #7d7b16;
}
#mycustomscroll a:hover {
	color: #a3a03d;
}
/*Custom Scroll Bar 1 Homepage*/
#mycustomscroll {width:257px;height:155px;overflow:auto;position:absolute;margin-top:5px;margin-left:30px;padding-right:20px;}
/* Custom Scroll Bar 2 */
#mycustomscroll2 {width:365px; height:100px;margin-top:25px;overflow: auto;position: relative;padding-right:25px;}
/* Custom Scroll Bar 3 */
#mycustomscroll3 {width: 276px;height: 192px;padding-top: 20px;padding-left: 12px;overflow: auto;position: absolute;margin-top:0px;}
/* Custom Scroll Bar 4 */
#mycustomscroll4 {width: 276px;height: 127px;padding-top: 20px;padding-left: 12px;overflow: auto;position: relative;margin-top:0px;}
/* Custom Scroll Bar 5 */
#mycustomscroll5 {width:370px;height:241px;overflow: auto;position: relative;margin-top:0px;border-left:1px solid #d7d7ca;border-bottom:1px solid #d7d7ca;margin-bottom: 6px;}
/* Custom Scroll Bar 6 */
#mycustomscroll6 {width:370px;height:121px;overflow: auto;position: relative;margin-top:0px;border-left:1px solid #d7d7ca;border-bottom:1px solid #d7d7ca;margin-bottom: 6px;}
/* Custom Scroll Bar 7 */
#mycustomscroll7 {width:203px;height:197px;overflow: auto;position: relative;margin-top:0px;border-left:1px solid #d7d7ca;border-bottom:1px solid #d7d7ca;margin-bottom: 6px;}
/* Custom Scroll Bar 8 All Photo Galleries */
#mycustomscroll8 {width: 700px;height: 445px;overflow: auto;position: relative;margin-top:0px;padding:0; margin:0;}
/*Custom Scroll Bar 9 About Us*/
#mycustomscroll9 {width:620px;height:395px;overflow:auto;position:absolute;margin-top:0px;padding:0; margin:0;}
/*Custom Scroll Bar 10 All Image Gallery*/
#mycustomscroll10 {width: 598px;height: 300px;overflow: auto;position: absolute; margin-left:25px;}
/* you may optionally want to hide the scrollbars */
#mycustomscroll8 .vscrollerbase {visibility: hidden !important;}
#mycustomscroll8 .lastUpdatedGallery {margin-bottom:25px;}
/*----------- END SCROLLBARS -----*/

/*----------- HOME CONTENT ---------*/
.twoColFixRtHdr #mainContent { 
	margin: 0 247px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
/* Homepage Content Slider */
.fl {
	float: left; display: inline;
}
img {
	border: 0;
}
.news_slider {
	width: 644px; position:relative; margin-top:-21px; float:left; margin-left:11px;
}
.sliders {
	width: 47px; z-index:9999; position:relative; top:21px; margin-left:591px;
}
.sliders a.prev, .sliders a.next {
	float:left;
}
.sliders a.prev {
	background:url(/images/scroller_left.jpg);
	width:24px; height: 21px;
	text-indent:-9999px;
}
.sliders a.prev:hover {
	background:url(/images/scroller_left_hover.jpg);
}
.sliders a.next {
	background:url(/images/scroller_right.jpg);
	width:23px; height:21px;
	text-indent:-9999px;
}
.sliders a.next:hover {
	background:url(/images/scroller_right_hover.jpg);
}
.news_slider .container {
	position: relative; top: 0; left: 0;
}
.news_slider .news_items {
	position: relative; width: 644px; overflow: hidden; clear:left;
}
.news_slider .item {
	width: 322px; margin-right:0px;
}
.vscrollerbase /*Always display Vertical Scroll Bar Base */
{ 
	visibility: visible !important;
}
/* FLASH SLIDESHOW */
#flash 
{
	background:url(../images/flash.jpg) no-repeat;
	width:655px; height:322px;
	padding-left:11px; padding-top:8px;
}
/* SECTION ONE - Our Family Website */
.sectionOne {
	background: url(../images/bg_content_left.jpg);
	width:322px; height:231px;	 
}
.sectionOne p {
	margin:14px 18px 0 29px;
	line-height: 18px;
}
/* SECTION TWO - Family Spotlight */
.sectionTwo {
	background: url(../images/bg_content_right.jpg);
	width:322px; height:231px;	 
}
/* SECTION THREE - Last Added */
.sectionThree 
{
	background: url(../images/bg_content_left.jpg);
	width:322px; height:231px;	 
}
.lastAddedDate
{
	float:right;
	text-decoration:none;
	border-left: 4px solid #b8b497;
	padding-left:15px;
	margin-right: 12px;
	margin-top:20px;
	line-height:12px;
	padding-bottom:3px;
}
ul.lastAdded
{
	width:253px;
	height:153px;
	margin-top:10px;
	margin-left:50px;
}
ul.lastAdded .lastAddedImage
{
	background:url(../images/bg_lastaddedImage.jpg);
	width: 107px; height:129px;
	padding-top:24px; padding-left: 29px;
	float:left;
}
ul.lastAdded a.viewAll
{
	background:url(../images/lastadded_viewall.gif);
	width:117px; height:153px;
	float:left; display:block;
}
ul.lastAdded a.viewAll:hover
{
	background:url(../images/lastadded_viewall_over.gif);
}
/* SECTION FOUR - Family Activities */
.sectionFour 
{
	background: url(../images/bg_content_right.jpg);
	width:322px; height:228px;
	padding-left: 0px;	
	padding-top: 3px; 
}
.sectionFourCalendar {
	margin-left:53px;
}
/* Calendar */
/* Strucure */
ul#activitiesCalendar 
{
	width:225px;
	margin:3px 0 0 0px;
	font-size:8px;
}
ul#activitiesCalendar a 
{
	display:block;
}
ul#activitiesCalendar li 
{
	width: 22px; height: 22px;
	margin:0 6px 2px 0px;
	border:1px solid #53564a;
	float:left;
	text-align: center;
}
/* calendarDays */
ul#activitiesCalendar li.calendarDays 
{
	height: 10px;
	margin-bottom: 1px;
	padding: 0px;
	border:none;
	width:24px;
	padding-bottom:4px;
	text-align:left;	
}
/* last month */
ul#activitiesCalendar li.lastMonth 
{
	background-color:#c6c3a3; border:1px solid #b1b094;
}	
/* next month */
ul#activitiesCalendar li.nextMonth 
{
	background-color:#c6c3a3; border:1px solid #b1b094;
}
/* weekends */
ul#activitiesCalendar li.weekEnd 
{
	background-color:#969479; border:1px solid #53564a;
}
/* Current day */
ul#activitiesCalendar li.currentDay 
{
	background-color:white; color:#7d7b16;
}
/* Active day */
ul#activitiesCalendar li.activeDay 
{
	background-color:#7d7b16; color:#faf9e7;
}
ul#activitiesCalendar li.activeDay a 
{
	text-decoration:underline;
	display:block; width: 22px; height: 22px;
	color: white;
}
/*----------- END HOMECONTENT ------*/

/*----------- SUB CONTENT ---------*/
.twoColFixRtHdr #subContent {
	width:650px; height:551px;
	background:url(../images/bg_subBody.jpg) right repeat-y;
	padding:8px 6px 2px 8px;
}
.twoColFixRtHdr #subContent .contentBrdr {
	border:1px solid #989185;
	height:100%;
	background:#eeede1;
	text-align:left;
}
.contentBrdr p, .AboutcontentBrdr p {
	padding:0 28px;
	margin-bottom:7px;
}
/* About Us Page */
.twoColFixRtHdr #subContent .AboutcontentBrdr {
	border:1px solid #989185;
	height:100%;
	background:url(../images/bg_About.jpg) bottom right no-repeat #eeede1;
}
/* Gallery Home Page */
.lrgTitle {
	background: #fffff3;
	height:35px; width: 548px;
	border:1px solid #d7d7ca;
	margin:0 auto;
	margin-top:10px;
	padding:17px 24px 0 24px;
}
/* Gallery Text */
.Title, .updatedgalleryTitle {
	color:#7d7b16;
	text-transform:uppercase;
	margin:0px;
	padding:0;
	line-height:11px;
	font-size:11px;
}
.subTitle {
	line-height:14px;
	color:#625f4d;
	font-size:11px;
}
.dataTitle {
	color:#dddcca;
	text-transform:uppercase;
	margin:0px;
	padding:0;
	line-height:11px;
	font-size:11px;
}
.datasubTitle {
	line-height:14px;
	color:#706d5a;
	font-size:11px;
}
.titleBr {
	line-height:1px;	
}
a.galleryTitle_viewAll {
	float:right;
	color:#938f7b;
	text-decoration:none;
	font-weight:bold;
	border-left: 4px solid #e1e1d4;
	padding-left:15px;
}
a.galleryTitle_viewAll:hover {
	color:#535449;
}
.galleryNav {
	float:right;
	font-size:9px;
	margin-right:10px;
}
/* Favorites */
.smlTitle {
	background: #fffff3;
	height:35px; width: 238px;
	border:1px solid #d7d7ca;
	margin-left:25px;
	padding:17px 24px 0 24px;
}
.bottomFav {
	width: 288px; height:147px;
	border-bottom:1px solid #d7d7ca;
	margin-left:25px;
	background: url(../images/bg_favoritespanel.jpg) center no-repeat #3e3c34;
}


/* Gallery Data */
.galleryData {
	float:right;
}
.galleryDataTitle {
	background: url(../images/bg_datatitle.jpg) center no-repeat #3e3c34;
	height: 35px; width: 238px;
	border: 1px solid #d7d7ca;
	margin-right: 25px;
	padding: 17px 24px 0 24px;
}
.bottomgalleryData {
	width: 286px; height: 148px;
	border:1px solid #d7d7ca;
	border-top: none;
	margin:0; padding:0;
}
.bottomgalleryData ul.data {
}
.bottomgalleryData ul.data li {
	height:26px;
	border-bottom:1px solid #d7d7ca;
	padding:10px 24px 0px 24px;
}

.bottomgalleryData ul.data li.lastData, .bottomgalleryData ul.data li.oddData {
	background-color: #e2e2d5;
}
.bottomgalleryData ul.data li.lastData {
	border-bottom:1px solid #e2e2d5;
}
.bottomgalleryData ul.data li.evenData {
	background-color: #eeede1;
}
.bottomgalleryData ul.data li:hover {
	background-color:white;
}
.bottomgalleryData ul.data .number {
	width:50px;
	text-align:left;
	margin-right:45px;
}
/*Last Updates */
ul.lastUpdatedGallery {
	float:left;
	text-align:center;
	margin-left:28px;
	margin-top:6px;
	margin-right:8px;
}
ul.lastUpdatedGallery li.updatedgalleryImage {
	background:url(../images/bg_updatedGallery.jpg);
	width:132px; height:133px;
	padding-top:24px; padding-left: 33px;
}
/* View All Gallery Page */
.lrgTitle {
	background: #fffff3;
	height:35px; width: 548px;
	border:1px solid #d7d7ca;
	margin:0 auto;
	margin-top:10px;
	padding:17px 24px 0 24px;
}
/* Gallery Text */
.Title, .updatedgalleryTitle {
	color:#7d7b16;
	text-transform:uppercase;
	margin:0px;
	padding:0;
	line-height:11px;
	font-size:11px;
}
.subTitle {
	line-height:14px;
	color:#625f4d;
	font-size:11px;
}
.dataTitle {
	color:#dddcca;
	text-transform:uppercase;
	margin:0px;
	padding:0;
	line-height:11px;
	font-size:11px;
}
.datasubTitle {
	line-height:14px;
	color:#706d5a;
	font-size:11px;
}
.titleBr {
	line-height:1px;	
}
a.galleryTitle_viewAll {
	float:right;
	color:#938f7b;
	text-decoration:none;
	font-weight:bold;
	border-left: 4px solid #e1e1d4;
	padding-left:15px;
}
a.galleryTitle_viewAll:hover {
	color:#535449;
}
.galleryNav {
	float:right;
	font-size:9px;
	margin-right:10px;
}



/* A Gallery Page */
.galleryComment {
	margin-top:25px;
	margin-right:75px;
}
.dateCreated, .imgNumber {
	float:right;
	color:#938f7b;
	text-decoration:none;
	font-weight:bold;
	border-left: 4px solid #e1e1d4;
	padding-left:15px;
}
.imgNumber {
	font-weight:normal;
	color:#3d3c35;
}
/* LightBox */
#lightbox {position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img {border: none; }
#outerImageContainer {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}		
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;}
.lbWidth /* Min-Width */{ /* most browsers */position: absolute;top: 0px; left: 0px;width: 100%;min-width: 790px;}
* html .lbContent { /* IE6 */margin-left: -790px;position:relative;}
* html .lbMinWidth { /* IE6 */padding-left: 790px;}	
.clearfix:after /* Clearfix */{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix /* Hides from IE-mac \*/{height: 1%;}
.clearfix {display: block;}
	

/*Photo Thumbnails*/
.bottomTn {
	width: 288px; height:212px;
	border-bottom:1px solid #d7d7ca;
	margin-left:25px;
	background: url(../images/bg_favoritespanel.jpg) center no-repeat #3e3c34;
}

.thumbnail {
	width: 41px; height: 47px;
	padding:3px 0px 0px 2px;
	background: url(../images/bg_thumbnail.jpg);
	float: left;
	margin-right:6px; margin-bottom: 14px;
}	

/* Photo Enlarge */
.bottomEnlargePhoto {width: 250px; height: 236px;border:1px solid #d7d7ca;margin:0; padding:14px;margin-right:25px;
background-color:#fff;}
.enlargeImage {background:url(../images/bg_photoEnlarge.jpg); width:100%; height:230px;border:1px solid #989185;}
a.prevPhoto {width:23px; margin-left:150px; float:left; height:21px;}
/* Activities Page */
.rightSide 
{
	float:right;
	width:204px;
	margin-right:23px;
}
.leftSide 
{
	margin-left:24px;
	margin-right:253px;
}
.leftSide 
{
	margin-top:10px;
}
.actTitle 
{
	background: #fffff3;
	height:35px;
	border:1px solid #d7d7ca;
	padding:17px 24px 0 24px;
}
.brTitle 
{
	background: #7d7b16;
	height:35px;
	border:1px solid #d7d7ca;
	padding:17px 24px 0 24px;
	margin-top: 6px;
}
.browseTitle 
{
	color:#fffff3;
	text-transform:uppercase;
	margin:0px;
	padding:0;
	line-height:11px;
	font-size:11px;
}
.browsesubTitle 
{
	line-height:14px;
	color:#504b00;
	font-size:11px;
}
.mjrEvents 
{
	background: url(../images/bg_mjrevents.jpg) no-repeat #3e3b33;
	height:35px;
	border:1px solid #d7d7ca;
	padding:17px 24px 0 24px;
}
.mjrTitle 
{
	color:#e6e07d;
	text-transform:uppercase;
	margin:0px;
	padding:0;
	line-height:11px;
	font-size:11px;
}
.mjrsubTitle 
{
	line-height:14px;
	color:#706d5a;
	font-size:11px;
}
a.calendarHelp
{
	background:url(../images/btn_calendarHelp.jpg);
	width:187px; height:40px;
	padding:14px 0 0 17px;
	display:block;
}
a.calendarHelp:hover
{
	background:url(../images/btn_calendarHelp_over.jpg);
}
/* Table (see sortable table below) */


/*----------- END SUBCONTENT ---------*/

/*----------- FOOTER ----------*/
.twoColFixRtHdr #footer_home {
	background:url(../images/home_footer.jpg);
	width:943px; height:107px; 	
}
.twoColFixRtHdr #footer {
	background:url(../images/footer.jpg);
	width:943px; height:107px
}
/*----------- END FOOTER ------*/ 

/* -----------------------------------*/
/* ------> END STRUCTURE <<<----*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ------> 4. TYPOGRAPHY <<<-------*/
/* -----------------------------------*/
/* Colors */
.green 
{color: #7d7b16;}
.brown
{color: #6d6645;}
.grey 
{color: #48483c;}
.black 
{color: #000000;}
/* End Colors */
	
/* Text */
body {
	font-size: 11px;
	font-family: 'Tahoma', Geneva, Arial, Helvetica, sans-serif;
	color: #625f4d;
	line-height:21px;
}

p.top {
	margin-top:14px;
}
h1 {
	font-size:20px;
	font-family:'Futura Lt BT', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin:21px 0 0 29px;
	color:#625f4d;
}
.h1Highlight {
	color: #7d7b16;
}
/* End Text */	

/* Lists */
/* Aux Nav */
.twoColFixRtHdr #header ul.auxNav {
	width: 54px; height: 10px;
	float:right; margin-right: 23px; margin-top:68px;
}
.twoColFixRtHdr #header ul.auxNav a {
	display: block; text-indent: -9999px;
}
.twoColFixRtHdr #header ul.auxNav li.auxHome {
	background:url(../images/aux_home.gif);
	width: 18px; height: 10px; float:left;
}
.twoColFixRtHdr #header ul.auxNav li.auxAbout {
	background:url(../images/aux_about.gif);
	width: 18px; height: 10px; float:left;
}
.twoColFixRtHdr #header ul.auxNav li.auxGallery {
	background:url(../images/aux_gallery.gif);
	width: 18px; height: 10px; float:left;
}
.twoColFixRtHdr #header ul.auxNav li.auxHome a {
	width: 18px; height: 10px;
}
.twoColFixRtHdr #header ul.auxNav li.auxAbout a {
	width: 18px; height: 10px;
}
.twoColFixRtHdr #header ul.auxNav li.auxGallery a {
	width: 18px; height: 10px;
}
/* Side Bar */
ul.categories li, ul.archives li, ul.blogroll li, ul.meta li {
	background:url(../images/li_column3.gif) left no-repeat;
	padding-left: 8px;
	line-height: 16px;
	margin-left: 21px;
}
ul.categories li.first, ul.archives li.first, ul.blogroll li.first, ul.meta li.first {
	margin-top: 7px;
}
ul.categories, ul.archives, ul.blogroll {
	padding-bottom: 25px;
}
.bottomBorder {
	width:100%;
	height: 1px;
	background-color: #615d4f;;
	margin-left: -15px;
	margin-bottom: 18px;
}

/* End Lists */

/* Tables */
/*Sortable Table*/
table#sortable_table 
{
	background:#e2e2d5;
	border-collapse:collapse;
	width:355px;
	text-align:center;
}
table#tableBrowse
{
	background:#e2e2d5;
	border-collapse:collapse;
	width:189px;
	text-align:center
}
table#sortable_table tr, table#tableBrowse tr
{
	border-bottom:1px solid #d7d7ca;
}
table#sortable_table thead img
{
	margin-top:-12px;
	margin-left:25px;
}
table#sortable_table thead a
{
	text-decoration:none;
	color:#7d7b16;
}
table#sortable_table thead th
{
	padding:10px 7px 0px 7px;
 	text-align:left;
	color:#7d7b16;
}
table#tableBrowse thead th
{
 	text-align:left;
	color:#7d7b16;
}
table#sortable_table thead tr, table#tableBrowse thead tr
{
	background-color:#fffff3;
}
table#sortable_table td
{
	padding:4px 7px;
}
table#tableBrowse td.padleft
{
	padding-left:15px;
}
table#tableBrowse thead tr th.padleft
{
	padding-left:7px;
}
table#sortable_table tbody tr.odd td, table#tableBrowse tbody tr.odd td
{
	background:transparent url(/images/tr_bg.png) repeat top left;
}
* html table#sortable_table tr.odd td, * html table#tableBrowse tr.odd td
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tr_bg.png', sizingMethod='scale');
}
table#sortable_table #middle, table#tableBrowse #middle
{
	background-color:#dadac7;
}
/* End Tables */

/* Forms */
/* End Forms */

/* Links */
#sidebarHome a, #sidebarSub a {
	color:#bdbc9e;
	text-decoration:none;
}
#sidebarHome a:hover, #sidebarSub a:hover {
	color:#dddbbd;
	text-decoration:underline;
}
.sectionOne a.readMore {
	font-weight: bold;
	color: #625f4d;
	text-decoration: none;
	margin-left: 180px;
	line-height: 70px;
}
.sectionOne a.readMore:hover {
	background:url(../images/a_learnmore.gif) left center no-repeat;
	padding-left:10px;
}

a.viewAllPhotos {
	font-weight: bold;
	color: #625f4d;
	text-decoration: none;
	margin-top:29px;
	margin-right:42px;
}
a.viewAllPhotos:hover {
	background:url(../images/a_learnmore.gif) left center no-repeat;
	padding-left:10px;
}
a {
	color: #7d7b16;
}
a:hover {
	color: #a3a03d;
}
a.prevMonth {
	color:#9fa092;
	text-decoration:none;
	font-size:9px;
	background:url(../images/prevMonth.gif) left no-repeat;
	padding-left:8px;
}
a.prevMonth:hover {
	color: #a3a03d;
	background:url(../images/prevMonth_hover.gif) left  no-repeat;
}
a.nextMonth {
	color:#9fa092;
	text-decoration:none;
	font-size:9px;
	background:url(../images/nextMonth.gif) right no-repeat;
	padding-right:8px;
}
a.nextMonth:hover {
	color: #a3a03d;
	background:url(../images/nextMonth_hover.gif) right  no-repeat;
}
.alpha:hover {
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}
/* End Links */

/* -----------------------------------*/
/* ------> END TYPOGRAPHY <<<---*/
/* -----------------------------------*/