body#page, .mce-container, .mce-container *, .mce-widget, .mce-widget * {
margin:0;
padding:0;
font-family: 'Ubuntu', sans-serif;
color:#666;
font-size: 16px; 
line-height: 1.5em; 
background: #eee;
overflow-x:hidden!important;
height:100%;
}
font {
  font-family: 'Ubuntu', sans-serif;
}

.mce-container, .mce-container *, .mce-widget, .mce-widget * {
font-family: 'Ubuntu', sans-serif;
color:#666;
font-size: 16px!important; 
}

p span {font-family:'Ubuntu', sans-serif!important;}

.floatPadRight {
 float: right;
 padding: 0px 0px 20px 15px;
}
.floatPadLeft {
 float: left;
 padding: 0px 15px 20px 0px;
}

.homePage #contentWrapper {padding-top:10px;}
.sponsors img { max-width: 42% !important; height: auto !important; margin: 0 1.5% 20px;}
.sponsors span:first-child img {margin-left: 0px;}

@media only screen and (max-width: 1125px) { .sponsors img { max-width: 32% !important; height: auto !important; margin: 0 1.5% 20px;} }

.slidePanel {
  position: relative;
  padding: 25vh 10%;
  min-height: 100vh!important;
  width: 100vw!important;
  box-sizing: border-box;
  box-shadow: 0 -1px 10px rgba(0, 0, 0, .7);
  transform-style: inherit!important;-webkit-transform-style: inherit!important;
}

.slidePanel:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left:0;
  right:0;
  min-height: 100vh!important;
  width: 100vw!important;
}

.slidePanel, .slidePanel:before {
  background: 50% 50% / cover;  
}

.slidePanelContent {
}
html {
  height: 100%;
}

body#page.onePager { 
  margin:0;
  padding:0;
    perspective: 1px;-webkit-perspective: 1px;
   transform-style:preserve-3d;-webkit-transform-style:preserve-3d;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden; }
  
.onePager #topZoneA .slidePanelContent {
    -webkit-transform: translateZ(-.2px) scale(1.2);
    }  
.onePager #topZoneA {background:none;}
.onePager #topZoneA:before {
  background-image: url("http://lorempixel.com/output/abstract-q-c-640-480-4.jpg");
  z-index:-1;
}
.onePager #outer-leftColumn{

  background-image: url("http://lorempixel.com/output/abstract-q-c-640-480-3.jpg");
  background-attachment: fixed;
}
.onePager #bottomZoneB {background:none;}
.onePager #bottomZoneB:before {
      background-image: url("http://lorempixel.com/output/abstract-q-c-640-480-5.jpg");
  z-index:-1;
  }
  
  
#toggler {background: #333; width:10px; height:10px; position:fixed; top:270px;left:4px; padding: 0;z-index:100;border: 2px solid #777;}

h1 {font-size:2.0em; line-height: 1.1em; font-weight: normal; color:#AE1804; letter-spacing: 0; padding-bottom: .3em; }

h2 {color:#000; font-size:1.6em; line-height:1.1em; font-weight:normal; margin: 0 0 .5em 0; padding-bottom: .3em; }

h3 {color:#AE1804; font-size:1.4em; font-weight:normal; line-height:1.1em; letter-spacing: 0; margin-bottom:10px; padding-bottom: .3em; }

h4 {color:#333; font-size:20px; line-height:1.1em;  padding-bottom: .3em;}

h5 {color:#000; font-style:italic; font-size:1.1em; line-height:2em;  padding-bottom: .3em;}

h6 {color:#AE1804; font-size:1.1em; line-height:1.1em;  padding-bottom: .3em;}

a {text-decoration:none;}

a:link, a:visited {color: #AD1804;}
a.zoombox {text-decoration:underline;}

ol,ul {margin-left: 20px;padding:10px 0;}

p {margin-bottom:8px;}

/* Shadows */
.shadow-light { -moz-box-shadow:0 0 12px #ccc;-webkit-box-shadow:0 0 20px #ccc;box-shadow:0 0 20px #ccc;}
.shadow-medium { -moz-box-shadow:0 0 12px #555;-webkit-box-shadow:0 0 20px #555;box-shadow:0 0 20px #555;}
.shadow-dark { -moz-box-shadow:0 0 12px #111;-webkit-box-shadow:0 0 20px #111;box-shadow:0 0 20px #111;}    

.addthis_floating_style {background:none!important; z-index:10 !important;}


/* for images - see sitescripts.js concerning the wrapping divs */
div.photoRight {float:right;margin-left:10px;width:400px;margin-bottom:20px;}
div.photoLeft {float:left;margin-right:10px;width:400px;margin-bottom:20px;}
img.photoLeft {float:left;margin-right:10px;margin-bottom:10px;}
img.photoRight {float:right;margin-left: 10px;margin-bottom:10px;}
div.rounded-img-wrap {margin:0 auto;}

#whitepage {background: #fff;margin:0;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); 
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); 
box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
border: 1px solid rgba(0,0,0,.1);}

#breadcrumbs { color: #333; text-shadow: 0 1px 0 #fff; font-size: 16px; border-bottom: 1px solid #e0e0e0; background-color: #fafafa; -webkit-box-shadow: inset 1px 1px 0 #fff; -moz-box-shadow: inset 1px 1px 0 #fff; box-shadow: inset 1px 1px 0 #fff; padding: 17px 40px; position: relative; }
#breadcrumbs { padding: 17px 16px; text-shadow: 0 1px 0 #fff; }
            #breadcrumbs a { text-decoration: none; color: #333; font-weight: 600; margin: 0 14px; }
			#breadcrumbs a:first-child { margin-left: 20px; }
            #breadcrumbs span.subtext {display:none!important;}
            #breadcrumbs a:hover {border-bottom:1px dashed;}
            .mobile #breadcrumbs a {font-size: 12px;}
            
#topRegion {
}
#headerZone .inner-pad {margin:0;     
}

.morebuttons {float:left;margin-bottom:10px;}

.blogbox_img img {max-width:400px; width:100%;}

.blue-starburst{
background-color: #ffffff; background-image: url(graphics/design/blue-starburst.jpg);
}

.spectrum-black {
background-size:100% auto;background-repeat:no-repeat;background-image: url(graphics/design/spectrum-black.jpg);
}

.spectrum-lt-gray{
background-size:100% 800px;background-repeat:no-repeat;background-image: url(graphics/design/spectrum-lt-gray.jpg);
background-color: #ddd;
}

.cubic-lt-gray  {
background-color: #f0f0f0;background-image: url(graphics/design/cubic-lt-gray.png);
}

.orange-stucco {
background-color: #994422;background-image: url(graphics/design/orange-stucco.jpg);
}

#header { height: 135px; background: #f2f2f2;}
#logo {float:left; padding: 0px; display: block;}
body.mobile #logo {text-align:center; width:100%;}
#logo img { max-width:100%; display: block;}
#logo-wrapper {display:block;position:relative;height:135px;}
.mobile #logo-wrapper { height: 175px;}
#socialIcons { float: right; height: 100%; position: relative; top: 45px; }
#socialIcons span {padding-right: 5px; float: left;}
.mobile #socialIcons { right: 50%; width:145px; margin-right:-78px; top: auto; bottom: 4px;}


#headerZone {background: #fff;}
#headerZone .inner-pad {padding:0;}


.containerWrapper {}
#footerZone .containerWrapper-pad {padding:20px;}

.flat * {box-shadow:none!important;}


/************ Blog Header ************/
/* Requires custom javascript found in detail layout, as well as fullwidth header div */
.blogHead-frame {height:400px; position:relative;overflow:hidden;}
.mobile .blogHead-frame {height: 200px;}
.blogHead {position:absolute; top:-5%; left:-5%; width:110%; height:110%;}
.blogHeadTitle {height:400px;}
.mobile .blogHeadTitle {height:200px;}
.blogHeadTitle .title {display:none;position:absolute;bottom:0;font-size: 55px; color:#fff;background: rgba(0,0,0,.5); padding:0 20px;}
.mobile .blogHeadTitle .title {font-size: 25px; }
/*************************************/

.auto-columns .inner-pad {margin:0; padding: 14px; border-right:1px solid rgba(0,0,0,.1);}

.containerWrapper .last .inner-pad {border-right:0;}

#outer-leftColumn, #outer-rightColumn {background: #f8f8f8;}
#outer-leftColumn .containerWrapper {border-right: 1px solid #ddd;box-shadow: inset 0px 2px 10px 1px #eaeaea;}
#outer-rightColumn .containerWrapper {border-left: 1px solid #ddd;box-shadow: inset 2px 0px 10px 1px #eaeaea;}

#rightColumn .containerWrapper {border-left: 1px solid #ddd;}
#leftColumn .containerWrapper {border-right: 1px solid #ddd;}

#topZoneA {border-bottom:1px solid #ddd;background: #f8f8f8;}

#bottomZoneB {background:#fff;}
#bottomZoneB .containerWrapper {}

#bottomRegion {}

.dark {-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07), inset 0 5px 81px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07), 
inset 0 5px 81px rgba(0, 0, 0, 0.75); box-shadow: 0 0 15px rgba(0, 0, 0, 0.07), inset 0 5px 81px rgba(0, 0, 0, 0.75); border-bottom: 1px solid #0f0f0f; 
 background-color: #181b1d!important;}
.dark .containerWrapper {border-color: #222!important;}
.dark p, .dark div, .dark h1, .dark h3  {color: #ccc!important;}
.dark h2 {color: #ccc;}
.dark h3 {background: #111!important; border:none!important;}

.slide-title {font-size: 30px; line-height:1.5em;}
.mobile .slide-title {font-size: 18px; line-height:1.2em;}
.slide-caption {}

#footerMenu-frame {width:100%;float:left;background: #212527; border-top:1px solid #000;}
#footerMenu {text-align:center;padding:5px 0;}
#footerMenu a {color: #ddd;}

img.frame-left {padding:0 0 22px 22px;background: url(graphics/design/frame-bot-left.png) no-repeat bottom left; float:left; border: 0px solid #ddd; margin:4px 14px 0px 0px;}
img.frame-right {padding:0 0 22px 22px;background: url(graphics/design/frame-bot-left.png) no-repeat bottom left; float:right; border: 0px solid #ddd; margin:4px 0px 0px 8px;}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {background-color:#4478BC!important;}

#membership_login_menu {float:right;margin-top:10px;font-size:13px;margin-right:20px;}
.mobile #membership_login_menu {display: none;}

#mobileMenuButton {border:0;}
.tablet #search_frame, .mobile #header_address, .mobile #socialIcons {display: none;}
.tablet .addthis_toolbox { display: none; }

/* eCommerce and ajax mini cart styles */
.commerce_vote {display:inline-block;}

.ajaxMiniCart .thequantity input {width: 30px;}
.ajaxMiniCart select {padding: 6px 0;}
.choice {font-size: 8pt;}
.cartloader {position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);display:none;}
.cartloader i {font-size: 30px;color:#fff;left: 46%;top:46%;position:absolute;}
.ajaxMiniCart {position:relative;}
.ajaxMiniCart td {vertical-align:middle;}
.fixed-cart {position:fixed;top:90px;}

.update.orig {float:right;width:100%;text-align:left;margin-top:10px;}
.subtotal.orig {width: 320px!important;float:right;width:100%;text-align:right;padding-top:14px;}
.cartbutton.orig {text-align:center;width: 100%; float:left; margin-top: 10px;}

.cart_add input[type="image"] {display:none;} /*Hide the system produced image input*/
table#commerce_checkoutTable {border:none;width:100%;}
.shoppingCartTableHeader {font-size:12px;font-weight:normal;}
.shoppingHeader,.theTableHeader,.shoppingCartTableHeader .shoppingCartTableHeader {font-size:14px;background-color: #777!important;padding:10px!important;margin:10px 0;color:#fff;}
.shoppingCartOddRow td, .shoppingCartEvenRow td {padding:10px;}
.shoppingFormQuantity {text-align:center;text-indent:0;padding:8px;}
.cart_add input {width:auto;}
.addtoCart {padding:1px;}
.cartbutton, .updateCartbutton, .addtoCartbutton, .gotoCartbutton {cursor:pointer; line-height: 1em; height:auto; padding:10px;}
.addtoCartbutton {margin-top: 10px;}
.gotoCartbutton {float:right;margin-right:0;}
.cartadd-frame {border-bottom: 1px solid #eee; border-top: 1px solid #ddd;padding:10px 0; margin:10px 0;}
.main-image-frame {float:left;background: #fff;padding-right:20px;width:320px;min-height:250px;}
.commerce-list {margin:20px 0;}
.commerce-list .commerce-item {border-bottom:1px solid #ddd;margin-bottom:20px;}
.co-spacer {display:block;height:20px; margin-bottom:20px; border-bottom: 1px solid #ddd;}
/*form *{vertical-align: middle;}
*/



#co-steps {display:block;width:100%;color: #999;}
.co-active {font-weight:bold;color:#333;}
.checkout-left {float:left;width:48%;margin-right:2%;}
.checkout-right {float:right;width:48%;padding-left:2%; border-left:1px solid #ddd;}
.co-button {margin:10px 0; cursor:pointer; line-height: 1em; height:auto; padding:10px;}

/*menu Cart*/
table.menuCart {width:100%!important;}
table.menuCart tr:hover {background: rgba(0,0,0,.02);}
ul.menuCart {width:350px!important;background-color: #fff!important;border:1px solid #ddd;}
ul.menuCart li a, ul.menuCart li a:hover {background:none;}
.menuCart .gotoCartButton,.menuCart .checkOutButton {text-indent:0!important;border-bottom:1px solid transparent;}
.menuCart .gotoCartButton:hover,.menuCart .checkOutButton:hover {border-bottom:1px dashed; }
.menuCart .subTotal {font-weight:bold;}
ul.menuCart {width:400px;left:-50%;}
div.ajaxMenuCart {padding: 10px;}
.ajaxMenuCart * {font-size:11px!important;color: #333;width:auto!important;line-height:16px!important;text-indent:0!important;}
.ajaxMenuCart a {height:auto!important;color: #333!important;}
.ajaxMenuCart {background:#fff;}
.ajaxMenuCart td {padding: 4px 6px;}
.menuCartItem {border-bottom:1px solid rgba(0,0,0,.05);}




.containerWrapper div > h3, .containerWrapper form > h3 {
height:auto; 
color: #fff;
margin: 0 0 20px 0;
padding-left:10px; 
font-size:18px;
line-height: 35px;
background-color: #eeeeee;
/*
border-radius: 6px;

  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
  background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: linear-gradient(top, #fbfbfb, #e1e1e1);
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  
  border: 1px solid #d4d4d4;
  */
}



/* ----------------------
Form Elements
------------------------ */

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;
  box-shadow: 1px 1px 0 0 #FFF, 5px 5px 20px 2px #ddd inset;
  -moz-box-shadow: 1px 1px 0 0 #FFF, 5px 5px 20px 2px #ddd inset;
  -webkit-box-shadow: 1px 1px 0 0 #FFF, 5px 5px 20px 2px #ddd inset;
  -webkit-background-clip: padding-box;

}
input, textarea {
   width: 100%;   
}
input[type="checkbox"], input[type="radio"] {width:auto; box-shadow:none;}
input.button {margin-right:0;}

/*body.mobile input,textarea,select {max-width: 200px;}*/
input#submit {
  width: 280px;
  cursor: pointer;
  box-shadow: 0 0 4px 0 #666;
  -moz-box-shadow: 0 0 4px 0 #666;
  -webkit-box-shadow: 0 0 4px 0 #666;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(237, 237, 237)), color-stop(0.41, rgb(217, 217, 217)), color-stop(1, rgb(255, 255, 255)));
  background: -moz-linear-gradient(center bottom, rgb(237, 237, 237) 0%, rgb(217, 217, 217) 41%, rgb(255, 255, 255) 100%);
}

input#submit:hover {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(232, 114, 198)), color-stop(0.41, rgb(230, 71, 185)), color-stop(1, rgb(235, 176, 218)));
  background: -moz-linear-gradient(center bottom, rgb(232, 114, 198) 0%, rgb(230, 71, 185) 41%, rgb(235, 176, 218) 100%);
}


/* ----------------------
Ajax - Events Small Calendar
------------------------ */
#ajx-minical-frame {margin-bottom: 20px;}
#ajx-minical-frame .listerItem {margin:0;float:left;width:49%;clear:none;}


#ajx-minical-frame .calendarSmallWrapper { font-size: 12px; background: transparent; }
#ajx-minical-frame .cal { float:left; width:100%; position:relative;text-align: center; margin-left: auto; margin-right: auto; background: transparent; padding:0!important;}
#ajx-minical-frame .calPrev { position: absolute; top: 4px; left: 45px;z-index:2; }
#ajx-minical-frame .calNext { position: absolute; top: 4px; right: 45px; }
#ajx-minical-frame .calPrev a:hover, .calNext a:hover {color:#000;}
#ajx-minical-frame .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
#ajx-minical-frame .calPrev a, .calNext a, .calMonth a { text-decoration: none; }
#ajx-minical-frame .calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: none; }
#ajx-minical-frame .calGrid { margin-top: 10px; clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; }
#ajx-minical-frame .calGrid td { font-size: 8pt; padding:6px 0; text-align: center; /*border:1px solid #ddd;
background: #efefef;*/ 
border-bottom: 1px solid #ddd;

}
#ajx-minical-frame .calGrid td.haslink:hover, .calGrid td:hover > a {background: #efefef; color: #000;}
#ajx-minical-frame .calWeek td {background: none; border: 0;}
#ajx-minical-frame .calGrid tr.calWeek { font-weight: bold; text-align: center; }
#ajx-minical-frame .calDayOn a { font-weight: bold; text-decoration: none; }
#ajx-minical-frame .calDayOn a:hover { text-decoration: none; }
#ajx-minical-frame .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #15B14E; color: #fff; font-weight: bold; }
#ajx-minical-frame .calGrid td.calTodayOn a { text-decoration: underline; font-weight: bold; color:#fff; }
#ajx-minical-frame .calBottom { text-align: left; margin-top: 10px; }
#ajx-minical-frame .calMonthGlance { padding: 5px 0px 3px 0px; }
#ajx-minical-frame .calBottom a {  }


/*Ajax Event Hover Stuff */
#ajx-minical-frame .thedaysevents { -moz-border-radius:4px; border-radius:8px;-webkit-border-radius:8px;
padding: 10px;width: 550px; height: auto; position:absolute; bottom:24px;left: -90px;
background: url(graphics/design/80perblack.png);
background: #000; background: rgba(0, 0, 0, 0.8);z-index:90;
}
#ajx-minical-frame .thedaysevents * {font-size: 11px;font-weight:normal; font-family: 'Droid Sans', sans-serif;color: #fff;text-align:left;line-height: 1.4em;}
#ajx-minical-frame .thedaysevents h1 {border-bottom: 1px solid #ddd; margin-bottom: 4px; font-size: 13px;font-weight:bold;}
#ajx-minical-frame .thedaysevents .itemList {margin-bottom: 4px;padding-bottom:0!important;}

#ajx-minical-frame .thedaysevents.light {background: #fff; background: url(graphics/design/80perblack.png);
background: rgba(255, 255, 255, 0.9); border: 1px solid #ddd;}
#ajx-minical-frame .thedaysevents.light * {color: #666;}
#ajx-minical-frame .thedaysevents.light h1 {color: #333;}



/* ----------------------
Back to Top Button
------------------------ */

#toTop {
background: url(graphics/design/80perblack.png);
background: rgba(0,0,0,.8);

  text-align: center;
  padding: 5px 10px;
  z-index: 10000;
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 10px;
}
#toTop i {font-size: 14px;}


/* -----------------------------------------------
Responsive Tabs ( Tabs, Tabs-vertical, Accordion )
These apply to the Display Style of Module Layouts
or Widgets in a Container (position)
-------------------------------------------------*/

ul.resp-tabs-list{
    margin: 0px;
    padding: 0px;
    border-bottom: 5px solid #fff;
    float:left;
    width:100%;
    background: #fefefe;
    background: rgba(0,0,0,.05);
}

.resp-tabs-list li {
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
    border-right:1px solid rgba(0,0,0,.2);
}
.resp-tabs-list li:hover {background: url(graphics/design/20perblack.png);background: rgba(0,0,0,0.3);color:#fff;}

.resp-tabs-container {
    padding: 0px;
    clear: left;
}
.resp-tabs-container .inner-pad {border-right:0;}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 10px 0px;
}

.resp-tab-active {
    border-bottom: none;
    color: #fff;
}


.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
}

h2.resp-accordion {
    font-size:16px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px!important;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 0px 15px;
}
.dark h2.resp-tab-active {color:#000;}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/* ----------------------
Vertical Tabs
------------------------ */

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    float: left;
    width: 69.6%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    /*margin-right: -1px !important;
    margin-left:1px;*/
    padding: 14px 15px 15px 15px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}


/* ----------------------
Accordion Display
------------------------ */

h2.resp-tab-active {
    background: #DBDBDB !important;
    color: #333;
}
.resp-easy-accordion  h2.resp-accordion {
        display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
   /* display: block; */
   transition: all .25s ease-in;  
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display:none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}




/* ----------------------
Ajax - Search Box
------------------------ */

#search_frame {width: 160px; height: 35px;position:absolute;top:6px;right:30px;z-index:4;}
#search_frame input {font-family: 'Ubuntu', sans-serif; height: 34px; border:1px solid #ccc; width: 133px;background: #fff;text-align:right;line-height:36px;display:inline;color:#666;padding:0 10px 0 0 ;font-size: 14px; border-radius: 6px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}

.dark #search_frame input { box-shadow: 1px 1px 0 0 #444, 5px 5px 20px 2px #222 inset;
  -moz-box-shadow: 1px 1px 0 0 #444, 5px 5px 20px 2px #222 inset;
  -webkit-box-shadow: 1px 1px 0 0 #444, 5px 5px 20px 2px #222 inset;
  }
#search_frame a.gobutton {width: 25px;height:28px;display:block;float:right;font-size: 24px;
color: #666;
text-decoration: none;
font-weight: normal;
line-height: 46px;text-indent: 6px;
}

/*Ajax Search Styles*/
#ajxinputwrap {position:relative;float:left;z-index: 999;}
#ajxinputspinner {display:none;position:absolute; top:0px; right:10px; }
#ajxsearch {
z-index: 1;
display:none;
width: 220px;
height: 250px;
background: #000;
position: absolute;
overflow:hidden;
left: -10px;
top: -4px;
padding:30px 0px 10px 10px;
color: #666;
border-radius:10px; 
border: 1px solid #000;
}
.ajxclose {display:none;padding: 4px; top: 10px;left: 6px; border-radius: 8px; color: #ddd;position:absolute;z-index:5000;cursor:pointer;}
#ajxsearch .searchWrapper {overflow:hidden;height: 180px;margin-top: 20px;}
#ajxsearch ul {height:auto;margin-bottom: 8px;margin-left:8px;}
#ajxsearch ul li {list-style:disc;list-style-type:disc;display:block;width:100%;}
#ajxsearch a {color: #fff; text-decoration:none;border-bottom: 1px dotted #333;}
#ajxsearch .searchModule {margin:6px 0;border-bottom: 1px solid #333; color: #ccc; font-size: 13px;font-weight: bold;font-style:italic;}
#ajxsearch .searchTitle a {font-size: 12px;}
#ajxsearch.light {
background: #fff;
color: #777;
border:1px solid #ddd;
}

#ajxsearch .searchTopMatches {font-size: 14px; padding: 5px;margin-bottom: 5px;}

#ajxsearch.light .searchModule {color: #999;} 
#ajxsearch.light a {color: #333;border-bottom: 1px dotted #ccc;}

/********end ajax search******************/



/**********************************************
*** dfib - Dynamic Featured Items Boxes Slider 
*** styles for the jquery.dfib-slider.js plugin
*** 2014 Brian Stich - brian.stich@accrinet.com
***********************************************/

.dfib-wrapper {position:relative;z-index:0;}
.dfib-slider {margin:40px;height:350px;overflow:hidden;}
.mobile .dfib-slider .dfib-item-wrap,.mobile .dfib-slider .side-item-50 {width:100%!important;max-width:100%!important;}
.dfib-slider .main-item1 {width:50%;max-width:50%;float:left;}
.dfib-slider .side-item-50 {width:50%;max-width:50%;float:right;height:100%;}
.dfib-slider .side-item-top, .dfib-slider .side-item-bottom {height:50%;}
.dfib-slider .side-item-100 {width:100%;max-width:100%;float:left;}

.dfib-item-wrap {border:4px solid #fff;}
.dark .dfib-item-wrap {border-color:#000;}

.dfib-slider .dfib-item-a {height:100%;position:relative;}
.dfib-slider .dfib-item-b {position:relative;height:50%;}
.dfib-slider .dfib-item-c, .dfib-item-d {float:left;height:100%;position:relative;}
.dfib-slide {height:100%;width:100%;background: #000;}
.dfib-item {height:100%;}

/* navigation dots */
.dfib-nav {position:absolute;bottom:-40px;width:100%;text-align:center;}
.dfib-nav a{width: 10px; height:10px; background: #555; border-radius: 5px;display:inline-block;margin: 5px;text-indent:-10000px;}
.dfib-nav a.activeSlide {background: #999;}

/* arrows - prev/next */
.dfib-arrow-nav {position:absolute; width:100%; top: 45%;display:none;}
.dfib-arrow-nav a{width: 30px; height:30px;position:absolute;font-size: 50px; font-weight:500;}
 a.dfib-prev {left:15px;}
 a.dfib-next {right:0;}

/*caption and caption elements */
.dfib-caption {height:100%;width:100%;position:absolute;
background: url(graphics/design/80perblack.png);
background: rgba(0,0,0,.5);
display:none;
overflow:hidden;
color:#ddd;
z-index:2;
}
.dfib-caption-left {padding: 20px 90px 20px 20px;}
.dfib-item-a .dfib-item-title {font-size: 22px;}
span.dfib-item-title {position:absolute;bottom:0;font-size: 18px; color:#fff!important; font-weight:900; text-shadow: 2px 2px black;padding:0px 10px 10px 10px;}
a.dfib-item-title2 {font-size: 18px; color:#fff!important; font-weight:900; text-shadow: 2px 2px black;padding:0px 0px 10px 0px;}
.dfib-item-wrap >div {height:100%;}
.dfib-item {box-shadow: inset 0 0 10px #000;position:absolute;z-index:1}
.dfib-item-a .dfib-item-title {font-size: 22px;}

/* loading indicator */
.dfib-loading {width:100%;height:100%;position:absolute;z-index:0;}
.dfib-loading i {position:absolute;top:45%;left:45%;font-size: 30px; color: rgba(255,255,255,.4);}

/* date element */
.dfib-date-box {width:auto;text-align:center;position:absolute;top:0px;right:8px;border-bottom: inset 6px rgba(255,255,255,.2);z-index:4;
-webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.2);
-moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.2);
box-shadow: 0 10px 6px -6px rgba(0,0,0,0.2);}
.dfib-date-box div {padding:10px;width:100%;position:relative;}
.dfib-month {display:block;font-size: 14px;color:#fff;font-weight:bold;;}
.dfib-day {display:block;font-size: 22px;font-weight:900;color:#fff;}

/*events specific*/
#events-featured .dfib-icon-link {font-size: 20px; color: rgba(255,255,255,.6)!important;position:absolute; bottom: 10px; left: 20px;}
#events-featured .dfib-icon-link:hover {color:#fff!important;}
#events-featured .dfib-item-a .dfib-icon-link {font-size:35px; bottom: 20px;}

/*blog specific*/
#blog-featured .dfib-icon-link {display:none;font-size: 25px; color:#fff!important;}
#blog-featured .dfib-icon-count {color: #fff!important;background: #000;padding:0 6px;}

/*news specific*/
#news-featured .dfib-icon-link  {font-size: 20px; color: rgba(255,255,255,.6)!important;position:absolute; bottom: 10px; left: 20px;}
#news-featured .dfib-icon-link:hover {color:#fff!important;}

/*------- end dfib Slider --------*/

.moduleLister .date {font-size:smaller;}
.moduleLister .title {font-size:117%;}

#accrinet_logo {position:absolute; right: 10px; top: 5px; background: url('graphics/design/designdelivered.png'); width: 90px; height:37px;}
#footerMenu {position:relative;}

tr.collapsibleHeading { cursor:pointer; }
tr.collapsibleHeading>td:first-child { padding-left:20px; background: url('graphics/design/SCVEDCArrowRight.png') left 9px no-repeat; }
tr.collapsibleHeading.expanded>td:first-child { background-image: url('graphics/design/SCVEDCArrowDown.png');}
tr.collapsibleHeading+tr>td:first-child { padding-left:20px; }


#class_search { padding: 5px 0; height:60px; border-bottom: 1px solid #ccc; margin-bottom:35px; }
#class_search input, #class_search select { width: auto; margin-right:10px; float:left; box-shadow: none; }
#class_search input[type="submit"] { cursor: pointer; }
#class_search input[type="submit"]:hover { background: #00A1B1; color: #fff;}

#contentWrapper span>img, #contentWrapper a.fba_links img {height: auto !important;}

#homeBanners { padding: 20px 0px; text-align:center; }
#homeBanners span {display: inline-block; width: 32.5%; padding: 0 0.75%;}
#homeBanners span img { width: 100% !important; height: auto !important; }
.bannercaption { text-align:left; position: absolute; left:0px; bottom:7px; height: 80px; padding: 0 15px; background: rgba(0,0,0,.4); color: #fff; width:100%;}
.bannercaption .banner_title { font-size: 18px; line-height: 33px; padding-top: 10px;}
.bannercaption .banner_description { font-size: 14px; }

.footer_column {width: 33%; margin-left: 0.5%; float:left; min-height: 30px;}
.footer_column1 { margin-left: 0px; text-align: left; }
.footer_column1 p:first-child { margin:0px; font-size: 14px; }
.footer_column1 p:first-child + p { margin:0px; font-size: 18px; color: #fff; line-height: 24px;}

.tablet .footer_column, .mobile .footer_column { float; none; width: 98%; margin-left: 1% !important; margin-bottom: 20px; text-align: center !important;}


.footer_column2 { text-align:center; font-size: 15px;}
.footer_column3 { text-align: right; font-size: 14px; }

.slide-description { display: none;}

#header_address { float: right; padding: 15px 0 0 0; width: 220px; color: #1a669e; font-size: 13px; line-height:25px; text-align: right;}

#contentcolumn .inner-pad { margin-top:0px; }

.dark .blurb p , .dark .blurb span, .dark .blurb a, .dark .blurb font { color: #fff !important; }