@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;
}









/* 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.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;
}


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

}