/* 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: #ff0000;
 text-decoration: none;
}
a:hover {
 color: #666;
 text-decoration: underline;
}
a.linkopacity:hover img {
 filter: alpha(opacity=75);
 -moz-opacity: 0.75;
 opacity: 0.75;
}
a.linkopacity img {
 filter: alpha(opacity=100);
 -moz-opacity: 1.0;
 opacity: 1.0;
}
a.underline {
 color: #fff;
 text-decoration: none;
 border-bottom: 1px dotted #ff0000;
 padding-bottom: 1px;
}
a.underline:hover {
 color: #ccc;
 text-decoration: none;
}
H1 {
 font-size: 160%;
 border-bottom: 1px dotted #e41b00;
 padding-bottom: 4px;
 padding-top: 5px;
 color: #fff;
 margin-bottom: 20px;
 text-transform: uppercase;
}
H2 {
 font-size: 140%;
 color: #ff0000;
 margin-bottom: 8px;
}
h3 {
 font-size: 125%;
 color: #ff0000;
 margin-bottom: 2px;
}
#container {
 margin: 0 auto;
 width: 823px;
 padding: 0;
}
#aboutCol {
 margin: 0 auto;
 background-image: url(graphics/main_about_bg.jpg);
 background-position: top;
 background-repeat: repeat-x;
 height: 104px;
 width: 794px;
 text-align: left;
}
#aboutCol .bdpic {
 float: left;
 background-image: url(graphics/main_about_pic.jpg);
 background-position: top left;
 background-repeat: no-repeat;
 text-align: left;
 height: 104px;
}
#aboutCol .text {
 padding: 5px 0 0 110px;
 width: 400px;
 line-height: 120%;
}
#aboutCol .rightcol {
 float: right;
 padding: 20px 24px 0 0;
}
#cai_video {
 border: 1px solid #333;
 margin-bottom: 4px;
}
#cols {
 width: 794px;
 margin: 0 auto;
 line-height: 110%;
}
#cols a {
 color: #fff;
}
#cols a:hover {
 color: #000;
}
#cols p {
 margin: 0;
 margin-bottom: .3em;
 padding: 0;
 line-height: 100%;
}
#cols .column1 {
 float: left;
 width: 377px;
 margin: 0;
 padding-top: 14px;
}
#cols .column2 {
 float: right;
 width: 377px;
 margin: 0;
 padding-top: 14px;
}
#cols .graygrad {
 background-image: url(graphics/gray_blk_grad.jpg);
 background-position: top;
 background-repeat: repeat-x;
}
#cols .redline {
 border-top: 1px solid #981503;
 margin-bottom: 4px;
}
#cols .redpanel {
 background-image: url(graphics/main_redpanel.jpg);
 background-position: top;
 background-repeat: no-repeat;
 height: 76px;
 width: 377px;
}
#cols .redpanel2 {
 background-image: url(graphics/rev_redbox.jpg);
 background-position: top;
 background-repeat: no-repeat;
 height: 98px;
 width: 239px;
}
#cust-photos img {
 border: 2px solid #fff;
 margin-bottom: 4px;
}
#flashBox {
 margin: 0 auto;
 border: 1px #fff solid;
 width: 629px;
 height: 244px;
}
#flashcontent {
 border: 2px solid #000;
 width: 794px;
 height: 381px;
 margin: 0 auto;
}
#footerBox {
 clear: both;
 margin: 0 auto;
 border-top: 1px solid #343434;
 border-bottom: 1px solid #343434;
 height: 30px;
 width: 798px;
 display: block;
 color: #fff;
}
#footerBox .right {
 font-size: 12px;
 font-weight: bold;
}
#footerCopyright {
 clear: both;
 margin: 0 auto;
 background: url(graphics/footer_bdlogo.gif) no-repeat;
 height: 35px;
 width: 798px;
 display: block;
 color: #848484;
 margin-top: 12px;
}
#homecontent {
 width: 655px;
 margin: 0 auto;
}
#homecontent .homeleft {
 float: left;
 width: 327px;
 margin: 0;
 padding-right: 2px;
}
#homecontent .homeright {
 float: left;
 width: 325px;
 margin: 0;
}
#homecontent .homeleft img {
 border: 0;
 padding-bottom: 3px;
 text-align: left;
}
#introText {
 text-align: left;
 padding: 20px 14px 0 14px;
 font-size: 13px;
}
#mainContent {
 background-image: url(graphics/main_background.jpg);
 background-position: top;
 background-repeat: repeat-x;
 text-align: center;
 margin: 0 auto;
 margin-top: 2px;
 width: 823px;
}
#mainLeft {
 background-image: url(graphics/redchecker.gif);
 background-position: top;
 margin: 0 auto;
 width: 653px;
 height: 360px;
 text-align: center;
}
#mainNews .newsListHeadline {
 font-size: 100%;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
}
#mainNews2 {
 font-size: 100%;
 padding: 12px;
}
#mCols {
 font-size: 90%;
}
#mCols a {
 color: #fff;
}
#nav {
 margin: 0 auto;
 border: 1px solid #e41b00;
 height: 50px;
}
#newslister ul {
 margin: 6px 0 0 14px; 
 padding: 0 0 1em 0;
}
#newslister li {
 margin-bottom: 6px;
}
#pageContent {
 background-image: url(graphics/page_bg.gif);
 background-position: top;
 background-repeat: repeat-x;
 text-align: left;
 margin-top: 1px;
 min-height: 500px;
_height: 500px;
}
#pageContent .imgBorder {
 border: 2px solid #ff0000;
}
#rtcol {
 background-color: #191919;
}
#rtcol img {
 padding-top: 12px;
}
#Services_Menu {
 text-align: left;
}
#Services_Menu a {
 font-size: 115%;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
}
#Services_Menu a:hover {
 color: #999;
}
#Services_Menu ul {
 margin: 0 0 0 20px; 
 padding: 0 0 1em 0;
}
#Services_Menu li {
 margin-bottom: 6px;
}
#sponsorTable {
 margin: 0 auto;
}
#sponsorTable td {
 padding: 10px;
}
#storeannounce {
 width: 410px;
 height: 96px;
 background: url(graphics/store_greybox.jpg) no-repeat;
}
#storeannounce .formText {
 padding: 20px;
 color: #000;
}
#testimonial-lister {
 border-bottom: 1px dotted #333;
 padding-bottom: 12px;
 margin-bottom: 12px;
}
#Top_Menu {
 margin: 0 auto;
 text-align: center;
 width: 800px;
}
#Top_Menu a {
 text-transform: uppercase;
 font-size: 13px;
 font-weight: bold;
 padding: 15px 24px 0 24px;
 text-align: center;
 position: relative;
 color: #fff;
 text-decoration: none;
 display: block;
}
#Top_Menu a:hover {
 background-color: #ff0000;
 color: white;
 height: 34px;
}
#Top_Menu ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#Top_Menu li {
 position: relative;
 vertical-align: middle;
 float: left;
 background-image: url(graphics/nav_divider.gif);
 background-position: top;
 background-repeat: no-repeat;
}
#Top_Menu li .last {
 border-right: 0;
}
#Top_Menu_Format {
 margin: 0 1px 0 1px;
 background-image: url(graphics/navBG.jpg);
 background-position: top;
 background-repeat: repeat-x;
 height: 48px;
}
#whtlinks a {
 color: #fff;
}
.backlink {
 float: right;
 font-weight: bold;
 border: 1px solid #666;
 padding: 2px 4px 2px 4px;
}
.blogDate {
 font-size: 85%;
 color: #ccc;
}
.blogdivider {
 border-bottom: 1px solid #666;
 margin-top: 12px;
}
.blogEntry {
 padding-top: 14px;
}
.blogTitle {
 font-size: 140%;
 color: #e7e7e7;
 margin-bottom: 2px;
}
a.blogLink {
 color: #fff;
}
.bodyMain {
 padding: 50px 40px 20px 40px;
}
.coldivider {
 border-left: 1px dotted #ff0000;
}
.directoryHeading {
 color: #ff0000;
 font-size: 14px;
 font-weight: bold;
 padding-bottom: 6px;
}
.directoryListHeadline {
 font-weight: bold;
}
.eventBigLink {
 font-size: 10px;
 color: #ccc;
}
.eventBigLink:hover {
 text-decoration: underline;
}
.footerpad {
 padding-left: 70px;
}
.imgRightPad {
 padding-left: 50px;
}
.left {
 font-size: 9px;
 padding: 8px;
 float: left;
 text-align: left;
 width: 500px;
}
.mCust {
 background: url(graphics/main_custcartitle.gif) no-repeat;
}
.mProj {
 background: url(graphics/main_projtitle.gif) no-repeat;
}
.menuPipe {
 color: #fff;
 font-size: 10px;
 text-decoration: none;
}
.menuPipeLink {
 font-size: 10px;
 color: #ccc;
 text-decoration: none;
}
.menuPipeLink:hover {
 color: #fff;
 text-decoration: underline;
}
.menuSeperator {
 width: 3px;
}
.menuTD1 {
 padding: 0;
}
.menuTD1selected {
 padding: 0;
}
.newsbannerText {
 padding: 26px 10px 10px 18px;
}
.newsHeadline {
 color: #ccc;
 font-size: 135%;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}
.newsListHeadline {
 color: #fff;
 text-decoration: none;
 font-size: 125%;
}
.newsListHeadline:hover {
 display: hidden;
 color: #ccc;
 text-decoration: underline;
}
a.newsListMoreLink {
 font-size: 50%;
 color: #000;
}
.prevnextLink {
}
.prevnextCurrent {
 font-weight: bold;
 border-right: 1px #ccc solid;
 padding-right: 6px;
 margin-right: 6px;
}
.prevnextWindow {
 border-right: 1px #ccc solid;
 padding-right: 6px;
 margin-right: 6px;
}
.photolink {
 padding-top: 6px;
}
.photoTD {
 padding-bottom: 10px;
 text-align: center;
 width: 25%;
 font-size: 9px;
}
.photoRemoteTD {
 padding-bottom: 10px;
 padding-top: 10px;
 text-align: center;
}
.right {
 font-size: 9px;
 text-align: right;
 padding: 8px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  height:100%;
  width:100%;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/* NEW NAVIGATION ASSETS */

#Main_Menu2 {
 width: 821px;
 height: 48px;
 display: block;
}
#Main_Menu2 ul{
 padding: 0;
 margin: 0;
}
#Main_Menu2 li {
 display: inline;
 float: left;
 list-style: none;
 padding: 0;
}
#Main_Menu2 li a {
 display: block;
 height: 48px;
 text-indent: -9999px;
 outline: 0;
 cursor: pointer;
}
#Main_Menu2 li.item1 a {
 width:89px;
 background:url(graphics/nav_graphics/nav_store_off.jpg) no-repeat;
}
#Main_Menu2 li.item2 a {
 width:95px;
 background:url(graphics/nav_graphics/nav_about_off.jpg) no-repeat;
}
#Main_Menu2 li.item3 a {
 width:88px;
 background:url(graphics/nav_graphics/nav_services_off.jpg) no-repeat;
}
#Main_Menu2 li.item4 a {
 width:116px;
 background:url(graphics/nav_graphics/nav_testimonials_off.jpg) no-repeat;
}
#Main_Menu2 li.item5 a {
 width:71px;
 background:url(graphics/nav_graphics/nav_bdtv_off.jpg) no-repeat;
}
#Main_Menu2 li.item6 a {
 width:129px;
 background:url(graphics/nav_graphics/nav_custcars_off.jpg) no-repeat;
}
#Main_Menu2 li.item7 a {
 width:117px;
 background:url(graphics/nav_graphics/nav_projcars_off.jpg) no-repeat;
}
#Main_Menu2 li.item8 a {
 width:116px;
 background:url(graphics/nav_graphics/nav_contact_off.jpg) no-repeat;
}
#Main_Menu2 li.item1 a:hover {
 width:89px;
 background:url(graphics/nav_graphics/nav_store_hover.jpg) no-repeat;
}
#Main_Menu2 li.item2 a:hover {
 width:95px;
 background:url(graphics/nav_graphics/nav_about_hover.jpg) no-repeat;
}
#Main_Menu2 li.item3 a:hover {
 width:88px;
 background:url(graphics/nav_graphics/nav_services_hover.jpg) no-repeat;
}
#Main_Menu2 li.item4 a:hover {
 width:116px;
 background:url(graphics/nav_graphics/nav_testimonials_hover.jpg) no-repeat;
}
#Main_Menu2 li.item5 a:hover {
 width:71px;
 background:url(graphics/nav_graphics/nav_bdtv_hover.jpg) no-repeat;
}
#Main_Menu2 li.item6 a:hover {
 width:129px;
 background:url(graphics/nav_graphics/nav_custcars_hover.jpg) no-repeat;
}
#Main_Menu2 li.item7 a:hover {
 width:117px;
 background:url(graphics/nav_graphics/nav_projcars_hover.jpg) no-repeat;
}
#Main_Menu2 li.item8 a:hover {
 width:116px;
 background:url(graphics/nav_graphics/nav_contact_hover.jpg) no-repeat;
}
#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; }


/* 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 &raquo; */
.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:#bbb;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:#000;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: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:#888;}
.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:#888;}
.cal1 .weekday {background:#888;}
.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:#888;text-decoration:underline;}
.cal2 a:hover {color:#888;text-decoration:none;}
.cal2 .calPrev {position:absolute;top:0px;left:0;}
.cal2 .calPrev:after {content:" Previous month";color:#888;}
.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:#888;}
.cal2 table.calGrid {color:#888;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:#888;text-decoration:underline;}
.cal2 table.calGrid td a:hover {color:#888;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:#888;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 #888;}
.cal3 .calDayOff {}
.cal3 .calDayOn a {border:1px solid #dedede; padding:3px 5px; color:#888;}
.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:#888;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 */

.smtext { font-size: 90%; }