/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}
*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

b,strong {font-weight:bold;}

ul li {list-style-type:disc; font-weight:normal; }
ul ul li {list-style-type:circle;}

a, a:visited {text-decoration:none;}

pre { white-space:pre-wrap; }

em {font-style: italic;}
 
#editAnywhere {display:none;}
a:hover, a:focus {text-decoration:none!important;outline:0;}

.clear { clear: both;}

.collapsible_header {  padding: 2px 0; cursor: pointer;}
.collapsible_header span.fa { padding-right: 16px;}
.collapsible_content { padding: 15px; display: none; }

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


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

@media (min-width:768px) {
    .columnContainer::after { display:block; content:''; visibility:hidden; clear:both; height:0; }
    .columnContainer>* { float:left; }
    .twoColumns>* { width:50%; }
}


/*STYLES FOR EDITOR*/




body {font-size: 16px;line-height:1.75em;font-family: 'Open Sans';font-weight:300;padding:0;margin:0;overflow-x:hidden; background:#fff;}
#editAnywhere {display:none;}

h1 {font-family:'Quicksand';font-size:55px;font-weight:300;line-height:1.35em;margin-bottom;20px}
h2 {font-family:'Quicksand';font-size:40px;font-weight:300;text-transform:uppercase;line-height:1.35em;margin:20px 0;}
h3 {font-family:'Quicksand';font-size:30px;font-weight:500;text-transform:uppercase;line-height:1.35em;}
h4 {font-size:22px;}

p {margin: 1em 0;}

img {max-width:100%; height:auto !important;}

table.barred tr:nth-child(even) {background: #f9f9f9}
table.barred td {padding:4px 10px;}

th { font-weight:bold; text-align:left; }

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "201C""201D""2018""2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


#hero .camera_wrap { background: #333; margin-bottom: 0px !important; -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.4); box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.4); }
#hero .camera_pag { position: absolute; bottom: 0px; left: 0px; width: 100%; }
#hero .camera_wrap .camera_pag .camera_pag_ul { text-align:center; }
#hero .camera_wrap .camera_pag .camera_pag_ul li { display: inline-block; width: 12px; height: 12px; margin: 10px 0px 10px 6px; border: 2px solid #3c3c3c; border-radius:50%; background:transparent; }
#hero .camera_wrap .camera_pag .camera_pag_ul li > span { border-radius: 6px; height: 12px; left: 0px; top: 0px; width: 12px; background: transparent; }
#hero .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { background: #3c3c3c !important; }
#hero .slide-title {font-size: 18px; line-height: 32px;}
#hero .camera_wrap a.readmore {margin-left: 15px;}
@media (min-width: 768px) {
    #hero .camera_caption { position:absolute; top:35%; bottom:auto; width:100%; z-index:-1; }
    /* OLD Hero Image Caption BG Color 
    #hero .camera_caption>div { background: rgba(180, 44, 44, 0.5); width:50%; margin: 0 auto; padding: 10px 20px; text-align:center; } */
    /* NEW Hero Image Caption BG Color */
    #hero .camera_caption>div { background: rgba(51, 153, 255, 0.5); width:50%; margin: 0 auto; padding: 10px 20px; text-align:center; }
    #hero .camera_caption h2 { font-size:60px; font-weight:bold; }
}
@media (max-width: 767px) {
    #hero .camera_caption { position:absolute; top:10%; bottom:auto; width:100%; z-index:-1; }
    /* OLD Hero Image Caption BG Color 
    #hero .camera_caption>div { background: rgba(180, 44, 44, 0.5); width:50%; margin: 0 auto; padding: 5px 10px; text-align:center; } */
    /* NEW Hero Image Caption BG Color */
    #hero .camera_caption>div { background: rgba(51, 153, 255, 0.5); width:50%; margin: 0 auto; padding: 5px 10px; text-align:center; }
    #hero .camera_caption h2 { font-size:18px; font-weight:bold; }
}


/* Date picker fields */
#ui-datepicker-div { background: #fff; border: 2px solid #333; z-index:100 !important; }
.ui-datepicker { width: 20em; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; background: #333; color: #fff;}
.ui-datepicker .ui-datepicker-header a { color: #fff;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 70px; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left: 2px; text-align: left; }
.ui-datepicker .ui-datepicker-next { right: 2px; text-align: right;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { cursor: pointer; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;}
.ui-datepicker td {border: 0;padding: 1px;}
.ui-datepicker td span, .ui-datepicker td a {display: block;padding: .2em;text-align: center;text-decoration: none;}
.ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;}
.ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;}


/**********************                       *****************************
*********************** GENERAL MODULE STYLES *****************************
***********************                       ****************************/
.moduleDetail {}
.moduleLister {}
div.listerItem { clear: both; margin: 1.0em 0 1.5em 0; padding-bottom: 1.5em; }
div.listerItem:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.label { font-weight: bold; margin-right:10px; color:inherit; }
.description {}
.blurb {}
.thumbnail {}
.date {}
.time {}
.filter {float:right;}
.imageLink {float:left;}
.tags {}

.moduleLister .thumbnail { width: 200px;
float: left;
margin-right: 20px;
}

ul.grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul.grid li.gridItem {
       width: 200px;
    display: inline-block;
    vertical-align: top;
}

.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */


/****************************               ***********************************
***************************** FORM ELEMENTS ***********************************
*****************************               ***********************************/

.responsiveForm tr td {
  display: block;
}

fieldset.radio label {
  width: auto;
}

fieldset fieldset label {
  width: auto;
  line-height: inherit;
}

.radio {
  background: none;
}

input, textarea, select {    
  outline: none;
  padding: 8px;
  margin:6px 0 6px 0px;
  border: 0;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-background-clip: padding-box;

}
input:not([type=submit]), textarea {
    
}
input[type="checkbox"], input[type="radio"], input[type="submit"] {width:auto; box-shadow:none;}
input.button {margin-right:0;margin-top:3px;}

/* end Form Elements */


/* ModuleBegin::search */
.searchModule.moduleLister {}
.searchModule .searchTopMatches {}
.searchModule .module {}
.searchModule .title {}
.searchModule .blurb {}
#search_box_form {}

/* ModuleEnd::search */

/* ModuleBegin::directory-products */
.productModule.commerce-item .main-image-frame {
    float: left;
    background: #fff;
    padding-right: 20px;
    width: 320px;
    min-height: 250px;
}

/* ModuleEnd::directory-products */

/* ModuleBegin::events */
/* ---- Events Lister ---- */
.eventsModule.moduleLister {}

/* ---- Events Detail ---- */
.eventsModule.moduleDetail {}
	.eventsModule .date {}
	.eventsModule .label {}
	.eventsModule .time {}
	.eventsModule .location { margin: 1em 0; }
	.eventsModule .map {}
	.eventsModule .address {}
	.eventsModule .directions {}
	.eventsModule .contactInfo {}
	.eventsModule .name {}
	.eventsModule .phone {}
	.eventsModule .email {}
	.eventsModule .rsvp {}
	.eventsModule .ticketsWrapper {}
	.eventsModule .ticket {}
	.eventsModule .description {}
	.eventsModule .utilityLinks {}
    .eventsModule.moduleDetail .thumbnail {width:300px; float:right; margin-left: 20px;}


/* ---- Events Small Calendar ---- */
body#calendarIframe { font-size: 12px; background: transparent; }
.cal { padding: 5px; text-align: center; position:relative; background: transparent;}
#calendarIframe .cal { width: 275px; }
.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: 6px 0; text-align: center; border-bottom:1px solid #ddd; }
.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: #eee; color: #000; font-weight: bold;  z-index: 1; }
.calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; }
.calBottom { padding:8px 0; }
.calBottom a { display: block; float: right; font-size: 14px;}
.calBottom a:first-child { float:left; }

/* ---- Events Month at a Glance ---- */
#calendarDetail {margin-top: 7px; ; padding-bottom: 30px; width:100%; }
#calendarDetail table { width: 100%; table-layout: fixed;  text-align: center; }
#calendarDetail .calendarMonths { vertical-align: middle; padding-top: 3px; padding-left: 12px; 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; }
#calendarDetail .calendarMonths a:hover { color: #000; }
#calendarDetail .calendarDays { table-layout: fixed; background: #fff; width:100%; }
#calendarDetail .calendarDays td { background:none; border-bottom:1px solid rgba(0,0,0,.05); }
#calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #fff; padding: 10px 0px 10px 0px; background: #333; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #333; color:#fff; }
#calendarDetail .title a { font-size: small; }
#calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a{ font-size: small; color: #fff; }
#calendarDetail .calendarDays td { font-size:small; line-height:  1.1em; }
#calendarDetail .calendarDays .weekdays { height: 30px; line-height: 30px;background-color: #E8E8E8; }
#calendarDetail .calendarDays .emptyDay { height: 100px; text-align: left; vertical-align: top; background-color: #eee; background-color: rgba(0,0,0,.02); }
#calendarDetail .calendarDays .eventToday { height: 100px; text-align: left; vertical-align: top;background-color:#eee; background-color: rgba(0,0,0,.05); padding-left: 5px; padding:5px;}
#calendarDetail .calendarDays .eventOff { height: 100px; text-align: left; vertical-align: top; padding-left: 5px;  padding:5px;}
#calendarDetail .calendarDays .eventOn { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px; }

/* ---- Events Box ---- */
.eventsModule.moduleLister.box { }
.eventsModule.moduleLister.box .listItem { padding-bottom: 10px; }
.eventsModule.moduleLister.box .date { color: #777; }

/* ---- Events Registration ----- */
#registrationSummary td { padding:1px 10px; }
/* ModuleEnd::events */


/* ModuleBegin::blog */
.blogModule {}
.blogModule .info {margin-bottom: 20px; }
.blogModule .author {}
.blogModule .date {}
.blogModule .thumbnail img { width:350px; max-width:100%; }
.blogModule .tags {} 
.blogModule .comment { padding: 10px; background: #f4f4f4; margin-bottom: 15px; border: 1px solid #ccc; }
.blogModule .comment .info { color: #333; font-weight: 600; margin-bottom: 10px; }

/* ---- Blog Lister ----- */
.blogModule.moduleLister {}
.blogModule.moduleLister h2 { margin-bottom:5px; }
.blogModule .listerItem {}
.blogModule .blurb {}

/* ---- Blog Detail ------- */
.blogModule.moduleDetail {}
.blogModule.moduleDetail h1 { margin-bottom: 5px; }
.blogModule.moduleDetail .fullText {}

/* ---- Blog Archives ------ */
.blogModule.archive .month { padding-left:10px; }
.blogModule.archive .year { font-weight: bold; }
/* ModuleEnd::blog */

/* ModuleBegin::blog */
#addcomment_section {}
#comment_control.commentsModule { position: relative; max-width: 550px;}
#comment_control.commentsModule input , #comment_control.commentsModule textarea { width: 100%; display: block;}
.commentsModule .comment { padding: 10px; background: #f4f4f4; margin-bottom: 15px; border: 1px solid #ccc; }
.commentsModule .comment .info { color: #333; font-weight: 600; margin-bottom: 10px; }
/* ModuleEnd:: blog */


/* ModuleBegin::news */
.newsModule.moduleDetail {}
.newsModule.moduleLister {}
.newsModule .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
.newsModule .blurb {}
.newsModule .thumbnail {}
/* ModuleEnd::news */


/* ModuleBegin::faq */
.faqModule {}

.faqModule .questions {}
.faqModule .questions li p { margin: 0; display: inline; }

.faqModule.moduleLister {}
.faqModule.moduleLister .question {}
.faqModule.moduleLister .answer {}
.faqModule .top { font-size: smaller; }
/* ModuleEnd::faq */

/* ModuleBegin::gendocs */
.webpageModule.moduleDetail { }
/* ModuleEnd::gendocs */


/* ModuleBegin::photo */
/*******************************       ******************************************
******************************** PHOTO ******************************************
********************************       *****************************************/
/* Photo Lister */
/* Photo Lister */
.photoModule.moduleLister {}
.photoModule.moduleLister .gridItem {border:1px solid #ccc; text-align:center; width: 200px; display:inline-block; vertical-align:top; margin-bottom:5px; padding-bottom: 15px}
.photoModule.moduleLister .gridItem:hover {border:1px solid #5E5E5E;}
.photoModule.moduleLister .gridItem span {display:block;}
.photoModule.moduleLister .gridItem .image {width:160px;height:150px;overflow:hidden; margin: 10px auto;}
.photoModule.moduleLister .gridItem .name {height:20px;overflow:hidden;}
.photoModule.moduleLister .gridItem .description {height:55px;overflow:hidden;}
ul.grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul.grid li.gridItem { width: 200px; display: inline-block; vertical-align: top; }

/* Photo Thumbnails */
.photoModule .description  {}
.photoModule .thumbnailItem {float:left; margin:0 10px 10px 0; position:relative; height: 100px; width: 150px; overflow: hidden;}
.photoModule .thumbnailItem img.activeImage {border:1px solid #333;}
.photoModule .thumbnailItem img {border:1px solid #ccc; min-height: 100%; min-width: 100%;}
.photoModule .thumbnailItem a:hover img {border:1px solid #5E5E5E;}

/* Photo Detail */
.photoModule.moduleDetail{margin:10px 0;}
.photoModule .photoRemote {width:400px;height:20px;margin:0 auto;}
.photoModule .photoRemote span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;}
.photoModule .photoRemote span a{display:block;margin:0 1px;background-color:#fff;color:#888;border:1px solid #ccc;text-decoration:none;}
.photoModule .photoRemote span a:hover,div.photoRemote span a:active{border:1px solid #e5e5e5;color:#000;}
.photoModule .imageDetail {margin:10px; }
.photoModule .imageDetail div {margin:0 auto;}
.photoModule .imageDetail img {border:1px solid #ccc;}
.photoModule.moduleDetail .imageDetail, .photoModule.moduleDetail .info{text-align:center;color:#888;}

/* Flightbox */
.flightbox-close { position: absolute; top: 20px; right: 20px; z-index: 3000; }
.flightbox-pager { height: 100%; width: 75px; position: absolute; }
.flightbox-pager:hover, .flightbox-close:hover { cursor: pointer; cursor: hand; }
.flightbox-pager p { font-size: 30px; font-weight: bold; color: #bbb; position: absolute; top: 50%; width: 75px; padding; 25px; text-align:center; }
.flightbox-container { color: #bbb; position: absolute; z-index: 1000;  text-align: center; }
.flightbox-container img {max-width: 100%; max-height: 100%;}

/* ModuleEnd::photo */


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

.multiSelectBody { display: block !important; }

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


/* ModuleBegin::commerce */
.shoppingAlert { color: red; font-size: 8pt; }
.shoppingBody { font-size: 8pt; }
.shoppingCartEvenRow { background-color: #ffffff; color:#002d62; }
.shoppingCartOddRow { background-color: #ebebeb; color:#002d62; }
.shoppingCartTableHeader { background-color: #002d62; color: #ffffff; font-size: 8pt; font-weight: bold; }
.shoppingForm { font-size: 8pt; color:#002d62; }
.shoppingFormQuantity { background-color: #ffffff; font-size: 8pt; }
.shoppingFormRequired { font-size: 8pt; font-weight: bold; color:#002d62; }
.shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color:#000; }
.shoppingHeading { color:#002d62; }
.shoppingInStock { }
.shoppingItemHeading { }
.shoppingOutOfStock { color: #dd0000; }
.shoppingLowStock { }
.shoppingTable { background-color: #e8e8e8; color:#002d62; }
.shoppingTableBorder { background-color: #ffffff; }
.shoppingFormRequired { width: 1%; }


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

/* Hot Properties */
.hot_propertiesModule .errorField { background-color:#900; }

/* Staff */
.staffDirectoryModule.moduleLister .categoryGroup
, .staffDirectoryModule.moduleLister h2 { clear:left; margin: 1em 0; }
.staffDirectoryModule.moduleLister .staffItem { float:left; width:30%; margin: 20px 1.6%; text-align:center; }
.staffDirectoryModule.moduleLister .staffItem:nth-child(3n+1) { clear:left; }
@media (max-width:560px) { .staffDirectoryModule.moduleLister .staffItem { float:none; width:auto; } }