@charset "UTF-8";
/* CSS Document */

* {
    box-sizing: border-box;
}
#outer-container {
  width:100%;
  margin: auto;
  background-color:white;
  position:absolute;
  top:90px;
}

#nav-2 {
	width:960px;
	margin:auto;
}
#maincontent-home {
	background-image:none;
	width:100%;
	margin:auto;
}

.videocontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.videoframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}








/* from top of home page file */

.hoverbrite:hover {
  filter:brightness(110%);
  -webkit-filter:brightness(110%);
}
.hoverdark:hover {
  filter:brightness(95%);
  -webkit-filter:brightness(95%);
}

#container {
  width:100%;
  margin: auto;

  min-width: 1240px;
}

#maincontent-home {
	width: 100%;
	padding: 1% 0;
}

.separator {
/*	border-top:2px solid #666; */
	margin-top:0px;
}

.separator .light {
	border-top:2px solid #666;
	background-color:#f2f4f4;
}


.separator .dark {
	border-top:2px solid #666;
	background-color:#dfe8e7;
}

.separator .separatorheadline {
	margin-top: 0px; 
	margin-bottom: 2px;
	padding-top: 0px; 
	font-size: 2.0em; 
	line-height: 1.6; 
	color:rgb(196,22,28);
	font-weight: 500;
}


.blocks {
    float: left;
    width: 100%;
    padding: .5% 5%;
	margin:0;
	margin-top:10px;
	background-color: #F2F2F2;
}
.ba-back-color {
	background-color: #55626d;
}
.rcp-back-color {
	background-color: #ffeb80;
}
.block {
    width: 23%;
	float:left;
    padding: 0;
	margin:1%;

/*    background:white;   
	border-top:1px solid #a6a6a6;
	border-left:1px solid #a6a6a6;
	margin-top: 20px;
	border-top:1px solid #d9d9d9;
	padding-top:20px;
	padding-left:3%;
	padding-right:3%;*/
}

.blocknopadding {
    float: left;
    width: 25%;
    margin: 1%;
	padding:0px;
}

.block2col {
    float: left;
    width: 48%; 
    padding: 1%;
	margin:1%;
}

.block3col {
    float: left;
    width: 75%;
    padding: 1% 1% 0% 1%;
	margin:1%;
}

.block4col {
    float: left;
    width: 100%;
    padding: 1% 1% 0% 1%;
	margin:1%;
}


.block1third {
    float: left;
    width: 31%;
    padding: 1% 1% 0% 1%;
	margin:1%;
}

.block2third {
    float: left;
    width: 64%;
    padding: 1% 1% 0% 1%;
	margin:1%;
}
	
.block1fifth {
    float: left;
    width: 19%;
    padding: 1% 1% 0% 1%;
	margin:1% 1% 0% 1%;
}

.block2fifth {
    float: left;
    width: 38%; 
    padding: 1% 1% 0% 1%;
	margin:1% 1% 0% 1%;
}

.block3fifth {
    float: left;
    width: 59%;
    padding: 1% 1% 0% 1%;
	margin:1% 1% 0% 1%;
}

		
.block1sixth {
    float: left;
    width: 16%;
    padding: 1% 1% 0% 1%;
	margin:1% 1% 0% 1%;
}

.block2sixth {
    float: left;
    width: 34%;
    padding: 1% 1% 0% 1%;
	margin:1% 1% 0% 1%;
}

.block3sixth {
    float: left;
    width: 52%;
    padding: 1% 1% 0% 1%;
	margin:1% 1% 0% 1%;
}

.blockchild {
    float: left;
    width: 100%;
	margin-bottom:10px;
}

.separator h1.levelonehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.8em;
	line-height:1.4;
	color:#01040e;
	margin-bottom:3px;
	font-weight: normal;
	margin-top:0px;
	padding:0px
}


.separator h1.levelonekicker {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:1.3;
	color:#01040e;		
	font-style:italic;
	margin-bottom:3px;
	font-weight: normal;
	margin-top:0px;
	padding:0px;
}
.separator h1.leveltwohead {
 	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:1.2;
	color:#01040e;
	margin-top:0px;
	margin-bottom:3px;
	padding:0px;
	font-weight: normal;
}
.separator h1.leveltwohead.font1p2 {
	font-size:1.2em;
}
.separator h1.leveltwohead.font2em {
	font-size:2em;
}
.separator h1.leveltwohead.larger {
	font-size:1.4em;
}
.separator h1.leveltwohead.larger2 {
	font-size:1.8em;
}
.separator h1.leveltwohead.larger3 {
	font-size:2.2em;
}
.separator p.pfont1p3 {
	font-size:1.3em;
}

.separator h1.leveltwokicker {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:1.2;
	color:#01040e;
	font-style:italic;
	margin:0px 0px 3px 0px;
	padding:0px;
	font-weight: normal;
}

.separator h1.levelthreehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	line-height:1.1;
	color:#01040e;
	margin:0px 0px 3px 0px;
	padding:0px;
	font-weight: normal;
}

.separator h1.levelthreekicker {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	line-height:1.1;
	color:#01040e;
	font-style:italic;
	margin:0px 0px 3px 0px;
	padding:0px;
	font-weight: normal;
}

.separator h1.levelfourhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 13pt;
	margin-top:0px;
	margin-bottom:3px;
	padding:0px;
	font-weight: normal;
}

.separator h1.levelfourkicker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 13pt;
	font-style:italic;
	margin-top:0px;
	margin-bottom:3px;
	padding:0px;
	font-weight: normal;
}

.separator p {
	margin-right:0;
	font-size:0.9em;
}
.separator ul {
	margin-right:0;
}
.separator li {
	margin-bottom:3px;
}
	

.separator h1 a {
		color: black;
	}

.itemdate {
	margin:0;
	margin-top:5px;
}
.readmore {
	margin:0;
	margin-top:5px;
}




#baquotetop {
	width:80%;
	margin:auto;
	margin-bottom:30px;
	background-color: transparent;
}
#baquotetop p {
	font-size:1.3em;
	font-weight:300;
}

.tnc-background {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a636f+0,ecf6fc+100 */
  background: #4a636f; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #4a636f 0%, #ecf6fc 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #4a636f 0%,#ecf6fc 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #4a636f 0%,#ecf6fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*  padding:1%;
  width:90%;
  margin:auto; */
}

#tnc-book {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a636f+0,ecf6fc+100 */
  background: #4a636f; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #4a636f 0%, #ecf6fc 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #4a636f 0%,#ecf6fc 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #4a636f 0%,#ecf6fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a636f', endColorstr='#ecf6fc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  padding: 2%;
}

















.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

/*styles for larger image display */


.quote a {
	position:relative;
	display:inline-block;
}

.quote a:hover:before {
	content:'';
	display:block;
	background-image:url(i/463/BAsics3-11-full.png);
	width:1000px;
	height:544px;
	position:absolute;
	top: 0;
	right: 0;

}
/*end styles for larger image display */





.contactinfo {
/*	width:28.33%;*/
	width:18%;
	margin-right:1%;
	float:left;
	background:#F2F2F2;
	padding:2%;
}
#contactinfosection .contactinfo p {
	 font-size: 1.1em; 
	 line-height: 1.2;
	 margin:0;
}
#contactinfosection {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding-top:0px;
	margin-top:20px;
	padding-bottom:20px;
	margin-bottom:30px;
}


.basicsgradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9f0a0e+0,c43225+50,c43225+51,ef5938+100 */
background: #9f0a0e; /* Old browsers */
background: -moz-linear-gradient(left, #9f0a0e 0%, #c43225 50%, #c43225 51%, #ef5938 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #9f0a0e 0%,#c43225 50%,#c43225 51%,#ef5938 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #9f0a0e 0%,#c43225 50%,#c43225 51%,#ef5938 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f0a0e', endColorstr='#ef5938',GradientType=1 ); /* IE6-9 */
}
		
.marleft3 {
	margin-left:3%;
}
.marleft4 {
	margin-left:4%;
}
.marleft5 {
	margin-left:4%;
}
.marleft6 {
	margin-left:6%;
}
.marleft8 {
	margin-left:8%;
}
.marleft15 {
	margin-left:15%;
}
h1.leveltwohead.size24 {
	font-size: 2.4em; 
}
#contactrevcom {
	min-width:250px;
}
.nonmobdevice {
	display:block;
}
.mobdevice {
	display:none;
}

/* for devices less than 1230px */
@media only screen and (max-width: 1230px) {
	#container {
  		min-width: 960px;
	}
	.contactinfo {
	/*	width:28.33%;*/
		width:48%;
		margin-top:10px;
	}
}

/* for phones */
@media only screen and (max-device-width: 500px) {
	#container {
  		min-width: 320px;
	}

.blocks {
    float: none;
    min-width:900px;
	width: 100%;
	margin-top:100px;
}
.block, .blocknopadding, .block2col, .block3col, .block4col, .block1third, .block2third, .block1fifth, .block2fifth, .block3fifth, .block1sixth, .block2sixth, .block3sixth, .blockchild, .contactinfo, #contactrevcom {
	min-width:850px;
	max-width:850px;
	float:none;
	margin-bottom:100px;
}
.notonphone {
	display:none;
}
.phonemaxwidth700 {
	min-width:700px;
}
.marleft3, .marleft4, .marleft5, .marleft6, .marleft8, .marleft15 {
	margin-left:0;
}
.revclubbox {
	height:1100px;
}
.martoprc {
	margin-top:50px;
}
.separator .separatorheadline {
	font-size: 3em; 
	line-height:1.2;
}
.separator .separatorheadline.batitle {
	font-size: 2.8em; 
	line-height:1.2;
}

.separator h1.leveltwohead.size24, .separator h1.leveltwohead {
	font-size: 2.5em; 
	line-height:1.2;
}

/*
#contactinfosection h3 {
	font-size:2em;
}
#contactinfosection .contactinfo p {
	font-size:2em;
}
*/
.nonmobdevice {
	display:none;
}
.mobdevice {
	display:block;
}
.separator {
	font-size:30px;
}
.mobnopadding {
	padding:0;
}
.separator h1.leveltwohead.font1p2 {
	font-size:2em;
}
.separator h1.leveltwohead.font2em {
	font-size:2.5em;
}
.separator h1.leveltwohead.larger {
	font-size:2.5em;
}
.separator h1.leveltwohead.larger2 {
	font-size:2.5em;
}
.separator h1.leveltwohead.larger3 {
	font-size:2.5em;
}
.separator p.pfont1p3 {
	font-size:1em;
}

}