* { margin: 0;}



body {font: 100%/1.4 'PT Sans', Arial,Verdana,sans-serif;

	margin: 0;

	padding: 0;

	background-color: #fff;

	color: #333;

	font-weight: 400; }



html, body { height: 100%; } /*sticky footer */



h1, h2, h3, h4, h5, h6, p {

	margin-top: 0;	}

	

table { font-size:13px;

	line-height: 140%;

	 border-collapse: collapse; margin: 10px 0;}

	

table, th, td {

    border: 1px #fff solid; padding: 6px 10px;}

th {

    color: #405397; background-color: #F7F8FB;}



p { font-size:14px;

	line-height: 160%;

	padding: 5px 0; }

	

blockquote {

	font-size: 15px ;

  margin-top: 10px;

  margin-bottom: 5px;

  margin-left: 50px;

  padding: 0 0 0 15px;

  border-left: 1px solid #405397; color: #405397;}

  

blockquote p{ font-size: 15px ; line-height: 140%; padding: 0 0 7px 0;}  

	

strong {font-weight: 700;}



a, a:active, a:visited{ color: #E3140E; text-decoration: none;}

a:hover{ color: #10144E; text-decoration: none;}



img { -ms-interpolation-mode: bicubic; border: none; }

a img { border: none;}



h1 { color: #405397; font-size:30px; line-height: 110%; font-weight: 700; padding: 5px 0px 15px 0px; /*font-family: 'PT Sans Narrow', Arial,Verdana,sans-serif;*/}



h2 { color: #10144E; font-weight: 700; font-size: 20px; line-height: 110%; padding: 15px 0 5px 0; font-family: 'PT Sans Narrow', Arial,Verdana,sans-serif; }



h3 { color: #10144E; font-weight: 700; font-size: 15px; line-height: 110%; padding: 15px 0 5px 0;  }

h3 a, h3 a:active, h3 a:visited { color: #10144E;  text-transform:uppercase; }

h3 a:hover { color: #e3140e;  }



h4 { color: #405397; font-size:15px; line-height: 110%; padding: 10px 0px; font-weight: 400;}



h5 { color: #405397; font-weight: 400; font-size: 25px; line-height: 110%; padding: 15px 0 5px 0; text-transform:uppercase; }



ul { font-size:14px; line-height: 130%; 

	list-style-type: none;

	padding-left: 0;

	margin: 10px 0 10px 10px;

	}



li { /*background: url(../images/bullet.png) no-repeat 0px 7px;*/

	padding-left: 16px;

	margin-bottom: 5px;

	}

	

.page li:before { content: "\f111";  font-family: FontAwesome; position: absolute; margin-left: -15px; color: #10144E;font-size: 6px; }	

	

ol { font-size:14px; line-height: 130%; }	

	

ol li { background: none!important; 

	padding-left: 16px;

	margin-bottom: 3px;}

.page ol li:before { content: "";  }		



.sml, .sml a, small a {font-size: 12px!important;  padding: 10px 0 0 0;}	

.red-txt {color: #E3140E; }

	

hr { border: 0; height: 1px; border-top:1px #ccc solid; width: 100%; padding: 5px 0; margin-top: 20px;}



/**************************

HEADER

**************************/



#wrapper {

	width: 100%;

	padding: 0px;

	/*height: 100%;*/

	margin: 0 auto; min-height: 100%;  

	/* equal to footer height */

  margin-bottom: -200px; } 



#wrapper:after { /* for sticky footer */

  content: "";

  display: block;

  height: 200px; 

}





#stripWrapper{ width: 100%; padding: 0px; margin: 0 auto; height: 10px; background: #10144E;}

#headWrapper{ width: 100%; padding: 0px; margin: 0 auto; height: 157px;}



#head { margin: 0 auto;

	padding: 0px;

	width:763px;

	height: 157px;}



#logo {
    position: relative;
    width: 763px; margin: 0 auto; padding: 0;
    z-index: 200;
}

.header-bg-left{
    position: absolute;
    width: 60%;
    height:157px;
    background: url(../images/header-left.png);
    background-size:cover;
    z-index: 102;

}

.header-bg-right{
    position: absolute;
    right:0;
    width: 40%;
    height:157px;
    background: url(../images/header-right.png) no-repeat right 0;
    z-index: 100;
}


#caption-panel { width: 100%; position: absolute; z-index: 400; bottom: 370px;  padding: 0px; height: 0;  margin: 0 auto; text-align: center;}

#caption { background-color: rgba(16, 20, 78, 0.5); width: 100%;  margin: 0 auto; text-align: center;}

#caption-body {  width: 750px; font-size: 30px; font-weight: 400; padding: 10px 20px; margin: 0 auto; text-align: center;}

#caption h1 {color: #fff; font-size: 32px; text-transform: none; font-weight: 400;}

#caption p {color: #fff; font-size: 18px; line-height: 120%; font-weight: 400;}

#caption-body a, #caption-body a:active, #caption-body a:visited{color: #fff!important; font-weight: 700;}

#caption-body a:hover{color: #e3140e!important;}



/**************************

MEMBER BUTTONS

**************************/

#button-panel {  width: 750px;  margin: 0 auto; text-align: center;}

.home-button { width: 300px; float: left; text-align: center; padding: 20px; margin: 20px 10px; color: #fff; font-family: 'PT Sans Narrow', Arial,Verdana,sans-serif; font-weight: 700; font-size: 28px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.red {background-color: #e3140e;}

.blue {background-color: #405397;}

.blue:hover, .red:hover {background-color: #10144E;}



.member-button {  text-align: center; padding: 20px; margin: 5px 0px; color: #fff; font-family: 'PT Sans Narrow', Arial,Verdana,sans-serif; font-weight: 700; font-size: 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}



#welcome {position: absolute; top: -25px; right: 0px; height: 0; width: 200px; text-transform:none; font-weight: 400; text-align: right; font-size: 13px;}

#welcome a {font-weight: 400;  font-size: 13px; background: none; color: #333!important;}

#welcome a:hover {background: none!important; color: #e3140e!important;}



.log  {background-color: #e3140e;}

.log a:hover,  #cssmenu > ul > li > a.log:hover {background-color: #405397; color: #fff;}



#membership tr, #membership th, #membership td, #membership table {/*border: 0;*/}



/**************************

MAIN NAV

**************************/

#navWrapper{ position: absolute; width: 100%; padding: 0px;  background-color: rgba(64, 83, 151, 0.5); z-index: 1000;  }

#nav { padding: 0; /*position: relative; left: 45%; transform: translate(-20%,0);*/}



#nav a, #nav a:active, #nav a:visited{ color: #fff; text-decoration: none; }

#nav a:hover {color: #10144E;  text-decoration: none;}





/**************************

CONTENT AND COLUMNS

**************************/

#panelWrapper { width: 100%; padding: 0px; margin: 0 auto; /*background-color: #ecedf4;*/ clear: both; position: relative; z-index: 201;}

#panel {margin: 0 auto; height: auto;  padding: 0; }

#panel-page {margin: 0 auto;  padding: 0; max-height: 250px; overflow: hidden;}





#contentWrapper{width: 100%; background-color: #ECEDF4;}

#content {width:960px; margin: 0 auto; text-align: left; min-height: 200px; padding: 10px 20px;  /*background-color: #333;*/ overflow: hidden; }



.col {float: left; min-height: 150px; padding:0px; margin: 0px;  text-align: center; }

.col h2 {padding: 10px 0; color: #405397; font-size: 23px; font-weight: 700; text-transform:uppercase; line-height: 110%;}

.col p {line-height: 130%; font-size: 15px; padding-bottom: 5px;}



.two { width: 40%; }

.four { width: 23.7%; margin-left: 1%;margin-top: 1%; margin-bottom: 20px; background-color: #fff; box-sizing: border-box;  }

.four:first-child { /*margin-left: 0;*/ }

.four img {width: 100%; height: auto;}

.four .txt {padding: 0 20px;}

.four .txt ul, .four .txt li {margin-left: 0; padding-left: 0;}



#col-left {float: left; width: 260px;  padding: 0 px; margin: 0 30px; }

#col-left ul, #col-left li{margin-left: 0; padding-left: 0;}

#col-right {float: right; width: 560px; padding: 0px 20px 20px 20px; margin: 0 0 40px 0; }



#page-title {width: 100%;  height: 30px; padding: 20px 30px;

background: rgb(16,20,78);

background: -moz-linear-gradient(top,  rgba(16,20,78,1) 0%, rgba(64,83,151,1) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(16,20,78,1)), color-stop(100%,rgba(64,83,151,1)));

background: -webkit-linear-gradient(top,  rgba(16,20,78,1) 0%,rgba(64,83,151,1) 100%);

background: -o-linear-gradient(top,  rgba(16,20,78,1) 0%,rgba(64,83,151,1) 100%);

background: -ms-linear-gradient(top,  rgba(16,20,78,1) 0%,rgba(64,83,151,1) 100%);

background: linear-gradient(to bottom,  rgba(16,20,78,1) 0%,rgba(64,83,151,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10144e', endColorstr='#405397',GradientType=0 );}

#page-title-div {width:960px; margin: 0 auto;   }

#page-title h2 { padding: 0; color: #fff; font-weight: 400; font-size: 24px; line-height: 110%;  text-transform:uppercase; letter-spacing: 1px; }



.side-menu ul { text-align: left;

	list-style-type: none;

	padding: 0;

	margin: 0;

	}

.side-menu li { 

	background: none;

	padding: 0;

	margin-bottom: 3px;}



.side-menu a {width: auto; background-color: #fff; color: #3F5297; font-size: 16px; text-decoration: none;  padding: 10px 20px; display: block; text-transform:uppercase; font-weight: 700;}

.side-menu a:hover {background: #3F5297; color: #fff; text-decoration: none;}





.side-menu ul li ul  {  padding: 0px 0 10px 0!important; }

.side-menu ul li ul li  {  padding: 5px 0 0 35px!important; }

.side-menu ul li ul li a {background-color: #ECEDF4!important; color: #10144e!important;  font-size: 13px!important; padding: 0px; font-weight: 400; text-transform: none; }

.side-menu ul li ul li a:hover {background-color: #ECEDF4!important; color: #E3140E!important; }



.side-menu ul li ul li {

    position: relative;

}

 

.side-menu ul li ul li:before {

    content:  "\f054"; /*chevron right */

    font-family: FontAwesome;

	color: #10144E; font-size: 10px;

    position: absolute;

    top: 6px;

    left: 20px;

}



.page iframe { border:  none; width: auto; float: left; height: 355px; }/* form for guide */

.page iframe body {background-color: #ECEDF4!important; }

/*.guide fieldset {border:  none!important; }

.guide form {border:  none!important; background-color: #ECEDF4;}*/

#guide label {font-weight: bold;}

#guide {width: 300px;}



/**************************

FOOTER FORMATTING

**************************/



.member-panel { margin: 0 auto; text-align: center; min-height: 100px;

	background: rgb(6,61,89);

background: -moz-linear-gradient(top,  rgba(6,61,89,1) 0%, rgba(0,172,232,1) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(6,61,89,1)), color-stop(100%,rgba(0,172,232,1)));

background: -webkit-linear-gradient(top,  rgba(6,61,89,1) 0%,rgba(0,172,232,1) 100%);

background: -o-linear-gradient(top,  rgba(6,61,89,1) 0%,rgba(0,172,232,1) 100%);

background: -ms-linear-gradient(top,  rgba(6,61,89,1) 0%,rgba(0,172,232,1) 100%);

background: linear-gradient(to bottom,  rgba(6,61,89,1) 0%,rgba(0,172,232,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063D59', endColorstr='#00ACE8',GradientType=0 );

}

.member-panel h2 {color: #fff;}



#footerWrapper {width: 100%; background: #fff; text-align: left; padding: 0; margin: 0; min-height: 200px; overflow: hidden;}	

#footer {width: 900px; margin: 0 auto;}



#footer-txt { color: #666; width:800px; margin: 0 auto; padding: 20px 0 20px 0; text-align: center; font-size: 13px;}

#footer-txt a, #footer-txt a:active {color: #666; text-decoration: none; font-size: 13px; line-height: 120%;}

#footer-txt a:hover{ color: #10144e; text-decoration: none; }	



#footer-social {width:300px; margin: 0 auto; padding: 30px 0 10px 0; text-align: center; font-size: 25px; }

#footer-social  a, #footer-social  a:active {color: #10144e; }

#footer-social  a:hover{ color: #e3140e; text-decoration: none; font-weight: 700;}	



/**************************

SLIDESHOW FORMATTING

**************************/	

	

/* set border-box so that percents can be used for width, padding, etc (personal preference) */

.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }





.cycle-slideshow { width: 100%; min-width: 200px;  margin: 0 auto; padding: 0; position: relative;

    background: url(images/spinner.gif) 50% 50% no-repeat; /*max-height: 150px; overflow: hidden;*/}



.cycle-slideshow img { 

    position: absolute; top: 0; left: 0;

    width: 100%; padding: 0; display: block;

}



/* in case script does not load */

.cycle-slideshow img:first-child {

    position: static; z-index: 100;

}



.cycle-slideshow .cycle-slide  { width: 100%;}



/* pager */

.cycle-pager {

    position: absolute; text-align: center; width: 200px; z-index: 1000;  bottom: 0px; left:0;right:0;

    margin-left:auto; margin-right:auto; /*height: 30px; overflow: hidden;*/}

	

.cycle-pager span { 

    font-size: 40px; 

    display: inline-block; color: #ccc; cursor: pointer; }	

.cycle-pager span.cycle-pager-active { color: #10144E; }

.cycle-pager > * { cursor: pointer;}





.disabled { opacity: .5; filter:alpha(opacity=50); }





/* display paused text on top of paused slideshow */

.cycle-paused:after {

    content: 'Paused'; color: white; background: black; padding: 10px;

    z-index: 500; position: absolute; top: 10px; right: 10px;

    border-radius: 10px;

    opacity: .5; filter: alpha(opacity=50);

}



.cycle-overlay { 

    position: absolute; bottom: 0; width: 100%; z-index: 500;

    /*background-color: rgba(0, 0, 0, .10);*/ color: white; padding: 20px;  text-align:left; font-size: 10px; font-weight: 400; line-height: 110%; text-transform:uppercase; letter-spacing: 1px;

}



/* Carousel */



.member-carousel, .member-carousel * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.member-carousel { width: 100%!important; margin: auto; }

.member-carousel img { background: #fff; padding: 8px 10px; margin: 20px; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; height: 85px;}

.member-carousel img:first-child { position: static; z-index: 100;}

.member-carousel .cycle-slide  { width: auto; height: auto; }



/* Member spotlight slideshow */



.spotlight-slideshow, .spotlight-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.spotlight-slideshow { width: 100%; margin: auto;}

.spotlight-slideshow img {}

.spotlight-slideshow img:first-child { position: static; z-index: 100;}

.spotlight-slideshow .cycle-slide  { width: auto;}



/**************************

MEMBER SPOTLIGHT HOME

**************************/



/* home slider */

.spotlight-home {width: 100%; padding: 0;  }

.spotlight-txt{float: left;  width: 50%; padding: 5px 0px; text-align: left; }

.spotlight-txt h3{ font-size: 14px; text-transform:uppercase; padding: 0; font-weight: 700;}

.spotlight-txt p{ font-size: 14px;}

.spotlight-img{float: right; margin: 10px 0 0 0;  

  width: 120px;

  height: 120px;

    background-repeat: no-repeat!important;

  background-position: center center!important;

  background-size:120px !important;

  background-color: #405397!important;

  -webkit-border-radius: 99em;

  -moz-border-radius: 99em;

  border-radius: 99em;  

}





/**************************

NEWS FORMATTING

**************************/



#newsWrapper {width: 100%; background-color: #e1e1e1; text-align: left; padding: 0; margin: 0; margin-top: 20px; min-height: 250px; overflow: hidden;}	



.news-home {width: 100%;  }

.news-home-txt {}

.news-home-txt h3 {padding: 0px 0 20px 0; color: #10144E; font-size: 18px; font-weight: 700; }

.news-home-img {float: left;  width: 300px; height: 200px; padding-top: 0px; overflow: hidden;}	

.news-home-img img {max-width: 300px; height: auto; }



.news-inc{ padding: 30px 0px;}

.news-inc, .news-inc p { font-size: 13px;}

.news-inc h3 {padding: 0px 0 20px 0; color: #10144E; font-size: 18px; font-weight: 700; }







/* list */

.news-list-div {clear:both;   padding: 10px 0px;}

.news-list-txt {float: left; width: 65%; padding-right: 20px;  }

.news-list-img {float: right;  width: 30%; height: auto; padding-top: 20px;  text-align: center;}	

.news-list-img img {max-width: 140px; max-height: 140px;  }



/* individual */

.news-div {clear:both;   padding: 10px 0px; overflow: hidden;}

.news-txt {/*float: left;   width: 65%; padding-right: 20px;*/  width: 100%; }

.news-img {float: right;  width: 30%; height: auto; padding-top: 20px;  text-align: center;}	

.news-img img {max-width: 140px; max-height: 140px;  }

.rss-image {/*float: right;  width: 30%;*/ width: auto; height: auto; padding-top: 20px;  text-align: center;}

.rss-image img {max-width: 100%; width: 100%; height: auto;  margin: 0!important;}



#share {clear: both; }

#share a {font-size: 12px; border: none!important; margin-top: 20px;}

#share .icon-print {font-size: 18px;  padding: 0 2px 0 0;}





/**************************

EVENTS MODULE

**************************/

/* List page */

.event-list-div {clear: both; padding: 10px 0; margin: 0;  min-height: 100px; border-bottom: 1px #fff solid; overflow: hidden;}

.event-list-date {font-size: 14px; font-weight: 700; margin-top: 10px;}

.event-list-txt {float: left; width: 70%;}

.event-list-img {float: right; width: 25%; padding: 10px 0 10px 10px; }	

.event-list-img img {width: 100%; max-width: 150px; height: auto; max-height: 200px;}

.event-list-price {color: #405397; font-weight: 700; padding-top: 10px; }

.event-sold-out {font-size: 14px!important; font-weight: 700; color: #E3140E!important; padding-top: 10px; }



/* Individual page */

.event-date {font-size: 14px; font-weight: 700; margin-top: 10px;}

.event-venue {font-size: 13px; margin: 10px 0;}

.event-div {clear: both; padding: 10px 0; border-top: 1px #fff solid; border-bottom: 1px #fff solid; overflow: hidden;}

.event-txt {/*float: left; width: 70%;*/ width: auto;}
.event-txt img {max-width: 100%; height: auto; margin: 0!important;}

.event-hero {/*float: right; width: 25%; padding-left: 10px; */ width: auto;}

.event-hero img {max-width: 100%; height: auto; margin: 0!important;}

.event-price {clear: both; padding: 10px 0 0 0; font-weight: 700; color: #405397;}



.event-price #btnBooking {display: block; width: 200px; margin: 10px 0px; }



.event-map iframe {border:  none; width: 100%; height: 260px;}



.event-custom-info {font-size: 13px; font-style: italic;}



#extra_attendee_div .input.text.divider, .cloneDetails {background: #fcfcfd; border: 1px #fff solid; padding: 20px; margin: 10px 0;}

#extra_attendee_div {/*margin: 0 auto; text-align: center;*/}

#add_new_attendee, #remove_new_attendee {color: #e3140e; width:auto; text-transform: uppercase;}



#print_receipt_contents table {width: 100%;}

#print_receipt_contents table, #print_receipt_contents td {border: none!important; vertical-align: top; padding: 0px 0;}

#print_receipt_contents img {display: none; height: 0;}	

#print_receipt_contents { font-size: 14px; line-height: 150%;}

#print_receipt_contents h2 { color: #10144e; font-weight: bold; font-size: 16px; line-height: 110%; padding: 5px 0 10px 0; margin: 15px 0;  border-bottom: 1px #fff solid; text-transform: uppercase;}

#print_receipt_contents hr {border: 0; height: 1px; border-top:1px #fff solid; width: 100%; padding: 5px 0; margin-top: 10px; }



#print_receipt_btn {margin: 0 0 20px 0;}



/**************************

TEAM FORMATTING

**************************/

.team-list ul, .team-list li{background-image: none; margin: 0; padding: 0;}

.team-div{border: 1px #fff solid; background: #fff; overflow: hidden; padding: 10px; width: 43%;float: left; margin: 0 10px 10px 0; min-height: 150px;}

.team-div:nth-of-type(2n+1) { clear: both;}

.team-txt{float: left;  width:60%; padding: 5px 10px; font-size: 14px; padding: 0;}

.team-txt p {font-size: 14px; line-height: 120%;}

.team-txt h3 { padding: 0 0 10px 0; text-transform: uppercase;}

.team-txt h4, .team-member-txt h4 {color: #405397; padding: 0 0 10px 0; font-weight: 700;}



.team-img{float: right; text-align: center; width: 30%; max-height: 150px; overflow: hidden; padding-top: 5px;}

.team-img img {width: 100%; max-width: 150px; max-height: 150px;  }



.team-member-txt  {float: left; width: 70%; font-size: 14px;}

.team-member-img {float: right; width: 25%; padding-left: 10px; }

.team-member-img img {max-width: 150px; height: auto;}



/**************************

LINKS FORMATTING

**************************/

.link-list {clear: both; padding: 0 0 15px 0; margin: 5px 0 10px 0;  min-height: 100px; border-bottom: 1px #fff solid; overflow: hidden;}

.link-list h3 { text-transform: uppercase;}

.link-logo {float:right; margin: 15px 0px 10px 10px;  width: 150px; background-color: #fff;  padding: 10px 10px 5px 10px; text-align: center;}

.link-logo img {max-width: 150px; max-height: 120px;  }

.link-logo a  { border-bottom: none!important;}

.link-url, .link-url a  { font-size: 12px; line-height: 120%; }



/**************************

PAGINATION FORMATTING

**************************/

#pagination { font-size: 12px; clear:both; text-align:left; padding: 20px 0;}

#pagination span.active{ -webkit-border-radius: 99em;-moz-border-radius: 99em;border-radius: 99em; display: inline-block; width: 15px; height: auto; border: 1px solid #BABED9; color: #405397; margin: 0px; padding: 2px; text-align:center;}

#pagination a, #pagination a:active, #pagination a:visited { background-color: none;-webkit-border-radius: 99em;-moz-border-radius: 99em;border-radius: 99em; display: inline-block; width: 15px; height: auto; border: 0px solid #ccc; margin: 0px; padding: 2px; text-decoration:none; color: #405397; text-align:center;}

#pagination a:hover { background-color: #BABED9; color: #405397;}

#pagination a.next, #pagination a.prev,#pagination a.next:hover, #pagination a.prev:hover { background-color: none; border:0px; margin: 0px; padding: 2px;display: inline-block; width: 15px; height: auto; text-decoration:none; color: #405397;}





/**************************

FAQ FORMATTING

**************************/ 

#portfolio {list-style: none; background-image: none; margin: 0px; padding: 10px 0px 0px 0px;}

#portfolio h3 {padding: 30px 0 10px 0; font-size: 14px;}

#portfolio h3 a, #portfolio h3 a:active, #portfolio h3 a:visited {border: none; color: #777;}

#portfolio h3 a:hover, #portfolio h3 a.current {text-decoration: none; border: none; color: #10144E;}

#portfolio p {color: #888;}

ul#portfolio li { list-style: none; background-image: none;  padding: 0px; margin: 0px; clear: left; }

ul#portfolio li:before { content: none; }

ul#portfolio li ul li:before { content: "\f105";  font-family: FontAwesome; position: absolute; margin-left: -15px; color: #10144E;}

ul#portfolio li ul li{  padding-left: 10px; margin-bottom: 5px; position: relative; color: #888;}





/**************************

IMAGE GALLERY FORMATTING

**************************/

#imgGal { width: 138px; height: 130px; float: left; margin: 0px 4px 10px 4px; padding: 5px;font-size: 12px;text-align: center;}



#imgThumb { width: 140px; height: 90px;  border: none !important; padding:0; margin: 0 0 5px 0; overflow: hidden; text-align: center; /*-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;*/}

#imgThumb img {max-width: 140px; height: auto; /*-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;*/}



/**************************

TESTIMONIALS FORMATTING

**************************/



.testimonial { width: 650px; margin: 30px 0; text-align: left; font-size:14px; background: url(../images/quote.png) no-repeat 0 0; min-height: 70px; overflow: hidden;}

.testimonial-txt {float: left; width: 420px; /*border-right: 1px #ccc solid;*/ padding: 0 20px 0 80px; margin: 0 0 30px 0;}

.testimonial-by { width: 400px; font-size: 12px!important;  padding: 15px 0 0 0px; color: #888;  }

.testimonial-pic{float: left; width: 100px;}

.testimonial-pic img{max-width: 100px;}



/**************************

PROJECT FORMATTING

**************************/ 



#project-list {clear: both; padding: 0px; margin: 5px 0 10px 0;  min-height: 100px;}

#project-list img {float: right; height: auto;  margin-left: 15px;  max-width: 140px; max-height: 120px; /*-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;*/}



/* INDIVIDUAL */

#project-txt {float: left; width: 320px;}

#project-pics {float: right; padding-left: 10px; width: 270px;}	

#project-pics img {max-width: 270px; width: 100%;}

#project-pics div {float: left; width: 132px; height: 85px; overflow: hidden; margin: 0 5px 5px 0; }

#project-pics div:nth-of-type(2n){   margin-right: 0;}

#project-pics li {margin: 0!important;  padding: 0 2px!important; background: none repeat scroll 0% 0% transparent;   }

#project-pics .project-thumb img{max-width: 132px; height: auto;}	







/**************************

CASE STUDIES FORMATTING

**************************/



#casestudy-list {clear: both; padding: 0px; margin: 5px 0 10px 0;  min-height: 100px;}

#casestudy-list img {float: right; height: auto;  margin-left: 15px;  /*-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;*/ max-width: 140px; max-height: 120px; }



/* INDIVIDUAL */

#casestudy-txt {float: left; width: 320px;}

#casestudy-pics {float: right; padding-left: 10px; width: 270px;}

#casestudy-pics img {max-width: 270px;}

#casestudy-pics div {float: left; width: 132px; height: 85px; overflow: hidden; margin: 0 5px 5px 0; }

#casestudy-pics div:nth-of-type(2n){   margin-right: 0;}

#casestudy-pics li {margin: 0!important;  padding: 0 2px!important; background: none repeat scroll 0% 0% transparent;   }

#casestudy-pics .casestudy-thumb img{width: 132px; }



#casestudy-pdf {font-size: 12px; color:#10144E; margin-top: 15px; height: 20px!important; width: 88%!important; }







/**************************

RECIPE FORMATTING

**************************/

/*list */

.recipe-list-div {clear: both; padding: 10px 0; margin: 0;  min-height: 100px;  overflow: hidden;}

.recipe-list-txt {float: left; width: 430px;}

.recipe-list-img {float: right; padding: 10px 0 10px 10px;}

.recipe-list-img img {max-width: 150px; height: auto;}



/* individual */

.recipe-div {clear:both;  float: left; width: 60%; padding-right: 20px;  }

.recipe-txt {padding-top: 10px;  }

.recipe-pics {float: right;  width: 36%;  padding-top: 10px;  text-align: center;}

.recipe-hero {width: 100%; height: auto;}

.recipe-hero img {width: 100%; height: auto;  }

.recipe-thumb {float: left; width: auto; height: 70px; }	

.recipe-thumb img {width: auto; height: 100%; }	



/**************************

DOCUMENTS FORMATTING

**************************/

#doc-title {text-transform: uppercase;}

#doc-desc {width: 450px;}

#doc-btn {position: relative; float: right; top: -30px;}

#doc-btn a, #doc-btn a:active, #doc-btn a:visited {font-size: 13px; color: #10144E; }

#doc-btn a:hover {color: #999; }





/**************************

PRODUCTS FORMATTING

**************************/

.products-home {clear:both;   padding: 20px 0px;}

.products-home-txt {float: left; width: 270px; padding-right: 20px;  }

.products-home-txt h3 {padding: 0px;  }



#product-page {/*width: 800px;*/ margin: 0 auto; text-align: left;}

.products-div {/*clear:both;   padding: 10px 0px; for full width div*/}



.products-div {float: left; width: 290px;  margin: 10px 5px; padding: 0; min-height: 380px;}



.products-cat-div {float: left; width: 290px;  margin: 10px 5px 0 5px; padding: 0; height: 180px;}

.products-cat-over { /*padding: 0; background: url(../images/overlay.png) no-repeat bottom right; position: relative; top: -160px; width: 290px; height: 160px;*/ background: rgba(0, 0, 0, 0.5); height: 30px; position: relative; bottom: 30px;}

.products-cat-img {float: none;  width: 100%; height: 180px; padding: 0px; overflow: hidden;}

.products-cat-img img {width: 100%; height: auto; }

.products-cat-title {font-size: 14px; font-weight: 700; color: #fff; position: relative; bottom: -5px; text-align: center;  text-transform: uppercase;}



.jcart fieldset{ border: none!important; }

.products-div .jcart fieldset { /*border-bottom: 1px #222 solid!important;*/}

.products-list-txt {float: left; width: 60%; padding-right: 20px; text-align: left; font-size: 12px; min-height: 50px;}

.products-list-price {float: left font-size: 15px!important; font-weight: 400;  padding: 20px 0 0 0; text-align:center; /*min-height: 80px;*/}

.products-list-img {float: none;  width: 100%; height: 170px; padding: 0px; overflow: hidden;}	

.products-list-img img {width: 100%; height: auto; }



.products-list-buttons {clear:both;  padding: 10px 0 0 0; color: #888; font-size: 12px;}

.products-more, .products-buy {float: left;  margin-right: 10px;}



/*individual product */

.products-txt {float: left; width: 40%; padding-right: 20px; text-align: left; font-size: 12px; min-height: 50px;}

.products-price { font-size: 15px!important; font-weight: 400;  padding: 20px 0 0 0; text-align:left; /*min-height: 80px;*/}

.products-pics {float: left; width: 55%;  text-align: left;}

.products-hero {  width: auto; padding-right: 20px;}

.products-hero img { width: 100%; height: auto; }

.products-thumb {float: left;  margin-right: 5px; height: 100px;  overflow: hidden; text-align: center;}	

.products-thumb img {max-width: 100px; max-height: 100px;  }



.products-qty {/*float: left;*/ font-size: 13px; margin: 20px 5px 5px 0;}

.products-att {font-size: 13px;}



.products-div-sort {float: right;font-size: 12px; }



.similar {text-transform: uppercase; font-size: 12px; color: #888; border-top: 1px #333 dashed; padding: 10px 0;}	

.similar img {height: 100px; width: auto;}

.minimum {text-transform: uppercase; font-size: 12px; color: #888; padding: 5px 0 0 0;}	



/**************************

FADEIN CONTENT PAGES

**************************/



.content-inside {

    -webkit-animation: fadein 2s; /* Safari and Chrome */

       -moz-animation: fadein 2s; /* Firefox */

        -ms-animation: fadein 2s; /* Internet Explorer */

         -o-animation: fadein 2s; /* Opera */

            animation: fadein 2s;

}



@keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Firefox */

@-moz-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Safari and Chrome */

@-webkit-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Internet Explorer */

@-ms-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}​



/* Opera */

@-o-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}​



/**************************

OTHER FORMATTING

**************************/



.terms, .terms p {font-size: 13px; line-height: 130%;}



.page img, .page p img, #mobile-image-hide {margin: 5px 10px;   -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; max-width: 100%; height: auto!important; }



.more {font-size: 13px!important; font-weight: 400;  padding: 10px 0 0 0; text-transform:uppercase; position: relative;}

.more a , .more a:active, .more a:visited {text-decoration: none;}	

.more a:hover {}

 

.more:after {

    content:  "\f054"; /*angle right */

    font-family: FontAwesome;

    position: relative;

    left: 5px;

	color: #e3140e;

}



.back {font-size: 11px!important; font-weight: 400;  padding: 20px 0; }

.back a, .back a:active, .back a:visited {color: #10144E!important; text-decoration: none;}	

.back a:hover {color: #E3140E!important;}



.archive {font-size: 12px!important; font-weight: 400;  padding: 20px 0; }

.archive a, .archive a:active, .archive a:visited {color: #10144E!important; text-decoration: none;}	

.archive a:hover {color: #E3140E!important;}



a.opacity:hover img {

filter:alpha(opacity=100);   

-moz-opacity: 1.0;   

opacity: 1.0;

}



a.opacity img {

filter:alpha(opacity=80);   

-moz-opacity: 0.8;   

opacity: 0.8;

}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 15px !important;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/**************************

FORMS AND BUTTONS

**************************/



select, input, menu, list, textarea {

	font-family: Arial, Verdana, Tahoma, sans-serif;

	font-size: 12px; background: #fff;

	/*-webkit-appearance: none;*/

}



select, input {

box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;}







.btn-cart {width: 80px;  text-align: center; }

.btn-cart a, .btn-cart a:active, .btn-cart a:visited, .btn-cart input[type="submit"] { color:#fff!important;  padding: 10px 0 0 0; }

.btn-cart a:hover, .btn-cart input[type="submit"]:hover{color:#555; }



.btn-checkout-paypal {width: 190px; margin-top: 10px; text-align: center; }

.btn-checkout-paypal a, btn-checkout-paypal a:active, .btn-checkout-paypal a:visited {font-size: 12px; color:#10144E; }

.btn-checkout-paypal a:hover {font-size: 12px; color:#555; }



#btn-submit, .btn-submit, .btn-submit input[type="submit"], .btn-more{

text-align: center;

border:none;

cursor:pointer;

padding: 5px 20px;

color: #fff!important;

font-size: 14px; text-transform:uppercase; font-weight: bold;

background: #E3140E;

margin: 0; 

-webkit-border-radius: 3px;

      -moz-border-radius: 3px;

      border-radius: 3px;

}



#btn-submit:hover, .btn-submit:hover, .btn-submit input[type="submit"]:hover, .btn-more:hover {

background: #10144E;

color:#fff;

}



.btn-next-form {margin-top: 10px!important;}



.btn-discount{ color:#10144E;

text-align: center;

border:none;

cursor:pointer;

padding: 5px 20px;

font-size: 11px; text-transform:uppercase; font-weight: bold;

background: #e8e8e8;

margin: 5px 0; 

-webkit-border-radius: 3px;

      -moz-border-radius: 3px;

      border-radius: 3px;

	  width: 140px;

}



.btn-discount:hover {

background: #10144E;

color:#fff;

}



#shoppingCart .btn-more, #jcart-checkout{ margin: 5px!important;}



input[type=radio] {width: 20px!important; margin: 0 10px; -webkit-appearance:radio!important; }

input[type=checkbox] {width: 20px!important; -webkit-appearance:checkbox!important;}



#searchBox { padding: 15px 0 0 0; }

#searchBox form input[type="text"], #searchBox form textarea {  padding:6px; width: 130px;}

#searchBox form input[type="submit"]{ width: 30px; padding:4px;  }



#search input, #search select {width: auto!important;}



/**************************

RESPONSIVE NAV

**************************/



.btn-nav {

  display: none;

  padding: 4px 10px 4px;

  margin: 0;

  color: #fff;

  float: none;

  text-align:center;

  cursor: pointer;

   background-color: #10144E;

}





.btn-nav:hover {

  color: #fff;

  text-decoration: none;

  background-color: #E3140E;

}



.btn-submit:disabled{

background: #CCC!important;

}



.btn-nav.active, .btn-nav:active {

  background-image: none;

  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);



  outline: 0;

}

.nav-collapse.collapse { height: auto;}







/************************** responsive media queries **************************/





@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; }

body, p, ul, h1, h2, h3, h4, blockquote p, table {font-size: 110%!important;}

#registration input.text, #registration input, #registration select, #registration textarea {padding: 12px 8px; line-height: 40px; font-size: 18px!important;}

#headWrapper {width: 100%; height: auto; position: relative;}

.page img {max-width: 280px!important; }

.btn-nav { width: auto!important; }



.col, .four {float: none!important;  width: 100%!important; border: none!important; padding: 10px!important; margin: 0; min-height: 0;}

.four .txt {padding: 0px;}

.home-button {width: 80%!important; margin: 10px;}

.member-carousel img {height: 40px;}



.team-div, .news-txt, .news-img {float: none; width: 100%!important; }

.news-img img{width: 100%!important; }

.news-home-img, .news-home-txt { float: none; width: 100%!important; height: auto; padding: 5px 0;}

.news-home-img img {width: 100%!important;}



.event-txt {float: none; width: 100%!important;}

.event-hero {float: none;}



.link-logo {width: 100px;}

.link-logo img {max-width: 100px;}



.cycle-slideshow { min-width: 200px; /*display: none; height: 0;*/}

.cycle-overlay { padding: 4px }

.cycle-caption { bottom: 4px; right: 4px }

.cycle-pager {display: none; height: 0;}

	

#caption-panel {/*display: none; height: 0;*/}	

#caption-body p {font-size: 20px!important;}



#welcome { background: #10144e; position: static; color: #fff!important; top: 0; bottom: 0; width: 100%; display: inline-block; height: 20px; text-align: center; padding: 10px 0;}

#welcome a { padding: 0 5px!important;}

}



@media only screen and (max-device-width: 720px) and (orientation:portrait) {

  /* For samsung galaxy  */

.home-button {width: 39%;}

}





@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px)  { select, input, menu, list, textarea { -webkit-appearance: none; }

}



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

		#caption-panel {position: relative; width: 100%; bottom: 0;  }

		#caption-body {width: 80%;}

}





@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {

  /* For ipad portrait layouts only */

#wrapper,  #contentWrapper,  #page-title, #newsWrapper, #footerWrapper {  min-width: 768px!important; overflow:hidden;}

#headWrapper, #navWrapper, #panelWrapper {  min-width: 768px!important;}

#content {padding: 40px 30px 20px 30px!important; }	

.col {width: 47%!important;}

.page img {max-width: 400px!important;}

body, p, ul, h1, h2, h3, h4, blockquote p, table {font-size: 110%;}

#registration input.text, #registration input, #registration select, #registration textarea {padding: 12px 8px; line-height: 40px; font-size: 18px!important;}

.event-txt {width: 60%;}

#welcome { top: 10px; right: 10px; color: #fff!important; width: 300px;}

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {

  /* For ipad landscape layouts only */

html, body { width:100%;  /*overflow-x:hidden; */}

#wrapper,  #contentWrapper,  #page-title, #newsWrapper, #footerWrapper, #panelWrapper { min-width: 1024px!important; overflow:hidden;}

#headWrapper, #navWrapper, #head{  min-width: 1024px!important;}

		.spotlight-txt {float: none!important; width: 100%!important; background-color: #fff!important; margin: 0; }

		.spotlight-img {float: none; width: 100%; background-color: #fff!important; margin: 0; background-size: 100%!important; 

		 -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

}





/*@media only screen and  (max-width: 699px) {*/

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

		

		#wrapper {width: auto; padding: 0px; height: auto; margin: 0;}

		#wrapper:after {height: 0;}

		#headWrapper {width: 100%; height: auto;  background-image: none;}

		#head {width: auto; padding: 0px; height: auto;}

		

		#navWrapper {width: 100%; height: auto;  position: relative; background-color: #fff;}

		#nav {float: none; width: auto; height: auto; padding: 0px!important;  border: none; left: 0; transform: none;}

		

		.btn-nav {display: block;  float:none; padding: 0; }

		

		.nav-collapse { overflow: hidden; height: 0; padding: 0px; margin: 0!important;  }

		#cssmenu {padding: 0; margin: 0; width: 100%!important; height: 0!important;  padding: 0px!important;}		

		#cssmenu ul li{ float: none!important; display: block; margin-top: 5px!important; min-height: 0!important; padding: 0!important; margin-right: 0!important;}  /*menu list  */

		#cssmenu ul li ul {visibility:hidden!important; } /*dropdown hidden */

		#cssmenu ul li:not(:last-child) {border: none!important;}

		#cssmenu ul li a {margin: 0!important; line-height: 130%!important; background: #10144E; text-align: center;}

		#cssmenu ul li a:hover, #cssmenu > ul > li a:hover { background: #E3140E; }

		#cssmenu a {padding: 10px 40px;}

	



		#logo {float: none; width: 100%; margin: 0 auto; text-align: center; padding: 0; height: auto;}

		#logo img {width: 80%; height: auto; padding: 0px 0 0 0;}

		#headRight {float: none; width: 100%; margin: 0 auto; text-align: center; padding: 0; height: auto; }

		



		#contentWrapper {clear: both;}

		#content {float: none; width: auto; padding: 15px 5px 5px 5px; min-height: 50px; }

		.four {width: 49%; }

		.four:nth-of-type(2n+1) { clear: both;}



		#col-left {float: none; width: auto!important; border: none; padding: 0 10px 10px 10px!important; margin: 0; background: none; min-height: 0; clear: both;}

		#col-left img {max-width: 300px; height: 0; }

		#col-right {float: none; width: auto; padding: 0 10px 10px 10px; margin: 0; background: none; border: none; clear: both;}

		#col-right ul {margin: 0px!important; }

		#col-right li a {font-size: 15px; }

		#welcome a {color: #fff!important;}

		

		#page-title-div {width: auto; padding-left: 20px; }

		#page-title {padding: 20px 0 20px 0px; }

		.side-menu { float: none; width: auto!important; padding: 0!important;}



        #footerWrapper {height: auto; }

		#footer {display: block; width: auto; height: auto; padding: 0; margin: 0;}

		#footer-txt, #footer-social, #footer-copy  {clear: both; float: none; width: auto; padding: 10px; text-align: center; }

		h1, h2 { font-size:  25px; padding: 10px 5px 5px 0px; }

		

		#content table,  table, #main-container{ width: 100%!important; border: none; padding: 3px; margin: 0; height: auto;}

		#detailForm textarea,  #detailForm select {width: 90%!important;}

		#form-container, .field-label {display: none;}

		.field { width: 90%!important;}

		

		

		.news-home {float: none; width: auto!important;}

		.news-home-txt {margin-bottom: 20px;}

		.news-home-img { width: 30%;}

		.news-home-img img { max-width: 200px!important;}

		

		#imgGal  {float:none; width: auto; height: auto;}

		#imgThumb, #imgThumb img {width: 100%!important; height: auto; /*max-height: 300px;*/}

		#imgThumb img { max-width: 100%!important;}

		

		

		.news-div {float: none; width: auto!important;}

		.news-txt{width: 65%!important; padding: 0;}

		news-img{width: 30%!important;}

		.news-img img{width:100%;}

		

		.testimonial, .testimonial-txt  {display: block; width: auto; height: auto; float: none; border: none;}

		.testimonial-by {display: block; width: auto; height: auto; float: none; border: none; padding: 0;}

		

		#mobile-image-hide{ display: block; }

		

		.cycle-pager {display: none; height: 0;}

		/*#caption-panel {position: relative; width: 100%; bottom: 0;  }

		#caption-body {width: 80%;}*/

		#button-panel {width: auto; clear: both;}

		.home-button {width: 41%;}

		.spotlight-txt {float: none!important; width: 100%!important; background-color: #fff!important; margin: 0; }

		.spotlight-img {float: none; width: 100%; background-color: #fff!important; margin: 0; background-size: 100%!important; 

		 -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

		

		.dnd {display: none; height: 0;}

		.page img, #mobile-image-hide {margin: 5px 10px!important;   max-width: 100%!important; height: auto!important; }



		

    }



/*@media only screen and (min-width: 700px) {*/

	@media only screen and (min-width: 769px) {

		

		.nav-collapse.collapse {height: auto !important;}



}