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

#header {
 height: 111px;
}
#header #logo {
 float: left;
 width: 450px;
}
#header #logo a {
 width: 423px;
 height: 111px;
 display: block;
 background: transparent url(graphics/design/logo.jpg) no-repeat top left;
}
#header #logo2 {
 float: left;
 width: 450px;
}
#header #logo2 a {
 width: 423px;
 height: 111px;
 display: block;
 background: transparent url(graphics/design/logo2.jpg) no-repeat top left;
}
#header h1 {
 display: none;
}
#header #menuTop {
 float: right;
 width: 500px;
 padding-top: 10px;
 text-align: right;
 color: #ffffff;
 font-size: 12px;
}
#header #menuTop a {
 color: #ffffff;
}


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

/* --------------- Photo Home Styles --------------- */

#photoHome {
 height: 252px;
}
#photoHome img {
 border: 0;
 vertical-align: bottom;
}

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

#middle {
 width: 960px;
 background: #ffffff url(graphics/design/content_top.jpg) no-repeat top left;
}
#middleBg {
 width: 960px;
 background: transparent url(graphics/design/content_bottom.jpg) no-repeat bottom left;
} 
#middleBg:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}


#content {
 padding: 15px 40px;
}
#contentInt {
 height: 400px;
}

html>body #contentInt {
 height: auto;
 min-height: 400px;
}

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

#footer {
 height: 74px;
 margin-top: 7px;
 padding: 0px 25px;
 background: transparent url(graphics/design/footer_bg.jpg) no-repeat top left;
}
#copyright {
 float: left;
 width: 600px;
 padding: 10px 0px 4px 0px;
 background: transparent url(graphics/design/footer_sep.jpg) repeat-x bottom left;
}
#copyright p {
 color: #ffffff;
 padding: 0;
 margin: 0;
 font-size: 12px;
 line-height: 14px;
}
#menuFooter {
 float: left;
 width: 600px;
 padding: 2px 0px 0px 0px;
}
#menuFooter,
 #menuFooter a,
 #accrisoft a {
 color: #ffffff;
 font-size: 12px;
}
#accrisoft {
 float: right;
 width: 180px;
 height: 35px;
 padding-top: 20px;
 font-size: 12px;
}
#accrisoft div {
 line-height: 14px;
}


/* ---------------Global Styles--------------- */
a {
 color: #006A65;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
a:visited {
}
h1 {
 text-transform: uppercase;
 text-align:center;
 color: #006A65;
 font-size: 20px;
 margin: 0;
 padding: 10px 0px;
}
h2 {
 color: #61A5A5;
 font-size: 16px;
 margin: 0;
 padding: 10px 0px 0px 0px;
}
h3 {
 color: #006A65;
 font-size: 14px;
 font-weight: bold;
}
h4 {
 color: #61A5A5;
 font-size: 14px;
 font-weight: bold;
}

body {
 color: #000;
}
#page {
 padding: 0;
 margin: 0;
 background: #242424 url(graphics/design/page_bg.jpg) repeat-x top left;
}
body,
 p,
 td,
 div {
 font: normal 14px/1.5em Arial, Helvetica, sans-serif;
 margin-top:0;
 padding-top:0;
}

.container {
 width: 960px;
 margin: 0 auto;
 padding: 0;
 clear: both;
}
form,
 input {
 padding: 0;
 margin: 0;
}
.center {
 text-align: center;
}
.clearSpace {
 clear: both;
} 
.clearSpace:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
/* End Global Styles */

/* ---------------General Module Styles--------------- */
.itemCount {
}
.itemList {
 clear: both;
} 
.itemList:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.itemList h2 a {
 text-decoration: none;
}
.itemList h2 a:hover {
 text-decoration: underline;
}
.itemList span {
 display: block;
}
.itemLabel {
 font-weight: bold;
}
.itemList span.itemLabel {
 display: inline;
}
.bottomNavigation {
 clear: both;
}
.goBack {
}
.errorMessage {
 font-weight: bold;
 color: #f00;
}
/* End General Module 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-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 */

/* Send Page Styles */
.sendpage {
 clear: both;
}
.sendpageBody div,
 .sendpageBody td {
 padding: 2px 0px;
}
/* End Send Page Styles */

/* ModuleBegin::gendocs */
.webpageWrapper {
}
/* ModuleEnd::gendocs */

/* --------------- Enews Styles --------------- */
#enewsBox {
 padding: 0px 5px 20px 5px;
}
#enewsBox h2 {
 font-size: 18px;
}
#enewsBox .enewsText {
 font-size: 11px;
 padding-bottom: 5px;
}
#enewsBox .enewsFields {
 clear: both;
 height: 20px;
}
#enewsBox .enewsFields :after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#enewsBox .enewsInput {
 float: left;
 width: 120px;
 height: 20px;
 padding-right: 5px;
}
#enewsBox .enewsBoxEdit {
 width: 120px;
 height: 20px;
 border: 1px solid #b2b2b2;
 background: #ffffff;
}
#enewsBox .enewsSubmit {
 float: left;
 width: 52px;
 height: 20px;
}

/* ModuleBegin::broadcastemail */
.enewsWrapper div {
}
.enewsWrapper span {
 display: block;
}
.enewsText {
}
.enewsEmail {
}
/* ModuleEnd::broadcastemail */

/* --------------- 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 */
/* ---------------
Events Lister
----------------- */
.eventsListerWrapper { }
.eventDateHeading { color: #000; border-top: 1px solid #ccc; padding-top: 10px; }
.eventsListerWrapper h2 { margin-bottom: 0; }
.eventDate { }
.eventTime { }
.eventBlurb { }

/* ---------------
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
------------------------ */
.calendarSmallWrapper { font-size: 12px; background: transparent; }
.cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: transparent; }
.calPrev { position: absolute; top: 4px; left: 15px; }
.calNext { position: absolute; top: 4px; right: 15px; }
.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
.calPrev a, .calNext a, .calMonth a { text-decoration: none; }
.calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; }
.calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; }
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; text-decoration: underline; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #000; color: white; font-weight: bold; }
.calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; }
.calBottom { text-align: left; padding-left: 20px; }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a {  }

/* ----------------------
Events Month at a Glance
------------------------ */
#calendarDetail { background: #fff url('graphics/events/atglance_bottom.jpg') no-repeat bottom; padding-bottom: 30px; width: 547px; }
#calendarDetail table { background: #999; width: 100%; table-layout: fixed; }
#calendarDetail .calendarMonths { background: #e8e8e8 url('graphics/events/atglance_top.jpg') no-repeat; text-align: center; vertical-align: middle; padding-top: 3px; padding-left: 12px; border-left:1px solid #fff; border-right:2px solid #fff; width:100%; }
#calendarDetail a { text-decoration: none; }
#calendarDetail a:hover { text-decoration: underline; }
#calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; color: ##1e7dc1; }
#calendarDetail .calendarMonths a:hover { color: #1e7dc1; }
#calendarDetail .calendarDays { /* border-collapse: collapse; */ table-layout: fixed; background: #fff; width:100%; }
#calendarDetail .calendarDays td { background:#eee; }
#calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; background: #bbb; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #bbb; }
#calendarDetail .title a { font-size: x-small; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { font-size: small; }
#calendarDetail .calendarDays td { text-align: center; font-size: x-small; line-height:  1.1em; }
#calendarDetail .calendarDays .weekdays { height: 30px; background-color: #ccc; }
#calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eee; }
#calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #fdf9ea; padding-left: 5px; }
#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; padding-left: 5px; }

/* ---------------
Events Box
----------------- */
.eventsBoxWrapper { }
.eventsBoxWrapper .itemList { padding-bottom: 10px; }
.eventsBoxWrapper .eventDate { color: #777; }
/* ModuleEnd::events */


/* --------------- News Styles --------------- */

/* ModuleBegin::news */

#homeNews .newsListerWrapper {
 border-top: 1px solid #b2b2b2;
 padding-bottom: 15px;
}
#homeNews .newsListerWrapper h1 {
 color: #c1cb23;
 margin: 0;
 padding: 10px 0px 0px 0px;
}
#homeNews .newsListerWrapper .itemList {
 padding-left: 15px;
}
.newsListerWrapper h2 {
 margin-top: 0px;
}


.newsListerWrapper {
 clear: both;
}

.newsListerWrapper .newsThumbnail {
 float: left;
}
.newsListerWrapper .newsThumbnail img {
 margin: 0px 15px 5px 0px;
 padding: 5px;
 border: 1px solid #ccc;
}
.newsListerWrapper .newsPublish {
}
.newsListerWrapper .newsBlurb p {
 padding: 0;
 margin: 0;
}

.newsDetailWrapper {
}
.newsDetailWrapper .newsPublish,
 .newsDetailWrapper .newsAuthor,
 .newsDetailWrapper .newsSource {
 display: block;
}
.newsDetailWrapper .pagination {
 height: 50px;
}
.newsPublish {
}
.newsAuthor {
}
.newsAuthorLink {
}
.newsSource {
}
.newsBody {
 clear: both;
}
.newsCopyright {
 clear: both;
}
.newsMore {
}
/* ModuleEnd::news */

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

/* MenuBegin:menu_main */

#menuMainCenter {
 text-align: center;
 height: 33px;
 margin: 5px 0px;
 padding: 0px 0px;
 background: transparent url(graphics/design/menu_main_bg.jpg) no-repeat top left;
}
#menuMainCenter div {
 margin: 0 auto;
 display: inline-block;
}

#menu_main {
 height: 33px;
}
ul.menu_main {
 margin: 0;
 border: 0;
 padding: 0;
 list-style: none;
 line-height: 33px;
}
ul.menu_main li {
 margin: 0;
 border: 0;
 padding: 0;
 float: left;
 display: inline /*Gecko*/;
 list-style: none;
 position: relative;
}
ul.menu_main ul {
 margin: 0;
 border: 0;
 padding: 0px 0px 6px 0px;
 list-style: none;
 width: 230px;
 background: transparent url(graphics/design/menu_main_bottom.gif) no-repeat bottom left;
 display: none;
 position: absolute;
 top: 33px;
 left: 0;
}
ul.menu_main ul ul {
 background: transparent url(graphics/design/menu_main_bottom2.gif) no-repeat bottom left;
}
ul.menu_main ul ul ul {
 background: transparent url(graphics/design/menu_main_bottom.gif) no-repeat bottom left;
}
ul.menu_main ul li {
 position: relative /*IE 7*/;
 display: inline;
 float: left /*For IE*/;
}

/* 1st Level */
ul.menu_main a {
 color: #ffffff;
 text-decoration: none;
 text-align: center;
 padding: 0px 15px;
 font-weight: bold;
 text-transform: uppercase;
 font-size: 15px;
 line-height: 33px;
 background: transparent url(graphics/design/menu_main_sep.jpg) no-repeat top right;
 float: left /*For Opera*/;
 display: block /*For IE*/;
 height: 1%;
}
ul.menu_main a:hover,
ul.menu_main li:hover a,
ul.menu_main a:hover,
ul.menu_main li.over a {
 text-decoration: none;
 background: transparent url(graphics/design/menu_main_hover_bg.jpg) repeat-x left top;
}
ul.menu_main a.last {
 background: 0;
} 

/* 2nd Level */
ul.menu_main li:hover li a,
ul.menu_main li.over li a {
 color: #ffffff;
 text-decoration: none;
 width: 190px;
 text-align: left;
 font-size: 14px;
 line-height: 16px;
 text-transform: none;
 background: #5c5c5c;
 padding: 5px 20px;
 float: none;
}
ul.menu_main li:hover li a:hover,
ul.menu_main li:hover li:hover a,
ul.menu_main li.over li a:hover,
ul.menu_main li.over li.over a {
 text-decoration: none;
 background: #252525;
}

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

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

ul.menu_main ul ul,
ul.menu_main ul ul ul {
 display: none;
 position: absolute;
 top: 0;
 left: 230px;
}

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

/* ModuleBegin::directory */
.staffDetailWrapper:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.staffPhoto {
 float: left;
 margin: 20px 20px 20px 0px;
 background-color: #ffffff;
 width: ;
 200px: ;
}
.staffPhoto img {
 background-color: #ffffff;
 border: 1px solid #cccccc;
 padding: 5px;
}
.staffWrapper h2 {
 margin: 0;
 padding: 20px 0px 0px 0px;
}
.staffWrapper .staffInfo {
 float: left;
 width: 625px;
}

.directoryListWrapper {
}
.directoryDetailWrapper {
}
.directoryName {
}
.directoryCategory {
}
.directorySearchInput {
 width: 100px;
}
/* ModuleEnd::directory */

/* ModuleBegin::photo */
/* Photo Lister */
.photoAlbumListerWrapper {border:1px solid #ccc;padding:10px;margin:0 10px 10px 0;width:160px;float:left;}
.photoAlbumListerWrapper:hover {border:1px solid #86AC63;}
.photoAlbumListerWrapper span {display:block;}
.photoAlbumListerWrapper img {padding-bottom:5px;}
.photoAlbumListerWrapper .photoAlbumImage {width:160px;height:150px;overflow:hidden;}
.photoAlbumListerWrapper .photoAlbumName {height:20px;overflow:hidden;}
.photoAlbumListerWrapper .photoAlbumDescription {height:55px;overflow:hidden;}

/* Photo Thumbnails */
.photoAlbumDescription span {color:#ccc;font-size:90%;}
.thumbnail {float:left; margin:0 10px 10px 0;border:1px solid #ccc;padding:5px;position:relative;width:150px;}
.thumbnail:hover {border:1px solid #86AC63;}
.thumbnail img {padding-bottom:5px;}
.thumbnail span {height:20px;width:150px;overflow:hidden;display:block;}

/* Photo Detail */
.photoAlbumDetail{margin:10px 0;}
.photoRemote-3 {width:400px;height:20px;padding:4px;margin:0 auto;}
.photoRemote-3 span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;}
.photoRemote-3 span a{display:block;width:76px;height:20px;margin:0 1px;background-color:#fff;color:#888;border:1px solid #ccc;text-decoration:none;}
.photoRemote-3 span a:hover,div.photoRemote-3 span a:active{border:1px solid #86AC63;color:#000;}
.photoAlbumbody{clear:both;}
.photoGalleryImage div {margin:0 auto;}
.photoGalleryImage img {border:1px solid #ccc;padding:5px;}
.photoGalleryImage,.photoPagnationTD{text-align:center;color:#888;}
/* ModuleEnd::photo */