/* --------------- Header Styles --------------- */


#header { height: 158px; background: transparent url(graphics/charge/header_bg.jpg) no-repeat top left;}
#headerTop { height: 126px;}
#logo { width: 130px; height: 158px; position: absolute; top: 0; left: 0px; z-index: 97;}
#logo h1 { width: 130px; height: 158px; margin: 0; padding: 0; }
#logo a { width: 130px; height: 158px; display: block; text-indent: -30000px; }


#menuTop { float: right; width: 700px; height: 15px; padding: 10px 15px 0px 0px; text-align: right; color: #ffffff; }
#menuTop a { color: #ffffff; }
#register { width: 126px; height: 58px; position: absolute; top: 114px; right: -5px; z-index: 97; }

/* --------------- Search Top Styles --------------- */
#searchTop { float: right; width: 300px; padding: 32px 15px 0px 0px;  text-align: right; }
#searchTop .searchText { float: right; width: 60px; padding: 3px 5px 0px 0px; font-weight: bold; }
#searchTop .searchInput { float: right; width: 140px; height: 22px; padding-right: 5px;  }
#searchTop .searchBoxInput { width: 140px; height: 22px; border: 1px solid #b2b2b2; background: #ffffff; }
#searchTop .searchSubmit { float: right; width: 38px; height: 25px; }

/* --------------- Middle Styles --------------- */

#middle { padding: 20px 40px 0px 20px; }

#sideBar { float: left; width: 236px; padding-top: 20px; }
#date { padding: 40px 0px 20px 0px; }
#date h2 { padding: 0; margin: 0; color: #312977; font-size: 22px; line-height: 24px; font-weight: bold; text-align: center; text-transform: uppercase; font-family: Arial, Arial, Helvetica, sans-serif; }
#date h3 { padding: 0; margin: 0; color: #312977; font-size: 20px; line-height: 22px; font-weight: normal; text-align: center; text-transform: uppercase; font-family: Arial, Arial, Helvetica, sans-serif; }


#content { padding: 0px; width: 630px; float: right; }


/* --------------- Footer Styles --------------- */

#footerBanner { padding: 25px 10px; margin: 0 auto; text-align: center; }
#footerBanner img { padding: 0px 30px; }
#menuQuicklinks { text-align: center; height: 32px; }

#footer { height: 100px; padding: 0px 25px; background: transparent url(graphics/charge/footer_bg.jpg) repeat-x top left; }
#copyright { float: left; width: 700px; padding: 15px 0px 10px 5px; background: transparent url(graphics/charge/footer_sep.jpg) repeat-x bottom left; }
#copyright h2 { font-size: 14px; color: #ffffff; font-weight: bold; padding: 0; margin: 0; }
#copyright p { padding: 0; margin: 0; color: #ffffff; }
#menuFooter { float: left; width: 650px; padding: 8px 0px 0px 5px; color: #ffffff; }
#menuFooter, #menuFooter a, #accrisoft a { color: #ffffff; }
#menuFooter a span { color: #ffffff !important; }
#accrisoft { float: right; line-height: 1.3em; width: 150px; height: 35px; padding-top: 7px; }

#footerRight { width: 200px; padding: 19px 0px 0px 0px; float: right; }
#footerSocial { width: 200px; float: right; text-align: right; }


/* ---------------Global Styles--------------- */
a { color: #375ba9; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { }
a img { border: 0; }

h1 { color: #312977; font-size: 32px; margin: 0; padding: 10px 0px; font-weight: normal; }
h2 { color: #375ba9; font-size: 24px; margin: 0; padding: 10px 0px; font-weight: normal; }
h3 { color: #312977; font-size: 18px;  font-weight: normal; }
h4 { color: #c2243d; font-size: 14px; font-weight: normal;  }

body { color:#000;  }
#charge { padding: 0; margin: 0; background: #ffffff url(graphics/charge/bg.jpg) repeat-y 50% top;}
body, p, td, div { font-size: 12px; font-family: Trebuchet MS, Helvetica, sans-serif; }

#charge .container { width: 960px; margin:0 auto; padding: 0px; position: relative; }

form, input { padding:0; margin:0; }
.center { text-align: center; }

.clearSpace { clear: both; height: 10px; } 
.clearSpace:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html>body .clearSpace { height: auto; min-height: 10px; }

.photoLeft { float: left; margin: 10px 10px 10px 0px; }
.photoRight { float: right; margin: 10px 0px 10px 10px; }

/* End Global Styles */

/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */

/* ModuleBegin::faq */
#faqRoot { margin: 0 auto; padding: 0; }
#faq .faqcontent { margin: 0 10px 0 15px; }
#faq h2.faqopened, #faq h2.faqclosed { cursor: pointer; padding: 0 0 0 15px; margin-bottom: 0; }
#faq h2.faqclosed:hover { color: #004469; }
#faq h2.faqclosed { background: transparent url(graphics/jquery/collapsed.gif) no-repeat scroll 0 5px; margin-bottom: 5px; }
#faq h2.faqopened { background: transparent url(graphics/jquery/expanded.gif)  no-repeat scroll 0 5px; }
/* ModuleEnd::faq */

/* ModuleBegin::blog */
.blogArchiveWrapper {  }
.blogArchiveMonth { padding-left:30px; }
.blogArchiveYear { font-weight: bold; }


/* --------------- Sponsor Footer Styles --------------- */
#sponsorFooter { border-top: 1px solid #d5d5d5; padding: 10px; margin: 0px 2px; }
.sponsorTitle { color: #7c7c7c; font-weight: bold; padding: 0px 0px 10px 105px; margin: 0; text-transform: uppercase; text-align: center }
.sponsorLink { float: right; width: 95px; padding-left: 10px; background: transparent url(graphics/design/arrow_orange.jpg) no-repeat left 5px;}
.sponsorLink a { }

.sponsorTable { width: 100%; }
.sponsorTable td { padding: 10px; text-align: center; vertical-align: middle; }

/* --------------- Blog Styles ----------------- */

.entrydate { background:transparent url(graphics/design/date.jpg) no-repeat scroll 3px 3px; float:right; height:53px; margin-left:5px; margin-top:5px; width:49px; }
.entrydate .dateMonth { color:#ffffff; font-size:10px; margin:0; padding:3px 0 0; text-align:center; }
.entrydate .dateDay { font-family:Times New Roman,Helvetica,Sans-Serif; font-size:21px; font-weight:bold; margin:0; padding:3px 0 0 0; text-align:center; }

#blogRoll { float: right; width: 185px; }

/* --------------- Banner Styles --------------- */

#bannerContent { text-align: center; padding: 20px 0px 10px 0px; border-top: 1px solid #b2b2b2; }
#bannerSide1, #bannerSide2 { text-align: center; padding: 5px 0px; }

/* --------------- Event Styles --------------- */

/* ModuleBegin::events */
#homeEvents .eventsListerWrapper { padding-bottom: 15px; }
#homeEvents .eventsListerWrapper h2 { width: 236px; height: 36px; margin: 0; padding: 0px; 
 background: transparent url(graphics/charge/events.jpg) no-repeat left top; text-indent: -3000px; margin-top: 15px;}
#homeEvents .eventsListerWrapper .itemList { padding: 0px 0px 10px 15px; }
#homeEvents .eventsListerWrapper .eventDate { display: block; color: #375ba9; font-size: 13px; padding-left: 10px; background: transparent url(graphics/charge/arrow.jpg) no-repeat left 5px;}
#homeEvents .eventsListerWrapper h3 { margin: 0; padding: 0px 0px 0px 10px; color: #000000; font-size: 12px; }
#homeEvents .eventsListerWrapper h3 a { color: #000000; }

/* Events Detail */
.eventsDetailWrapper { }
.eventDate, .eventsDetailWrapper .eventTime, .eventsDetailWrapper .eventLocationMap, .eventsDetailWrapper .eventLocationAddress,
 .eventsDetailWrapper .eventLocationDriving, .eventsDetailWrapper .eventContact, .eventsDetailWrapper .eventPhone,
 .eventsDetailWrapper .eventEmail, .eventsDetailWrapper .eventRSVP, .eventsDetailWrapper .eventTicket,
 .eventsDetailWrapper .eventTicket1, .eventsDetailWrapper .eventTicket2 ,.eventsDetailWrapper .eventTicket3,
 .eventsDetailWrapper .eventTicket4, .eventsDetailWrapper .eventTicket5, .eventsDetailWrapper .eventTicket6 { display: block; }
.eventLocation, .eventRSVP, .eventTicketWrapper{ padding: 5px 0px; }
.eventDate {  }
.eventTime {  }
.eventLocation { }
.eventLocationMap {  }
.eventLocationAddress {  }
.eventLocationDriving {  } 
.eventContact {  }
.eventPhone {  }
.eventEmail {  }
.eventRSVP {  }
.eventTicketWrapper { }
.eventTicket {  }
.eventBody { }

/* Events Small Calendar */

#homeCal { margin: 0 auto; width: 203px; padding: 0px; }

.calendarSmallWrapper { font-size: 12px; padding: 0; margin: 0;  }
#calendar, #calendarBox { padding: 0; margin: 0; }
.cal { text-align: center; margin-left: auto; margin-right: auto; padding: 8px 0px 8px 7px; background: #ffffff; border: 1px solid #d5d5d5; }

.calTop { background: transparent url(graphics/charge/cal_top.jpg) no-repeat top left; 
 width: 195px; height: 28px;}
.calPrev { float: left; width: 30px; height: 28px; }
.calPrev a { width: 30px; }
.calNext { float: right; width: 29px; height: 28px; }
.calNext a { width: 29px; }
.calPrev a, .calNext a { text-decoration: none; display: block; height: 28px; }
.calPrev a:hover, .calNext a:hover { text-decoration: none; }
.calMonth { float: left; width: 135px; padding-top: 4px; }
.calMonth a { text-decoration: none; display: block; color: #ffffff; text-align: center; font-weight: bold; }
.calMonth a:hover { text-decoration: underline; }

.calGrid { background: transparent url(graphics/charge/cal_bg.jpg) repeat-y top left; 
 width: 187px; padding: 0px 0px 0px 0px; margin: 0;}
.calGrid table { width: 187px; padding: 0; margin: 0; }
.calGrid td { background: transparent url(graphics/charge/cal_day.jpg) no-repeat 1px 1px; 
 width: 27px; height: 18px; line-height: 13px; color: #000000; padding: 0; margin: 0; font-size: 12px; text-align: center; }
.calGrid .calWeek td { color: #000000; background: none; font-weight: bold;; }
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; text-decoration: none;  color: #375ba9;}
.calDayOn a:hover { text-decoration: underline; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { font-weight: bold; 
 background: transparent url(graphics/charge/cal_day_on.jpg) no-repeat 1px 1px; color: #ffffff;}
.calGrid td.calTodayOn a { text-decoration: underline; font-weight: bold; color: #ffffff;}
.calGrid td.calDayOff { background: 0; }
.calBottom { padding: 5px 0px 0px 0px; text-align: center; color: #375ba9; }
.calMonthGlance { padding: 0px; }
.calBottom a { color: #375ba9; }

/* ModuleEnd::events */

/* --------------- Menu Styles --------------- */

/* MenuBegin:menu_charge */

#menu_charge { height: 32px; margin: 0 auto; padding-left: 130px; }
ul.menu_charge { margin: 0; border: 0; padding: 0; list-style: none; line-height: 32px; text-align: center; float: left;  }

ul.menu_charge li { margin: 0; border: 0; padding: 0;  float: left;/*Gecko*/ display: inline; list-style: none; position: relative; z-index: 96; }

ul.menu_charge ul { margin: 0; border: 0; padding: 0px; list-style: none; width: 190px; 
 display: none; position: absolute; top: 32px; left: 0; float: none; text-align: left; }
ul.menu_charge ul ul { }
ul.menu_charge ul ul ul { }
ul.menu_charge ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/; left: 0; }

/* 1st Level */
ul.menu_charge a { color: #ffffff; text-decoration: none; text-align: center; padding: 0px 10px 0px 10px; border-left: 1px solid #ffffff; 
 font-family: Trebuchet MS, Helvetica, sans-serif;
 font-size: 12px; line-height: 32px; background: transparent url(graphics/charge/menu_bg.jpg) repeat-x left top;
 float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.menu_charge a:hover,
ul.menu_charge li:hover a,
ul.menu_charge a:hover,
ul.menu_charge li.over a { text-decoration: none; background: transparent url(graphics/charge/menu_on.jpg) repeat-x left top;}
ul.menu_charge a.last {  } 
html>body ul.menu_charge a.last {  }  

ul.menu_charge li.item1 a {  }
ul.menu_charge li.item2 a {  }
ul.menu_charge li.item3 a {  }
ul.menu_charge li.item4 a {  }
ul.menu_charge li.item5 a { line-height: 16px; }
ul.menu_charge li.item6 a { line-height: 16px; }
ul.menu_charge li.item7 a { line-height: 16px; }
ul.menu_charge li.item8 a {  }
ul.menu_charge li.item9 a { background: transparent url(graphics/charge/menu_on.jpg) repeat-x left top; }
ul.menu_charge li.item9 a:hover { background: transparent url(graphics/charge/menu_bg.jpg) repeat-x left top; }


/* 2nd Level */
ul.menu_charge li:hover li a,
ul.menu_charge li.over li a { color: #ffffff; text-decoration: none; width: 150px; text-align: left;
 font-size: 12px; line-height: 14px; 
 background: #c1203a; padding: 5px 20px; float: none; height: auto; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
ul.menu_charge li:hover li a:hover,
ul.menu_charge li:hover li:hover a,
ul.menu_charge li.over li a:hover,
ul.menu_charge li.over li.over a { text-decoration: none; background: #312977; }

/* 3rd Level */
ul.menu_charge li:hover li:hover li a,
ul.menu_charge li.over li.over li a { color: #ffffff; text-decoration: none; }
ul.menu_charge li:hover li:hover li a:hover,
ul.menu_charge li:hover li:hover li:hover a,
ul.menu_charge li.over li.over li a:hover,
ul.menu_charge li.over li.over li.over a { text-decoration: none; background: #c1203a; }

/* 4th Level */
ul.menu_charge li:hover li:hover li:hover li a,
ul.menu_charge li.over li.over li.over li a { color: #ffffff; text-decoration: none; }
ul.menu_charge li:hover li:hover li:hover li a:hover,
ul.menu_charge li.over li.over li.over li a:hover { text-decoration: none; background: #312977; }

ul.menu_charge ul ul,
ul.menu_charge ul ul ul { display: none; position: absolute; top: 0; left: 191px; }

ul.menu_charge li.item7 ul ul,
ul.menu_charge li.item7 ul ul ul { left: -191px; }

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