/* ModuleBegin::blog */
.blogArchiveMonth { padding-left:10px; }
.blogArchiveYear { font-weight: bold; }
.blogDate { padding:5px 0px; font-weight: bold; background-color: #eeeeee; }
.blogDividerComments { height: 1px; background-color:#cccccc; }
.blogDividerTop { height: 1px; background-color:#cccccc; }
.blogEntry { padding-top: 5px; }
.blogEntryFooter { padding-bottom: 10px; }
.blogFooter { height: 1px; background-color:#cccccc; }
.blogPosted { padding-bottom: 5px; padding-top: 5px; color: #000066; }
.blogTitle { color: #000066; font-weight: bold; padding-top: 10px; }
/* ModuleEnd::blog */

a { color: #3366cc; text-decoration: none; }
a:hover { text-decoration: underline; }
html, input, select { font: normal 11px Verdana, Helvetica, Arial, sans-serif; color: #000; }
h1 { color: #f05c28; font:22px Helvetica, Arial, sans-serif; margin: 0px 0px 0px 0px; padding: 5px 0px 8px 12px; }
h2 { color: #000000; font:bold 15px Helvetica, Arial, sans-serif; margin: 0px 0px 10px 0px; }
body { color: #5c5c5d }
p, form { margin: 0px 12px 5px 12px; font-size:10pt; }
LI {padding-bottom:5px;}
img { border: 0; }



.canvas2 { clear: both; width: 781px; margin:0 auto; }

.shadowR, .shadowB, .shadowL, .shadowBL, .shadowBR { display: block; float: left; }

.shadowR { background: url(graphics/shadow_right.jpg) right repeat-y; }

.shadowL { background: url(graphics/shadow_left.jpg) left repeat-y; }

.shadowB { background: url(graphics/shadow_bottom.jpg) bottom repeat-x; }

.shadowBL { background: url(graphics/shadow_bl.jpg) left bottom no-repeat; }

.shadowBR { background: url(graphics/shadow_br.jpg) right bottom no-repeat; padding: 0px 6px 6px 6px; }

#mainDiv { width: 781px; margin: 0 auto; background: #c3c3c5 url(graphics/home_bg.jpg) repeat-y left top; }
#mainDiv:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } 

#mainDivInt { width: 781px; margin: 0 auto; background-color: #FFF; }

#page { margin: 0; width: 100%; background-color: #c3c3c5; }

#header {  }

#dateBar { background: url(graphics/date_bg.jpg) repeat-x; width: 781px; height: 28px; line-height: 28px; }

.datebox { margin-left: 10px; color: #FFF; font-size: 12px; font-weight: bold; }

#mainLogo { background: url(graphics/logo_bg.jpg) repeat-x; width: 352px; height: 132px; float: left; }

#mainLogoInt { background: url(graphics/logo_bg.jpg) repeat-x; width: 348px; height: 132px; float: left; }

#images { float: right; width: 429px; height: 132px; }

#imagesInt { float: right; width: 432px; height: 132px; }

#horizontalMenuDiv { width: 781px; height: 32px; background-color: #70adcc; background: url(graphics/horizontal_menu_bg.jpg) repeat-x; }

#topMenu { width: 573px; float: left; }

.menuPipeLink { color: #FFF; line-height: 32px; margin-left: 24px; font-size: 12px; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; }

#main_menu { width: 198px; /* height: 182px; */ padding-top: 10px; float: left; /* background: #70adcc url(graphics/main_menu_bg.jpg) repeat-x; */ }

#mainBody { width: 582px; min-height: 513px; float: right; margin-left: 1px; border-top:1px solid #c3c3c5; }
* html #mainBody { height: 513px; }

#welcomeBox { width: 582px; height: 252px; background: url(graphics/welcome_bg.jpg) repeat-x; }

#welcomeMessage { padding: 10px 24px 0px 5px; width: 342px; height: 189px; float: right; font-size: 11px; line-height: 18px; }

#Welcome_Flash { height: 200px; width: 209px; float: left; }

#left { float: left; width: 198px; background: transparent url(graphics/main_menu_bg.jpg) repeat-x; }

#leftInt { background-color: #9CC9E0; vertical-align: top; }

#calendarDiv { width: 198px; height: 192px; clear: both; }

#newsletterSignup { width: 198px; height: 95px; clear: both; }

#newsletterBody { background: url(graphics/newsletter_bg.jpg) repeat-x; padding-left: 14px; width: 184px; height: 66px; }

#bannerBody { padding-top: 10px; background: transparent; width: 198px; height: 130px; text-align:center; overflow: hidden;}
.bannerBody { padding-top: 10px; background: transparent; width: 198px; height: 130px; text-align:center; overflow: hidden;}
.bannerBodyTop { padding-top: 10px; background: transparent; width: 198px; text-align:center;}
/*
#bannerBody { padding-top: 10px; background-color: #70adcc; width: 198px; height: 130px; text-align:center; overflow: hidden;}
.bannerBody { padding-top: 10px; background-color: #9CC9E0; width: 198px; height: 130px; text-align:center; overflow: hidden;}
*/
#news { width: 313px; min-height: 213px; background-color: #ffa672; padding-top: 10px; border-left: 1px solid white; }
* html { height:213px; }

#newsHead { width: 314px; height: 37px; }

#newsBox { float: left; width: 314px; /* height: 260px; */ clear: left; }

#registerBox { float: right; width: 268px; /* height: 260px; */ }

#registerHead { width: 268px; height: 37px; }

#register { width: 268px; height: 223px; background: url(graphics/Register_bg.jpg) repeat-y; }

.eventHeadlineTD {padding-left: 15px;}
.eventHeadline { color: #f05c28; font-size: 12px; font-weight: bold;  }
.eventTD .eventHeadline {padding-left: 15px;}
.eventDetail { padding-left: 15px; }
.eventMoreLink { padding-left: 15px; color: #f05c28; }
.eventDateHeader { background: #e3e3e3; }


#contentDiv { width: 572px; height: 501px; background-color: #fff; }

#contentCell { vertical-align: top; padding: 15px 15px 0px 15px; }
#contentCellPhoto { vertical-align: top; padding: 0px; }

#footer { clear: both; height: 42px; width: 781px; background-color: #c3c3c5; margin: 0 auto; }

#footerLogo { width: 78px; float: left; }

#empowered { float: right; width: 144px; margin: 0 auto; padding-top: 10px; font-size: 9px; }

#address { width: 502px; margin: 0 auto; float: left; padding-top: 16px; padding-left: 29px; }

.canvas { clear: both; }

#signupIntro { font: normal 11px Helvetica, Arial, sans-serif; color: #245b8d; }

.registerWebpage { color: #fff; font-weight: bold; padding: 5px; 0px; 0px; 5px; }

.registerWebpage a { color: #fff; }

.registerWebpage tr { }

.enewsBoxSubmit { }

.newsListHeadline { font: bold 15px Helvetica, Arial, sans-serif; color: #0068a8; }
.newsListPublishline { font: normal 9px Verdana, Helvetica, Arial, sans-serif; color: #000000; }
.newsListBlurb {}
.newsListMoreLink {}

#broadcastemail_signup_form { padding: 5px 14px 0px 5px; margin: 0px; }

#search { float: right; /*margin-right: 10px;*/ height: 28px; padding-top: 4px; width: 194px; }
#search .queryLabel { float: left; font:bold 12px Helvetica, Geneva, sans-serif; color: #ffffff; margin: 5px 8px 0px 0px; }
#search .searchInput { float: left; margin: 2px 2px; }
#search .submit { float: left; margin: 2px 0px 0px 2px; }

#Classes { width: 268px; height: 47px; }

#Events { width: 268px; height: 36px; }

#Become { width: 268px; height: 37px; }

#Donation { width: 268px; height: 37px; }

#Firsttime { width: 268px; height: 48px; }
#form form table { width: 540px; }

/* Month at a Glance */
#calendarDetail table { width: 558px; table-layout: fixed; margin: 10px 10px 0px 0px; }
#calendarDetail .calendarMonths { background-color: #4e2e92; text-align: center;  vertical-align: middle; }
#calendarDetail .calendarMonths a { display: block; color: #ffffff; font-weight: bold; font-size: 12px; text-decoration: none; padding: 5px 0px 5px 0px; }
#calendarDetail .calendarMonths a:hover { background-color: #99cd00; color: #ffffff; }
#calendarDetail .calendarDays { border-collapse: collapse; table-layout: fixed; }
#calendarDetail .calendarDays .title { font-size: 14px; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; }
#calendarDetail .calendarDays .normal { display: none; }
#calendarDetail .calendarDays td { text-align: center; border: 1px solid #000000; font-weight: bold; }
#calendarDetail .calendarDays .weekdays { height: 30px; background-color: #0067a9; color: #ffffff; }
#calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eeeeee; }
#calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #4e2e92; padding-left: 5px; color: #ffffff; }
#calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }
#calendarDetail .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; background-color: #0067a9; padding-left: 5px; color: #ffffff; }
#calendarDetail .calendarDays .eventOn a { color: #ffffff; }

/* Calendar Starts */
#calendar { font-size: 12px; background: url(graphics/calendar_bg2.jpg) repeat-x; }
#calendar .cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; }
#calendar .calPrev { position: absolute; top: 4px; left: 15px; }
#calendar .calNext { position: absolute; top: 4px; right: 15px; }
#calendar .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
#calendar .calPrev a, .calNext a, .calMonth a { text-decoration: none; color: #08427a; }
#calendar .calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; }
#calendar .calGrid { margin-top: 4px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; }
#calendar .calGrid td { font-size: 8pt; padding-bottom: 1px; text-align: center; color: #08427A; }
#calendar .calGrid tr.calWeek { font-weight: bold; text-align: center; }
#calendar .calDayOn a { color: #08427a; font-weight: bold; text-decoration: underline; }
#calendar .calDayOn a:hover { text-decoration: none; }
#calendar .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #ffffff; color: #08427a; font-weight: bold; }
#calendar .calGrid td.calTodayOn a { text-decoration: underline; color: #08427a; font-weight: bold; }
#calendar .calBottom { text-align: left; padding-left: 20px; }
#calendar .calMonthGlance { padding: 0px 0px 3px 0px; font-size: 10px; }
#calendar .calBottom a { color: #08427a; font-size: 10px; }

/*//////////////////////////////*/
/* MenuBegin:Horizontal_Menu */
#Horizontal_Menu {z-index:900;}
ul.Horizontal_Menu { margin: 0; border: 0; padding: 0; list-style: none; line-height: 30px; }
ul.Horizontal_Menu li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; z-index: 900;}
ul.Horizontal_Menu ul { margin: 0; border: 0; padding: 0; list-style: none; /*width: 100px;*/ display: none; position: absolute; top: 31px; left: 0; }
ul.Horizontal_Menu ul li { z-index: 950; position: relative; display: block !important; display: inline; float: none; }

/* 1st Level */
ul.Horizontal_Menu a { color: #fff; background: transparent; text-decoration: none; text-align: left; padding: 0px 10px 0px 10px; font: bold 12px/30px Verdana, Geneva, sans-serif; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ border-top: 1px solid white;}
ul.Horizontal_Menu a:hover,
ul.Horizontal_Menu li:hover a,
ul.Horizontal_Menu a:hover,
ul.Horizontal_Menu li.over a { z-index: 900; position: relative; color: #fff; /*background: #7b9a23;*/ text-decoration: none; border-top: 1px solid white; }

/* 2nd Level */
ul.Horizontal_Menu li:hover li a,
ul.Horizontal_Menu li.over li a { width: 140px; line-height: 30px; color: #fff; background: #9ac02c; text-decoration: none; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; border-bottom:0; float: none; }
ul.Horizontal_Menu li:hover li a:hover,
ul.Horizontal_Menu li:hover li:hover a,
ul.Horizontal_Menu li.over li a:hover,
ul.Horizontal_Menu li.over li.over a { color: #fff; background: #7b9a23; text-decoration: none; color: #fff; background: #7b9a23; text-decoration: none; }
ul.Horizontal_Menu li:hover li a.first,ul.Horizontal_Menu li.over li a.first { border-top: 1px solid #fff; }
ul.Horizontal_Menu li:hover li a.last,ul.Horizontal_Menu li.over li a.last { border-bottom: 1px solid #fff; }

/* 3rd Level */
ul.Horizontal_Menu li:hover li:hover li a,
ul.Horizontal_Menu li.over li.over li a { width: 140px; line-height: 30px; color: #fff; background: #9ac02c; text-decoration: none; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; border-bottom:0; }
ul.Horizontal_Menu li:hover li:hover li a:hover,
ul.Horizontal_Menu li:hover li:hover li:hover a,
ul.Horizontal_Menu li.over li.over li a:hover,
ul.Horizontal_Menu li.over li.over li.over a { color: #fff; background: #7b9a23; text-decoration: none; color: #fff; background: #7b9a23; text-decoration: none; }
ul.Horizontal_Menu li:hover li:hover li a.first,ul.Horizontal_Menu li.over li.over li a.first { border-top: 1px solid #fff; }
ul.Horizontal_Menu li:hover li:hover li a.last,ul.Horizontal_Menu li.over li.over li a.last { border-bottom: 1px solid #fff; }

/* 4th Level */
ul.Horizontal_Menu li:hover li:hover li:hover li a,
ul.Horizontal_Menu li.over li.over li.over li a { width: 140px; line-height: 30px; color: #fff; background: #9ac02c; text-decoration: none; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; border-bottom:0; }
ul.Horizontal_Menu li:hover li:hover li:hover li a:hover,
ul.Horizontal_Menu li.over li.over li.over li a:hover { color: #fff; background: #7b9a23; text-decoration: none; color: #fff; background: #7b9a23; text-decoration: none; }
ul.Horizontal_Menu li:hover li:hover li:hover li a.first,ul.Horizontal_Menu li.over li.over li.over li a.first { border-top: 1px solid #fff; }
ul.Horizontal_Menu li:hover li:hover li:hover li a.last,ul.Horizontal_Menu li.over li.over li.over li a.last { border-bottom: 1px solid #fff; }

ul.Horizontal_Menu ul ul,
ul.Horizontal_Menu ul ul ul { display: none; position: absolute; top: 0; left: 161px; }
/* Do Not Move - Must Come Before display:block for Gecko */
ul.Horizontal_Menu li:hover ul ul,ul.Horizontal_Menu li:hover ul ul ul,ul.Horizontal_Menu li.over ul ul,ul.Horizontal_Menu li.over ul ul ul { display: none; }
ul.Horizontal_Menu li:hover ul,ul.Horizontal_Menu ul li:hover ul,ul.Horizontal_Menu ul ul li:hover ul,ul.Horizontal_Menu li.over ul,ul.Horizontal_Menu ul li.over ul,ul.Horizontal_Menu ul ul li.over ul { display: block;}
/* MenuEnd:Horizontal_Menu  */

/*////////////////////////*/
/* MenuBegin:main_menu */
ul.main_menu ,ul.main_menu li,ul.main_menu ul { margin: 0; border: 0; padding: 0; list-style: none; width: 198px; }
ul.main_menu li { z-index:500; position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ }

/* 1st Level */
ul.main_menu a { color: #fff; background: transparent; text-decoration: none; text-align: left; padding: 0px 10px; font: normal 12px/18px Verdana, Geneva, sans-serif; display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.main_menu a:hover,
ul.main_menu li:hover a,
ul.main_menu a:hover,
ul.main_menu li.over a { color: #fff; background: #327ca1; text-decoration: none; }

/* 2nd Level */
ul.main_menu li:hover li a,
ul.main_menu li.over li a { width: 158px; line-height: 22px; color: #fff; background: #327ca1; text-decoration: none; border: 1px solid #fff; }
ul.main_menu li:hover li a:hover,
ul.main_menu li:hover li:hover a,
ul.main_menu li.over li a:hover,
ul.main_menu li.over li.over a { color: #fff; background: #1D678C; text-decoration: none; color: #fff; text-decoration: none; }
ul.main_menu li:hover li a.last,ul.main_menu li.over li a.last { border-bottom: 0; }
ul.main_menu ul { display: none; position: absolute; top: 0; left: 193px;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.main_menu li:hover ul,ul.main_menu li.over ul { display: block; }
ul.main_menu .nav:after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:main_menu */

#Schedules_Menu { margin: 0 auto; height: 34px; float: left; }

#Schedules_Menu img { vertical-align: bottom; }

/* MenuBegin:Schedules_Menu */
ul.Schedules_Menu ,ul.Schedules_Menu li,ul.Schedules_Menu ul { margin: 0; border: 0; padding: 0; list-style: none; width: 198px; }
ul.Schedules_Menu li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ }

/* 1st Level */
ul.Schedules_Menu a { color: #fff; background: transparent; text-decoration: none; text-align: left; padding: 0px 0px; font: normal 12px/18px Verdana, Geneva, sans-serif; display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.Schedules_Menu a:hover,
ul.Schedules_Menu li:hover a,
ul.Schedules_Menu a:hover,
ul.Schedules_Menu li.over a { color: #fff; background: #777; text-decoration: none; }

/* 2nd Level */
ul.Schedules_Menu li:hover li a,
ul.Schedules_Menu li.over li a { width: 158px; line-height: 22px; color: #fff; background: #327ca1; text-decoration: none; border-bottom: 1px solid #fff; padding-left: 10px; }
ul.Schedules_Menu li:hover li a:hover,
ul.Schedules_Menu li:hover li:hover a,
ul.Schedules_Menu li.over li a:hover,
ul.Schedules_Menu li.over li.over a { color: #fff; background: #1D678C; text-decoration: none; color: #fff; text-decoration: none; }
ul.Schedules_Menu li:hover li a.last,ul.Schedules_Menu li.over li a.last { border-bottom: 0; }
ul.Schedules_Menu ul { display: none; position: absolute; top: 0; left: 200px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul.Schedules_Menu li:hover ul,ul.Schedules_Menu li.over ul { display: block; }
ul.Schedules_Menu .nav:after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:Schedules_Menu */
#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; }

/* ModuleBegin::photo */
.caption{font-style:italic;color:#666;}
.slideshow{position:relative;margin-top:2em;}
.gallery{margin:0 auto; padding: 0px;}
.gallery li{border:3px double #ccc;margin: 0 2px;background:#ecf2f9;}
.gallery li div{/*left:240px*/}
.gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#main_image{margin:0 auto 30px auto;background:#fff;text-align:center;}
#main_image img{margin-bottom:10px;}
.nav{clear:both; /* font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; */ text-align:center;}
.galleria{list-style:none;width:500px; margin:0px padding: 0px;}
.galleria li{display:block;width:90px;height:90px;overflow:hidden;float:left;margin:0 4px 8px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:500px} /* MSIE bug */
/* ModuleEnd::photo */