#header { height: 107px; background: transparent url(graphics/accrisoft_header.jpg) no-repeat top left; }
#header a { width: 950px; height: 107px; display: block; }
#header h1 { display: none; }

#content { padding: 20px 35px 50px 35px; border: 1px solid #C5C6C7; }
#content h1, #content a { color: #437fb1; }
#footer { height: 90px; background: transparent url(graphics/accrisoft_footer.jpg) no-repeat top left; }

/* ---------------Global Styles--------------- */
a { color: #6d0e1a; text-decoration: none; }
a:hover { color: #8e8889; text-decoration: underline; }
a:visited { color: dimgray; text-decoration: none; }
h1 { color: #0000ff; font-size: 18pt; }
h2 { color: #000; font-size: 14pt }
h3 { color: #0000ff; font-size: 12pt; }
h4 { color: #000; font-size: 11pt }

body { color:#000;  }
#page { background-image: url(graphics/homepage.gif);
        bgcolor="#ffffff"; }
body, p, td, div { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.container { width: 950px; margin:0 auto; padding: 0; background: #fff;  clear: both; }
form, input { padding:0; margin:0; }
.center { text-align: center; }
/* 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; 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::events */
/* -----------------------------------------------------------------------
Lister for Events Module:
Each numbered item represents a different lister style
----------------------------------------------------------------------- */
.eventsListerWrapper * {position:relative;}
.eventsListerWrapper p.eventItem {border-bottom:1px dashed #ccc;padding-bottom:15px;}
#sidebar .eventsListerWrapper p.eventItem:last-child {padding-bottom:0;}
.eventsListerWrapper p.eventItem span {display:block;padding:0;}
.eventsListerWrapper span.date {}
.eventsListerWrapper span.time {}
.eventsListerWrapper span.date b {}
.eventsListerWrapper span.time b {}
.eventsListerWrapper span.desc {}

#sidebar .eventsListerWrapper {position:relative;}
#sidebar .eventsListerWrapper p.eventItem {border:none;}

/* Box style lister -- each box has fixed width and floats left to fill available space */
.eventsListerWrapper1 * {background-color: #eef;}
.eventsListerWrapper1 p {width: 200px; display: block; float: left; margin-right: 24px;}
.eventsListerWrapper1 span.title {display: block;}
.eventsListerWrapper1 span.title:after {color: #999; font-weight: bold; content: " \000BB";} /* Unicode hex for » */
.eventsListerWrapper1 span.date {display: block; font-size: 75%; float: left;}
.eventsListerWrapper1 span.time  {display: block; font-size: 75%; float: right;}
.eventsListerWrapper1 span.date b {display:block;}
.eventsListerWrapper1 span.time b {display:block;}
.eventsListerWrapper1 span.desc {display: block; clear: both; margin-top: 14px;}

/* Simple lister -- each entry has fixed width and flows down a column */
.eventsListerWrapper2 * {background-color: #efe;}
.eventsListerWrapper2 p {width: 200px; }
.eventsListerWrapper2 span.title {display: block;}
.eventsListerWrapper2 span.date {display: block; font-size: 75%;}
.eventsListerWrapper2 span.time  {display: block; font-size: 75%;}

/* Paragraph lister -- each entry flows as in a paragraph */
.eventsListerWrapper3 {background-color: #fee;}
.eventsListerWrapper3 * {margin: 0; padding; 0;}
.eventsListerWrapper3 p {margin-left: 24px; text-indent: -24px; margin-bottom: 6px;}
.eventsListerWrapper3 b {font-weight: normal;}
.eventsListerWrapper3 span.title {font-weight: bold;}
.eventsListerWrapper3 span.title:after {content: ". ";}
.eventsListerWrapper3 span.date b {display: none;}
.eventsListerWrapper3 span.date:after {content: " at ";}
.eventsListerWrapper3 span.time b  {display: none; }
.eventsListerWrapper3 span.time:after {content: ". ";}

/* -----------------------------------------------------------------------
Events Detail
----------------------------------------------------------------------- */
p.eventItem {border-bottom:1px dashed #ccc;padding-bottom:15px;}
p.eventDetail span {display:block;}
p.eventDetail .eventTime {margin-bottom:15px;}
p.eventDetail .eventLocationAddress {margin-bottom:15px;}
.eventDateHeader {font-size: 120%;font-weight:bold;margin:0;text-align:center;}
.eventsListerWrapper .eventNavigation {margin:0 auto;text-align:center;}

/* -----------------------------------------------------------------------
Events Month-at-a-Glance
----------------------------------------------------------------------- */
#calendarWrapper .iframe { background: transparent; }
#calendarWrapper .eventTD .eventHeadline{padding-bottom:5px;font-weight:bold;}
#calendarWrapper .calDayOn {background:#86AC63;}
#calendarWrapper .calDayOn a{color:#fff;font-weight:bold;}
#calendarWrapper .calDayOn a:hover{color:#000;font-weight:bold;}
#calendarWrapper .calTodayOff, #calendarWrapper .calTodayOn{border:1px solid navy;background-color:#ffffb8;}
#calendarWrapper .calendarDays .weekdays{height:30px;background-color:#6d0e1a;font-weight:bold;}
#calendarWrapper .calendarDays .weekend{background:#eee;font-weight:bold;}
#calendarWrapper .calendarDays .emptyDay{text-align:left;vertical-align:top;background-color:#eee;}
#calendarWrapper .calendarDays .eventToday{text-align:left;vertical-align:top;background-color:#ffffb8;padding-left:5px;}
#calendarWrapper .calendarDays .eventOff{text-align:left;vertical-align:top;padding-left:5px;}
#calendarWrapper .calendarDays .eventOn{text-align:left;vertical-align:top;padding-left:5px;}
#calendarWrapper table,#calWrapper table{width:100%;table-layout:fixed;}
#calendarWrapper .calTop{margin-left:10px;}
#calendarWrapper .calMonth{position:relative;top:5px;left:0px;text-align:center;font-weight:bold;margin-left:20px;margin-right:20px;}
#calendarWrapper .printCalendar {font-size:50%;}
#calendarWrapper .calBottom{text-align:left;margin-left:20px;}
#calendarWrapper .calMonthGlance{padding-top:10px;}
#calendarWrapper .calendarMonths{background-color:#6d0e1a;text-align:center;vertical-align:middle;}
#calendarWrapper .calendarMonths a{display:block;color:#fff;font-weight:bold;font-size:11pt;text-decoration:none;padding:5px 0px 5px 0px;}
#calendarWrapper .calendarMonths a:hover{background-color:#ffffb8;color:#000;}
#calendarWrapper .calendarDays{border-collapse:collapse;table-layout:fixed;}
#calendarWrapper .calendarDays .title{font-size:12pt;font-weight:bold;color:#333;padding:10px 0px 10px 0px;}
#calendarWrapper .calendarDays .prevLink,#calendarWrapper .calendarDays .nextLink{font-size:11pt;background:#fff;}
#calendarWrapper .calendarDays .normal{display:none;}
#calendarWrapper .calendarDays td{text-align:center;border:1px solid #000;}
.eventsGlanceWrapper a {margin-bottom:5px;}
#calendarWrapper .calendarDays .weekend, #calendarWrapper .calendarDays .emptyDay, #calendarWrapper .calendarDays .eventToday, #calendarWrapper .calendarDays .eventOff, #calendarWrapper .calendarDays .eventOn{height:100%; min-height:60px;}

/* -----------------------------------------------------------------------
Small calendar for Events module:
Each numbered item represents a different lister style
----------------------------------------------------------------------- */
/* Events Sidebar Calendar */
/* Nav and Month on top; Calendar in middle; Glance and Events on bottom */
.cal1 {position:relative;width:191px;}
.cal1 a {color:#6d0e1a;}
.cal1 .calPrev {float:left;width:20px;text-align:center;}
.cal1 .calMonth {float:left;width:145px;text-align:center;}
.cal1 .calNext {float:right;width:20px;text-align:center;}
.cal1 table.calGrid {margin:-1px 0 0 0;padding:0;table-layout:fixed;width:100%;}
.cal1 table.calGrid td {text-align:center;margin:0;padding:0;border-top:1px solid #000;border-left:1px solid #000; height:25px; width:25px;}
.cal1 table.calGrid td a {color:#000;}
.cal1 .calWeek td {font-weight:bold;border-left:0;}
.cal1 .weekend {background:#6d0e1a;}
.cal1 .weekday {background:#6d0e1a;}
.cal1 .sun {}
.cal1 .mon {}
.cal1 .tues {}
.cal1 .wed {}
.cal1 .thurs {}
.cal1 .fri {}
.cal1 .sat {}
.cal1 .calDayOff {background:#eee;}
.cal1 .calDayOn {background:#ccc;}
.cal1 .calMonthGlance {float:left;}
.cal1 .calMonthMore {float:right;}

/* Nav, Month, Glance and Events to the left of calendar */
.cal2 {position:relative;width:191px;padding-left:150px;}
.cal2 a {color:#6d0e1a;text-decoration:underline;}
.cal2 a:hover {color:#6d0e1a;text-decoration:none;}
.cal2 .calPrev {position:absolute;top:0px;left:0;}
.cal2 .calPrev:after {content:" Previous month";color:#6d0e1a;}
.cal2 .calMonth {position:absolute;top:20px;left:0;}
.cal2 .calNext {position:absolute;top:40px;left:0;border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:10px;}
.cal2 .calNext:before {content:"Next month ";color:#6d0e1a;}
.cal2 table.calGrid {color:#6d0e1a;margin:-1px 0 0 0;padding:0;table-layout:fixed;width:100%;}
.cal2 table.calGrid td {text-align:center;margin:0;padding:0; height:25px; width:25px;}
.cal2 table.calGrid td a {color:#6d0e1a;text-decoration:underline;}
.cal2 table.calGrid td a:hover {color:#6d0e1a;text-decoration:none;}
.cal2 .calWeek td {font-weight:bold;border-left:0;}
.cal2 .weekend {}
.cal2 .weekday {}
.cal2 .sun {}
.cal2 .mon {}
.cal2 .tues {}
.cal2 .wed {}
.cal2 .thurs {}
.cal2 .fri {}
.cal2 .sat {}
.cal2 .calDayOff {}
.cal2 .calDayOn {}
.cal2 .calMonthGlance {position:absolute;top:80px;left:0;}
.cal2 .calMonthMore {position:absolute;top:100px;left:0;}

/* Similar to .cal1, Glance and Events below one another */
.cal3 {position:relative;width:210px;height:230px; margin:0;padding:22px 10px 0;background:url(graphics/design1/cal3_bg2.jpg) no-repeat;}
.cal3 a {color:#86AC63;text-decoration:none;}
.cal3 a:hover {color:#86AC63;text-decoration:underline;}
.cal3 .top {margin: 0 0 0 16px; text-align:center; width:188px; position:relative; }
.cal3 .calPrev {font-size:20px;position:absolute;left:15px;margin-top:-8px;}
.cal3 .calPrev a {color:#fff;}
.cal3 .calMonth {color:#fff; margin: 5px 5px 5px;font-weight:bold;}
.cal3 .calNext {font-size:20px; position:absolute; right:15px;margin-top:-8px;}
.cal3 .calNext  a {color:#fff;}
.cal3 table.calGrid {margin:12px 0 5px 17px;padding:0;table-layout:fixed;width:188px;}
.cal3 table.calGrid td {text-align:center;margin:0;padding:0; height:25px; width:25px;}
.cal3 table.calGrid td a {color:#86AC63;text-decoration:none;}
.cal3 table.calGrid td a:hover {text-decoration:none;}
.cal3 .calWeek th {font-weight:bold;background:#6d0e1a;color:#fff;}
.cal3 .weekend {}
.cal3 .weekday {}
.cal3 .sun {}
.cal3 .mon {}
.cal3 .tues {}
.cal3 .wed {}
.cal3 .thurs {}
.cal3 .fri {}
.cal3 .sat {}
.cal3 .calTodayOff {background-color:#eee;border:1px solid #ccc;}
.cal3 .calTodayOn {border:none;}
.cal3 table.calGrid td.calTodayOn a {border:1px solid #ccc;padding:3px 5px;color:#fff;background:#86AC63;}
.cal3 table.calGrid td.calTodayOn a:hover {border:1px solid #6d0e1a;}
.cal3 .calDayOff {}
.cal3 .calDayOn a {border:1px solid #dedede; padding:3px 5px; color:#6d0e1a;}
.cal3 .calDayOn a:hover {border: 1px solid #86AC63; color:#000;}
.cal3 .calMonthGlance {display:block;position:absolute;bottom:0;right:15px;}
.cal3 .calMonthMore {display:block;}

/* Similar to .cal1 but Month-to-Month Nav is to the left and right of calendar */
.cal4 {position:relative;width:191px;padding-left:20px;}
.cal4 a {color:#000;text-decoration:underline;}
.cal4 a:hover {color:#000;text-decoration:none;}
.cal4 .calPrev {position:absolute;top:75px;left:0;font-size:25px;}
.cal4 .calMonth {float:left;width:191px;text-align:center;}
.cal4 .calNext {position:absolute;top:75px;left:216px;font-size:25px;}
.cal4 .calPrev a, .cal4 .calNext a {text-decoration:none;}
.cal4 .calPrev a:hover, .cal4 .calNext a:hover {text-decoration:underline;}
.cal4 table.calGrid {color:#888;margin:-1px 0 0 0;padding:0;table-layout:fixed;width:100%;}
.cal4 table.calGrid td {text-align:center;margin:0;padding:0; height:25px; width:25px;}
.cal4 table.calGrid td a {color:#888;border-bottom:1px dotted #000;text-decoration:none;}
.cal4 table.calGrid td a:hover {color:#6d0e1a;border:0;}
.cal4 .calWeek td {font-weight:bold;border-left:0;}
.cal4 .weekend {background:#ccc;}
.cal4 .weekday {}
.cal4 .sun {}
.cal4 .mon {}
.cal4 .tues {}
.cal4 .wed {}
.cal4 .thurs {}
.cal4 .fri {}
.cal4 .sat {}
.cal4 .calDayOff {}
.cal4 .calDayOn {}
.cal4 .calMonthGlance {float:left;font-size:50%;}
.cal4 .calMonthMore {float:right;font-size:50%;}
/* ModuleEnd::events */

#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; }
#freedom_calendar .calBorderColor { border:1px solid #ccc; }
#freedom_calendar .calBgColor { background-color:#426995; color:#fff; }
#freedom_calendar .calDaysColor { background-color:#426995; color:#fff; }
#freedom_calendar .calWeekend { background-color:#426995; }
#freedom_calendar .calWeekend a { color:#fff; background-color:#426995; }
#freedom_calendar .cal { background-color: #15528A; color:#ffffff; font-size:8pt; }
#freedom_calendar .cal a { color:#fff; }
#freedom_calendar .calHighlightColor { color:#fff; } 


/* ModuleBegin::photo */
.gallery_lister_item_first { }
.gallery_lister_item { border-top: 1px dotted #96652e; margin-top: 8px; }
/* .gallery_lister_item table { margin-top: 10px; } */
#gallery_lister_thumb img { padding: 3px; border: 1px solid #cbc8c2; width:79px; height:61px; background-color: #ffffff; }
#gallery_lister_thumb { vertical-align:top; padding-top:10px; }
#gallery_lister_body { padding: 10px; vertical-align:top; }
#gallery_lister_body .title { text-transform: lowercase; white-space: nowrap; }
#gallery_lister_body .title a { color: black; font: normal 18px "Trade Gothic Light", Verdana, Arial, Helvetica, sans-serif; }
#gallery_lister_body { color: #666666; font-size: 9pt; }
/* ModuleEnd::photo */



/* ModuleBegin::news */
/* -----------------------------------------------------------------------
Lister for News Module:
Each numbered item represents a different lister style
----------------------------------------------------------------------- */
#content .newsWrapper {position:relative;}
.newsWrapper .newsItem span.newsListBlurb {display:block;}
.newsWrapper .newsItem {border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:10px;overflow:auto;}
.newsWrapper p img {float:left;margin:0 10px 0 0;}
.newsWrapper .newsCount {position:absolute; top:5px; right:42px; color: #ccc;}
.newsWrapper .newsListHeadline {font-size:120%;color: #406C47; font-weight: bold;}
.newsWrapper .newsListHeadline a{color:#406C47;}
.newsWrapper .newsListPublishline {font-size:90%;position:relative;color:#888;}
.newsWrapper .newsListPublishline span {font-family:Georgia,serif;font-style:italic;}
.newsWrapper .previousPage {float:left;}
.newsWrapper .nextPage {float:right;}

/* Box style lister -- each box has fixed width and floats left to fill available space */
.newsWrapper1 span {display:block;}
.newsWrapper1 p.newsItem {width:200px;float:left;margin-right:24px;background-color:#eef;}
.newsWrapper1 .newsListheadline:after {color: #999; font-weight: bold; content: " \000BB";} /* Unicode hex for » */
.newsWrapper1 .newsListPublishline {font-size:75%;} 
.newsWrapper1 .newsListPublishline b {display:block;}

/* Simple lister -- each entry has fixed width and flows down a column */
.newsWrapper2 {border-top: 1px dashed #ccc;margin-top:50px;}
.newsWrapper2 span {display:block;}
.newsWrapper2 p.newsItem {width:200px;background-color:#efe;}
.newsWrapper2 .newsListPublishline b {display:none;} 
.newsWrapper2 .newsListPublishline {font-size:75%;} 

/* Paragraph lister -- each entry flows as in a paragraph */
.newsWrapper3 {border-top: 1px dashed #ccc;margin-top:50px;}
.newsWrapper3 p.newsItem {background-color:#fee;padding-left:24px;text-indent:-24px;margin-bottom:6px;}
.newsWrapper3 .newsListPublishline b {display:none;} 
.newsWrapper3 .newsListPublishline:after {content: ". ";} 

/* Same as above just with thumbnails to left */
.newsWrapper4 {border-top: 1px dashed #ccc;margin-top:50px;}
.newsWrapper4 p.newsItem {background-color:#fee;margin-bottom:6px;overflow:auto;}
.newsWrapper4 img {float:left;margin-right:10px;}
.newsWrapper4 .newsListPublishline b {display:none;} 
.newsWrapper4 .newsListPublishline:after {content: ". ";} 
/* END NEWS LISTER */

/* -----------------------------------------------------------------------
News Detail
----------------------------------------------------------------------- */
.newsDetailItem .newsHeadline {font-size:200%;color: #406C47; font-weight: bold;display:block;} 
.newsDetailItem .newsSubHeadline {font-size:120%;display:block;} 
.newsDetailItem .newsPublished:after {content: " | "}
.newsDetailItem .newsPublished,.newsDetailItem .newsAuthor {font-size:90%;color:#888;}
.newsDetailItem .newsPublished span,.newsDetailItem .newsAuthor span  {font-family:Georgia,serif;font-style:italic;}
.newsCopyright {font-style:italic;font-family:Georgia;font-size:90%;}
/* ModuleEnd::news */



/* ModuleBegin::faq */
.faqQ,.faqA {float:left;font-family:Georgia,serif;font-size:200%;line-height: 10px;margin-right: 5px;}
.faqWrapper ul {margin:0 0 100px 15px;padding:0;}
.faqWrapper dl dd {margin-bottom:5em;}
.faqWrapper dl p, .faqWrapper ol p {margin:0px;}
.faqWrapper dd a.top {float:center;}
/* ModuleEnd::faq */



/* ModuleBegin::jobs */
.box {border:1px dashed #ccc;background:#eee;width:200px;}
.box span {display:block;}
/* ModuleEnd::jobs */

 /* Month at a Glance */ 
 #calendarDetail table { width: 100%; table-layout: fixed; } 
 #calendarDetail .calendarMonths { background-color: #002d62; 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: #b20838; 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: #002d62; 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: #002d62; padding-left: 5px; color: #ffffff; } 
 #calendarDetail .calendarDays .eventToday a { background-color: #002d62; color: #ffffff; } 
 #calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; } 
 #calendarDetail .calendarDays .eventOn { height:100%; min-height:60px; text-align: left; vertical-align: top; background-color: #fff; padding-left: 5px; color: #002d62; } 
 #calendarDetail .calendarDays .eventOn a { color: #002d62; }