@import "member_directory.css";
body { font-family: 'Open Sans', arial, sans-serif; font-size: 15px; line-height: 22px; color: #000000; }

a { color: #0085C8; text-decoration: none; }
a:hover { color: #79BD9A; text-decoration: none; }
a:focus { outline:none;text-decoration:none; }

h1 { font-size: 40px; line-height: 42px; color: #555555; font-weight: normal; margin: 0 0 20px 0; }
h2 { font-size: 24px; line-height: 32px; color: #0085c8; font-weight: normal; padding: 0;  margin: 0 0 14px 0; }
h3 { font-size: 20px; line-height: 22px; font-weight: 400; margin: 0 0 8px 0; }
h4 { font-size: 16px; line-height: 18px; text-transform: uppercase; font-weight: normal; margin: 14px 0 3px 0; padding: 0; }

/****GLOBAL STYLES****/
.quote {line-height:200%}
.printonly, #print_logo { display: none; }

p { margin-bottom: 26px; }
ul { margin-bottom: 20px; }
ol li { margin-bottom: 20px; }
hr { margin: 16px 0; border: 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #fff; }
hr.bigspace { margin: 32px 0; }
.lgtxt { font-size: 20px; line-height: 30px; }
.smtxt { font-size: 12px; }

/****HEADER****/

header { background: url() repeat; }

.ff-logo img { padding: 20px 0px 20px 0px ; position: relative; }
.NBClogo {
    height:145px;
    width:auto;
    position:relative;
}

.navbar-wrapper.attach {
    background-image: url(graphics/NBC_logo-OH.png);
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position:20px center;
    background-color: #0085C8;
    position:fixed;
    width:100%;
    top:0;
    left:0;
    margin-left:0;
    box-shadow: 0 2px 2px #000;
    z-index:11;
}
.navbar-wrapper.attach .main-nav {margin:0;}
.navbar-wrapper.attach a {color:#FFF;}
.main-nav { margin: 15px 0 0 0; position: relative; }
.main-nav ul { padding: 0; margin: 0;float:right; }
.main-nav ul li { float: left; display: block; list-style: none; }
.main-nav ul li:hover {-moz-box-sizing:border-box;box-sizing:border-box;background:#79BD9A;box-shadow:0px 0px 2px #666;}
.main-nav ul li:hover a {color:#EEE;}
.main-nav ul li a {display:block;height:100%; padding: 0px 15px; font-size: 1em; color: #444; text-transform: uppercase; line-height: 56px; -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease; }
/*.main-nav ul li:last-of-type a {padding-right:0;}*/
.main-nav li.hover a {  }
.main-nav ul li a:hover, nav.main-nav li.hover a:hover { background-color: #79BD9A; color: #EEE; text-decoration: none;}
/*.main-nav ul li a.current { background-color: #474747; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #fff; text-decoration: none; }*/

.main-nav li:hover ul { display: block;box-shadow:0px 0px 2px #666;}

/**DROP NAV**/
.main-nav ul ul { list-style-type: none; position: relative; z-index: 3000; padding: 0; margin: 0; }
.main-nav li ul { position: absolute; z-index: 1000; display: none; width: 250px; background: #fff; }
.main-nav li ul li { border-bottom: 1px dotted #ccc; width:100%; }
.main-nav li ul li a {-moz-box-sizing:border-box;box-sizing:border-box; padding: 8px 12px; width: 100%; height: auto; text-align: left; font-size: 15px; line-height: 40px; color: #0085c8 !important; text-transform: none; }
.main-nav ul li ul li a:hover, nav.main-nav ul li ul li.hover a:hover { color: #EEE !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
.main-nav ul li.hover ul li a { background-color: #fff !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }

.social-media {
background: #0085C8;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
display: inline-block;
overflow: hidden;
padding: 10px;
margin-right:15px;
}
.social-media i { margin-right: 0px; font-size: 18px; width: 18px; height: 18px; padding: 0px; display: inline-block; text-align: center; position: relative; left: 0px; top: -1px; }
.social-media a {
text-align: center;
display: block;
float: left;
margin: 0 3px;
background: url(graphics/design/wild_oliva_light.png);
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
font-size: 18px;
width: 18px;
height: 18px;
padding: 6px;
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
transition: all 100ms linear;
}
.social-media a:hover, .social_media_wrapper a:active { text-decoration: none; color: #ffffff; background: #79BD9A; }
.callus { font-size: 22px; color: #0085C8; font-weight: bold; margin: 20px 0 0 0;padding-right:15px; }
.callus strong { font-weight: inherit; }

/****HOME****/ 

.carousel {background: url(graphics/slider-bg.jpg) no-repeat; background-position: center center; margin-bottom: 60px; }
.carousel .container { position: relative; z-index: 9; }
.carousel-control { height: 80px; margin-top: 0; font-size: 120px; text-shadow: 0 1px 1px rgba(0,0,0,.4); background-color: transparent; border: 0; z-index: 10; }
.carousel .item { margin: 0 auto; width: 100%; height: 450px; background: no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.carousel-caption { background-color: transparent; position: static; max-width: 950px; padding: 0; margin-top: 280px; }
.carousel-caption h1 { display: inline-block; margin: 0; padding: 16px; background: #000000; background: rgba(0, 0, 0, 0.6); line-height: 1em; color: #f3f3f3; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); font-size: 40px; font-weight: 300; }
.carousel-caption .lead { display: inline-block; margin: 0; padding: 16px;
background: #005490; background-color: rgba(0, 133, 200, 0.8); line-height: 1.25; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); font-size: 18px; font-weight: 300; border-bottom: solid 1px #0085c8; }
.carousel-caption .lead a { color: #fff; text-decoration: none; }
.carousel-caption .lead a:hover { color: #79BD9A; text-decoration: none; }





.carousel-caption .btn { margin-top: 10px; }

.viewMore {
background: #333;
color: #ffffff;
padding: 5px 15px;
-moz-border-radius: 17px;
-webkit-border-radius: 17px;
border-radius: 17px;
font-style: normal;
float: center;
font-size: 12px;
font-weight: normal;
border: 0;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -2px 0 0 rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -2px 0 0 rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -2px 0 0 rgba(0, 0, 0, 0.1) inset;
}

.viewMore:hover {
background: #ccc;
color: #333;
padding: 5px 15px;
-moz-border-radius: 17px;
-webkit-border-radius: 17px;
border-radius: 17px;
color: #ffffff;
font-style: normal;
float: center;
font-family: ProximaNova-Bold, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
}

.homeboxContent {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
    height: 350px;
}
 .three-col {
  background: #d3d3d3;
  border: 1px solid #dfdfdf;
  border-radius: 0.4em;
  float: left;
  margin: 0 2.3% 0 0;
  padding: 1em;
  width: 28%;
  height: 373px;
}

/***INTERIOR****/

.full_page_photo { height: 220px; width: 100%; background: no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom: 32px; }
.full_page_photo h3 { color: #ffffff;  font-size: 50px; line-height: 55px; font-weight: 600; margin-top: 100px; display: inline-block; padding: 10px; }

.carousel-caption-int { background-color: transparent; position: static; max-width: 850px; padding: 0; margin-top: 70px; }
.carousel-caption-int h1 { display: inline-block; margin: 0; padding: 16px; background: #000000; background: rgba(0, 0, 0, 0.6); line-height: 1em; color: #f3f3f3; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); font-size: 40px; font-weight: 300; }
.carousel-caption-int .lead { display: inline-block; margin: 0; padding: 16px;
background: #0085c8; background-color: rgba(0, 133, 200, 0.8); line-height: 1.25; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); font-size: 18px; font-weight: 300; border-bottom: solid 1px #0085c8; }
.carousel-caption-int .btn { margin-top: 10px; }

.formButtons a {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
  border: 0 none;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -2px 0 0 rgba(0, 0, 0, 0.1) inset;
  color: #FFFFFF;
  font-size: 0.8em;
  font-weight: bold;
  height: 30px;
  margin: 10px 0;
  padding: 10px 20px;
  position: relative;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  z-index: 999;
}

.videoShadow {
  -moz-box-shadow:    0px 2px 7px -1px #000;
  -webkit-box-shadow: 0px 2px 7px -1px #000;
  box-shadow:         0px 2px 7px -1px #000;
  border-radius: 5px;
  padding: 5px;
}
.videoShadow:hover{
  background: #1672AE;    
}

/***BLOG****/

.blogentry { overflow: hidden; position: relative; margin-bottom: 30px; }
.blogentry h2 { font-weight: 300; font-size: 1.8em; }
.blogentry h2 a { text-decoration: none; }
h3.blogdate { font-weight: normal; font-size: 1.0em; margin: 2% 0; padding: 0; color: #888; line-height: 1.5em;  }
.blogBody { height: 250px; overflow: hidden; }
.blogBodyDetail { height: 100%; padding: 10px 0px 0px 0px; }
.blogfade { background: transparent url(graphics/design/bg-blogentry.png) repeat-x left bottom; position: absolute; height: 350px; bottom: 34px; width: 100%; }
div.taglist { color: #99C156; list-style-type: disc; float: left; margin-bottom: 30px; width: 100%; }
.blogthumb { width: 250px; display: block; position: relative; float: right; margin: 0 0px 20px 30px; }
.blogthumb img {height: auto; width: 100%; }
.readmore { position: relative; margin-top: 15px;}

div.taglist { color: #99C156; list-style-type: disc; margin-bottom: 30px; width: 100%; }
div.tag { background: transparent url(graphics/design/disc.png) no-repeat left 50%;  float: left; clear: both; border-bottom: 1px solid #c3c3c3; border-top: 1px solid #ffffff;padding: 13px 5px 13px 20px;
color: #666; font-weight: bold; display: block; width: 85%; }

div.tag:first-child {border-top: none;}
div.tag:last-child {border-bottom: none;}
div.taglist div .tagname  {float: left;}
div.taglist div .tagcount  {float: right;}

.blog-image { border: 5px solid #F6F6F6; box-shadow: -2px 2px 2px 0 #999999; display: block; float: right; margin: 0 10px 20px 20px; max-width: 250px; }
.blog-image img {max-width: 250px; height: auto;}

.comment { padding: 0 0 20px 0; }
.comment-form { width: 100%; }

.blogPosted {margin-left: 20px;}

.comment fieldset input[type="text"] { width: 100%; border-radius: 3px; margin: 5px 0; padding: 5px; border: 1px solid #777777; outline: none; }
.comment textarea {width: 100%; float: left; clearn: both; border-radius: 5px;}
.comment a.submitcomment { display: block; background: #333333; padding: 5px 10px; color: #fff; border-radius: 5px; margin-top: 10px; }


/***FOOTER***/

footer { margin-top: 80px; color: #ffffff; border-top: solid 2px #ffffff; background: #0085C8; padding: 40px 0; }

footer .footerLogos {background:#FFF;padding:20px 0; margin-top:20px;text-align:center;}
footer .footerLogos h3 {color:#555;margin-bottom:20px;}
footer .footerLogos .footerLogo {max-width:90%}
.span2.item {float:none;display:inline-block;}

footer a:hover, footer a:active { color: #ccc; text-decoration: none; }
footer .span6 { margin-top: 12px; }
footer .addr {font-size:0.8rem;text-align:right;}
footer .addr a {color:#FFF;text-decoration:underline;}

.ff-icon { text-align: center; margin-top: -82px; }

.footer-menu { margin: 0; }
.footer-menu ul { margin: 0; padding: 0; list-style-type: none; }
.footer-menu ul li { float: left; }
.footer-menu ul li a { font-size: .8em; color: #fff; border-right: 1px solid #fff; padding: 0 8px; text-decoration:underline; }
.footer-menu ul li.item1 a { padding-left: 0; } 
.footer-menu ul li a.last { border-right: none; padding-right: 0; }
.footer-menu li ul { display: none !important; }

.copyright {font-size: 11px; color: #eee; }
.map img { border: 4px solid #666; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.map a {
  float: right;    
}

/*
********************************************************************************
/*    BEGIN MEDIA QUERIES
********************************************************************************
*/


/*==================================================== 
******************************************************
/*	DEVICES up to 1200 pixels wide 
******************************************************
====================================================== */


@media (max-width: 1200px) {


}
 

/*==================================================== 
******************************************************
/*	DEVICES less than 979 pixels wide 
******************************************************
====================================================== */

@media (min-width: 768px) and (max-width: 979px) {
.callus {
  margin: 18px 0 0 0;
  font-size: 1.2em;
}
.main-nav ul li a { font-size: .8em; padding: 8px 10px; }
.footer-menu {
  margin: 1em 0;    
}
.footer-menu ul li a { font-size: .9em; border-right: 1px solid #666; padding: 0 4px; }
.carousel-caption h1 {
  font-size: 2.5em;    
}
.interior .container .span3 iframe {
  width: 150px;
}
}

/*==================================================== 
******************************************************
/*	DEVICES less than 767 pixels wide 
******************************************************
====================================================== */

@media only screen and (max-width: 767px) {

body { padding-right: 0px; padding-left: 0px; }

header .span6 { text-align: center; }
.ff-logo {display:block;width:100%;text-align:center;}
.ff-logo img { padding: 52px 0 0px 0; position: relative; }
.NBClogo {position:static !important;}
.social-media {-moz-box-sizing:border-box;box-sizing:border-box; position: absolute; top: 0; right: 0;width:100%;margin:0;text-align:center; }
.social-media a {float:none;display:inline-block;}
.callus { font-size: 18px; margin: 18px 0; text-align:center; }

.main-nav { float: none; margin: 0; position: relative; border-top-width: 0; padding: 0; }
.main-nav > ul { margin-left: 0; width: 100%; }
.main-nav ul { position: static !important; padding: 0 !important; }
.main-nav li { border-top-width: 1px !important; border-top-style: dotted !important; border-bottom-width: 0 !important; display: block !important; float: none !important; margin: 0 !important; }
.main-nav ul li a { -moz-box-sizing:border-box;box-sizing:border-box;width:100%;display: inline-block; float: none; padding: 6px 0 6px 22px; height: auto; font-size: 10px; line-height: 24px; }
.main-nav li.sub > a { cursor: pointer;position:relative; }
.main-nav li.sub > a:after { content: ""; background-image: url(graphics/design/arrow.png); background-position: -26px 14px; background-repeat: no-repeat; position: absolute; padding: 0; right: 16px; top: 0; bottom: 0; width: 13px; }
.main-nav li:hover > ul { display: none; }
.main-nav li.sub > a:hover:after { background-position: -39px 14px; }

.main-nav li ul { position: absolute; z-index: 10; display: none; width: 100%; top: 0; padding: 4px 0 8px 0; border: 0; }
.main-nav li ul li a { padding: 8px 0 8px 24px; width: 100%; float: none; text-align: left; font-size: 12px; line-height: 1em; border-right: 0; text-transform: capitalize; color: #fff; }
.main-nav li ul li a:hover { color: #1d5765; }

.carousel .item { height: 350px; }
.carousel-caption { margin-top: 200px; }
.carousel-caption h1 { font-size: 48px; }
.carousel-caption .lead { display: none; }

section .container, footer .container { padding: 0 20px; }

.full_page_photo { height: 180px; }
.full_page_photo h3 { color: #fff; font-size: 42px; line-height: 44px; margin-top: 100px; padding: 10px; }

.blog .span3 { display: none; }
.blog .span4 { display: none; }

footer { padding: 0 0 40px 0; }
footer .footerLogos .footerLogo {
    margin-bottom:20px;
}
footer .span7, footer .span5 { text-align: center; margin: 24px 0; }
footer .addr {text-align:center;}
.ff-icon { text-align: center; margin-top: -42px; }

.footer-menu { margin-bottom: 32px; }
.footer-menu ul li { float: none; text-align: center; }
.footer-menu ul li a { display: block; font-size: 12px; border-right: none; border-bottom: 1px solid #666; padding: 4px; }
.copyright {text-align:center;}
.span2.item {
    width:50%;
    float:left;
}

}


/*==================================================== 
******************************************************
/*	DEVICES less than 480 pixels wide 
******************************************************
====================================================== */

@media only screen and (max-width: 480px) {
.callus {
  font-size: 1em;
  margin: 0 0 5px;    
}    
.ff-logo img {
  width: 250px;
  padding: 42px 0 0;
  height:auto;
}
h3.blogdate { font-size: 14px; }
.blogthumb { float: none; margin: 0 0 20px 0; }
.blog-image { float: none; margin: 0 0 20px 0; max-width: 100%; }
.blog-image img {max-width: 100%; height: auto;}
.social-media {
  padding: 5px 10px;
}
.carousel-caption h1 {
  font-size: 1.6em;    
}
}


/*==================================================== 
******************************************************
/*	DEVICES 320 pixels wide 
******************************************************
====================================================== */

@media only screen and (max-width: 320px) {
.callus {
  font-size: 1em;
  margin: 0 0 5px;    
}    
.callus strong { display: block; }
.homeboxContent h1 {
  font-size: 1.8em;
}
.homeboxContent ul {
  margin-left: 10px;    
}
.homeboxContent {
  font-size: .9em;   
}
.three-col {
    background: none repeat scroll 0 0 #D3D3D3;
    border: 1px solid #DFDFDF;
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    height: 300px;
    margin: 0 0 0.5em;
    padding: 1em;
    height: 650px;
    width: 85%;
}
.homeboxContent {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    height: 280px;
    padding: 10px;
    height: 630px;
}



}




/* 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 */



/* 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; }
.itemLabel {font-weight: bold;}
.eventLocation, .eventRSVP, .eventTicketWrapper{ padding: 5px 0px; }
.eventDate {  }
.eventTime {  }
.eventLocation { }
.eventLocationMap {  }
.eventLocationAddress {  }
.eventLocationDriving {  } 
.eventContact {  }
.eventPhone {  }
.eventEmail {  }
.eventRSVP {  }
.eventTicketWrapper { }
.eventTicket {  }
.eventBody { padding: 20px 0px 0px 0px; }
.event-image { border: 5px solid #F6F6F6; box-shadow: -2px 2px 2px 0 #999999; display: block; float: right; margin: 0 10px 20px 20px; max-width: 250px; padding: 2px 0px 0px 0px; }
.event-image img {max-width: 250px; height: auto;}
.event-thumb { border: 5px solid #F6F6F6; box-shadow: -2px 2px 2px 0 #999999; display: block; float: right; margin: 0 10px 20px 20px; max-width: 150px; padding: 2px 0px 0px 0px; }
.event-thumb img {max-width: 150px; height: auto;}

/* ----------------------
Events Small Calendar
------------------------ */

.calendarSmallWrapper { font-size: 12px; background: transparent; background-color: #eeeeee;}
.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: 100%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding: 2px 5px 2px 5px; text-align: center; }
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; text-decoration: underline; background-color: #d02f25; padding: 2px 2px 2px 2px; color: #fff; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #999; 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: #e8e8e8; padding-bottom: 30px; width: 100%; }
#calendarDetail table { background: #999; width: 100%; table-layout: fixed; }
#calendarDetail .calendarMonths { background: #e8e8e8 ; 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 {  }
#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: small; color: #fff; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { font-size: small; }
#calendarDetail .calendarDays td { text-align: center; font-size: x-small; line-height:  1.1em; padding:8px; }
#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: #999; 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; background-color: #0085C8; color: #fff; font-weight: bold;  }
#calendarDetail .calendarDays .eventOn a { color: #fff; font-size: 10pt;}
#calendarDetail .calendarDays .eventOn a:hover { color: #005490; font-size: 10pt; text-decoration: underline;}
#calendarDetail .calendarDays a {display:inline-block;margin-top:8px;}
#calendarDetail .eventOff,
#calendarDetail .eventOn,
#calendarDetail .emptyDay {
    border:1px dashed #888;
}
/* ---------------
Events Box
----------------- */
.eventsBoxWrapper { }
.eventsBoxWrapper .itemList { padding-bottom: 10px; }
.eventsBoxWrapper .eventDate { color: #777; }

/* ---------------
Events Registration
----------------- */
#registrationSummary td { padding:1px 10px; }
.formtextRequired {font-weight: bold;}
/* ModuleEnd::events */



/* ModuleBegin::news */
.newsWrapper .headline { font-weight: bold; }
.newsWrapper .publish, .newsWrapper .author, .newsWrapper .copyright { color: #777; font-size: smaller; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .newsitem { padding-bottom: 1em; }
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
/* ModuleEnd::news */



/* ModuleBegin::photo */
#photoWrapper

/* ModuleBegin::leads */
.pcl-name {
	text-align:center;
	width:100%;
	font-weight:bold;
}
/* ModuleEnd::leads */



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



/* ModuleBegin::membership */
#formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px; }
.memberLoginBox { margin: 0 auto; }
.memberLoginBox td { padding: 2px; }

.membershipModule .search {}
.membershipModule .companyInfo { margin: 1em 0; }
.membershipModule .companyInfo .name {}
.membershipModule .companyInfo .jobTitle {}
.membershipModule .address { margin: 1em 0; }
.membershipModule .contactInfo { margin: 1em 0; }
.membershipModule .contactInfo .phone {}
.membershipModule .contactInfo .email {}
.membershipModule .contactInfo .website {}
.membershipModule .thumbnail { float:left; margin-right: 20px;}
    
/* ----- Membership Lister ----- */
.membershipModule.moduleLister {}

/* ---- Membership Detail ----- */
.membershipModule.moduleDetail {}

/* ----- My Account ---- */
.membershipModule.myAccount {}
.membershipModule.myAccount:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.membershipModule.myAccount .block { padding: 10px; float: left; width: 250px; height: 150px; }
.membershipModule.myAccount .block.membership { float: none; width: auto; height: auto; background-color: #eee; }
.membershipModule.myAccount .block.membership ul { list-style: none; padding: 0; }

@media (min-width: 45em) {
    .membershipModule.myAccount .block.membership li { display: inline; margin: 0 .5em; }
}

/* ----- My Account - Dispatch ( System Forms ) ---- */
.myaccountHeading { font-size: 2em; font-weight: bold }
.myaccountMessage {}

.myaccountDetail  table { color: #444;}
.myaccountDetail .formtextRequired, .myaccountDetail .formtext { padding: 5px 0; }
.myaccountDetail .formtextRequired label { font-weight: bold };

.myaccountLister {}
.myaccountListerBack {}
/* ModuleEnd::membership */

/** BLUE STYLES **/
.bluebar {
    background: none repeat scroll 0 0 #0085C8;
    color: #FFFFFF;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size:18px;
}
.smallerText {
    font-size:13px;
}
input.button,
.button a,
a.button{
    text-transform:uppercase;
    border-radius:4px;
    display:inline-block;
    padding: 6px 14px;
    background:#79BD9A;
    color:#EEE;
    border:2px ridge #FFF;
    position:relative;
    text-decoration:none !important;
}
input.button:active,
.button a:active,
a.button:active {
    top:2px;
}
input.button:hover,
.button a:hover,
a.button:hover {
    color:#FFF;
}

#nospamA, #nospamB {font-size:12px; width:227px; }

/* Freedom 9.6.001 Date Picker Calendar Style Updates: */
#ui-datepicker-div {
  background: rgba(255, 255, 255, 0.92);  /* this will give slightly opaque white bg */
  border: 1px solid #ccc;
  box-shadow: 0 0 45px #ccc;
  -webkit-box-shadow: 0 0 45px #ccc;
  margin-left: -20px;
  padding: 20px;
}

.ui-datepicker-prev {float: left;}
.ui-datepicker-next {float: right;}
.ui-datepicker-prev, .ui-datepicker-next {font-size: 11px; margin-top: 4px;}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover {cursor: pointer;}

.ui-datepicker-title {text-align: center; padding-bottom: 20px;}

.ui-datepicker-calendar th {font-size: 12px;}

#ui-datepicker-div table td {padding: 8px;}


#nospamLink {float: left; left: 125px; position: relative; }

.simpleAntiSpam { margin: auto; position: relative; width: 350px;}