/*
	p a l e t t e
	medium blue #3652a4
	medium purple #523089
*/

*{
	margin:0px;
	border:0px;
	padding:0px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	color:#222288;
	font-size:0.9em;
	background-color:#ffffff;
	line-height:1.5em;
	text-align:left;
	font-size:0.96em;
 }

p{	margin-top:0px; margin-bottom:1.0em;}
a {	color:#555555;text-decoration:none;}
a:link {	color:#555555;text-decoration:none;}
a:active {	color:#555555;text-decoration:none;}
a:visited {	color:#555555;text-decoration:none;}
a:hover {	color:#11111;text-decoration:none;}
td{ vertical-align:top;	text-align:left;}
li{  list-style-position: inside;}
.floatr{
	float:right;
	padding-top:16px;
	padding-right:0px;
	padding-left:16px;
	padding-bottom:16px;
}	

.floatl{
	float:left;
	padding-left:0px;
	padding-right:16px;
	padding-top:16px;
	padding-bottom:16px;
}	
.fine{
	font-size:0.85em;
}


.outer{
	width:100%;
	background-color:#ffffff;
	}
	
.inner{
		width:1000px;
		margin-left:auto;
		margin-right:auto;
	}
	
.outerpage{
	width:100%;
	background-color:white;
	}
.nowrap{ white-space:nowrap;}
.blast{
	background-color:#222299;
	color:white;
	font-size:2.3em;
	padding-top:80px;
	padding-bottom:80px;
	line-height:1.4em;
}	

.blast a{ color:white;}
	
.bottom{
	background-color:#111177;
	color:white;
	font-size:1.4em;
	padding-top:100px;
	padding-bottom:110px;
	padding-left:10p;
}	

.bottom a{ color:white;}
	

#logo{
	background-image:url(../bracken/logo/BBH-120x100.png);
	background-repeat:no-repeat;
	width:120px;
	height:100px;
	margin-right:30px;
	float:left;
	position:relative;
	top:-6px;
}

	
#billboard{
	margin-bottom:30px;
}

 


#toplogo{
	font-family:'Open Sans',arial,san-serif;
	font-size:1.2em;
	color:#222288;
}

#page-title{
	font-family:'Open Sans',arial,san-serif;
	font-size:2.5em;
	color:#222288;
	position:relative;
	top:-20px;
	float:left;
	text-align:left;
	width:100%;
	font-weight:normal;
	
}	
 

#footer{
	padding:2px;
	text-align:center;
	font-size:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:#050544;
	color:white;
	width:100%;
}
#footer a:link {	color:#7373e1;text-decoration:none;}
#footer a:active {	color:#7373e1;text-decoration:none;}
#footer a:visited {	color:#7373e1;text-decoration:none;}
#footer a:hover {	color:#ffffff;text-decoration:underline;}

  
   
section{
	min-height:110px;
	font-size:1.1em;
	line-height:1.2em;
	padding-bottom:1em;
}

section h2{
	margin-bottom:0.5em;
}

.topcta{
	position:absolute;
	text-align:center;
	padding-top:2px;
	background-repeat:no-repeat;
	width:250px;
	height:250px;
}

.topcta .text{
	visibility:hidden;
}

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

.inner{
		width:99%;
		margin-left:auto;
		margin-right:auto;
	}
	

.copy{
	padding-left:30px;
	padding-right:30px;
}
}

@media screen and (max-width: 600px) {
	
.copy{
	padding-left:20px;
	padding-right:40px;
}


.rfloatr{
	float:none;
	width:100%;
}

.inner{
		width:100%;
}


#page-title{
	font-size:1.4em;
	top:-30px;
}	

#logo{
	background-image:url(../bracken/logo/BBH-238x200.png);
	background-repeat:no-repeat;
	width:238px;
	height:200px;
	float:none;
	background-position:center;
	top:-6px;
}

.blast{
	font-size:1.5em;
	padding-top:30px;
	padding-bottom:30px;
	line-height:1.1em;
	text-align:center;
}	

.bottom{
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
	font-size:0.9em;
}	

	
#footer{
width:100%;
padding:4px;
}
  
}

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

.topcta .text{
	visibility:visible;
	font-family:'Open Sans',arial,san-serif;
	font-size:1.0em;
	color:white;
	display:block;
	padding-top:0px;
margin:0px;
position:left;
width:100%;
padding-left:4px;
padding-right:4px;
}

.topcta{
	position:absolute;
	text-align:center;
	padding-top:10px;
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	background-color:rgba(0,0,0,0.5);	
	background-image:none;
	position:left;
}

}