

/* I. LAYOUT ---------------------------------------------------------------------------------------------------------------- 
 */


/*
 * **** HEADER AREA ****
 */

#globalnav {
	width: 720px;
	margin: 0px auto 0;
	padding: 20px 0 15px 0;
	height: 105px;
}

#globalnav a{
	font-size: 14px;
}

#globalnav .active {
	color: #005A78;
}

#globalnav_left{
	float: left;
	width: auto;
}

#globalnav_right {
	float: right;
	width: auto;
}

#globalnav_left li, #globalnav_right li {
	background: url("/Images/BBB/global_bullet.png") no-repeat scroll 0 8px transparent;
    float: left;
    line-height: 17px;
    padding: 0 8px 0 10px;
}

#globalnav_left li:first-child, #globalnav_right li:first-child {
	background: none;
	padding: 0 8px 0 0;
}

h1 {
	top: 30px;
	left: 50%;
	margin-left: -33px;
	width: auto;
}

#choosestate {
	padding: 0;
}


/*
 * **** SEARCH AREA ****
 */

#bbb_name {
	font-size: 27px;
}

#tagline {
	font-size: 48px;
	color: #ffffff;
	margin: -12px 0 0;
	text-shadow: 0 0 4px #474747;
}

#choosestate a.choosestatelink {
	font-size: 20px;
	background-size: auto;
}

.sub #choosestate a.choosestatelink {
	background: url("/Images/BBB/state-drop-sub.png") no-repeat scroll 0 3px transparent;	padding: 0 0 0 25px;
	display:table;
	float: left;
}

#search {
	width: 544px;
	margin: 25px auto;
}

.searchright input[type=submit] 
{
    border: 0;
	background: url("/Images/BBB/magnifying_glass_lg.png") no-repeat scroll 0 0 transparent;
    height: 32px;
    margin: 8px 8px 0 0;
    width: 32px;
	}

.news input {
	border: 0px;
	height: 25px;
	width: 480px;
	background-color: transparent;
	padding: 3px 0 0 10px;
	font: 18px "proxima_nova_rgregular", Arial, Helvetica, sans-serif;
}


.searchleft input {
	background-color: transparent;
    font: 24px "proxima_nova_rgregular",Arial,Helvetica,sans-serif;
    height: 50px;
    padding: 1px 0 0 10px;
    width: 480px;
}

.sub .panes div {
	width: 280px;
	height: 32px;
	border: 4px solid #005A78;
}


.panes div {
	width: 532px;
	height: 51px;
	border: 6px solid #005A78;
}
ul.tabs a {
	font-size: 15px;
	top: 3px; 
}

ul.tabs a.current span {
	background-position: right 8px;
}



/*
 * **** MAIN NAVIGATION BARS ****
 */

#mainnav {
	width: 722px;
	background: #037297 url(/Images/BBB/menu_bg.png);
	margin: 30px auto 0;
	height: 58px;
	padding: 0px 0 0 0;
	text-align: center;
}

#mainnav ul {
	margin: 0px 0 0 0;
	padding: 15px 0px 0;
}

#mainnav li a{
	display: inline-block;
	padding: 10px 0 0;
	font: 13px "proxima_nova_rgregular", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-bottom: 0px solid #005a78;
	border-top: 0px solid #037297;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	height: auto;
}

#mainnav li a:active{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#mainnav li a:hover {
	color: #badee5;
}

#mainnav li {
	margin: 0 3px 12px 0;
	background: url(/Images/BBB/nav_bullet.png) no-repeat 0px 8px;
	padding: 0 0px 0 13px;
	display: inline;
}

#mainnav li:first-child {
	background: none;
	padding: 0;
}

#mainnav li:last-child {
	margin: 0 0 12px;
}
	
/*
 * **** CONTAINER ****
 */

#container {
	width: 720px;
	border: 1px solid #ecebeb;
	background: #fefefe url(/Images/BBB/container_bg.png) bottom repeat-x;
}



/*
 * **** FOOTER ****
 */

footer {
	width: 720px;
	font-size: 12px;
	margin: 20px auto;
}

#footer_logo {
	display: none;
	float: left;
}

footer nav {
	border: 0px;
	padding: 0px 0 10px 0;
	margin: 0 auto;
}

footer nav ul {
	width: 720px;
	display: block;
	text-align: center;
}

footer nav ul li {
	background: url(/Images/BBB/footer-bullet.png) no-repeat 0 6px;
	padding: 0 5px 0 11px;
	display: inline;
}

footer nav ul li:first-child {
	background: none;
}

ul.googletranslate {
	margin: 0px 0 0 0;
	padding: 3px 0 0;
	border: 0px;
}

#social_network {
	text-align: center;
}


#social_network ul li {
	display: inline;
}

#facebook, 
#twitter, 
#linkedin, 
#pinterest, 
#flickr, 
#youtube, 
#foursquare, 
#googleplus {
	text-indent: -9999px;
}


#social_network li a:hover {
	opacity: .8;
}



/*
 * **** SUBPAGES ****
 */
 
/*
 * **** Global ****
 */

.sub {
	background: url(/Images/BBB/sub-bg.jpg) no-repeat #f4f4f4;
}

.sub #tagline {
	display: none;
}

.sub #bbb_name {
	display: none;
}

/*
 * **** HEADER AREA ****
 */


.sub #globalnav_right {
	float: left;
}

.sub #globalnav_right li:first-child {
	background: url("/Images/BBB/global_bullet.png") no-repeat scroll 0 8px transparent;
    float: left;
    line-height: 17px;
    padding: 0 8px 0 10px; 
}

.sub h1 {
	left: auto;
	margin-left: 20px;
	top: 22px;
}

.sub #global {
	width: 720px;
	margin: 0 auto;
	text-align: center;
}

.sub #globalnav {
	margin-left: 75px;
	height: 10px;
	width: 550px;
}

.sub #choosestate {
	text-align: left;
	margin-left: 75px;
	margin-top: 17px;
	display: block;
}

/*
 * **** Search ****
 */

.sub #search {
	padding: 0px;
	width: 288px;
	margin: 0;
}

.sub .searchleft input {
	width: 240px;
	background-color: transparent;
    border: 0 none;
    font: 17px "proxima_nova_rgregular",Arial,Helvetica,sans-serif;
    height: 30px;
    padding: 1px 0 0 10px;
}

.sub ul.tabs li {
	float: left;
}

.sub ul.tabs {
	height: 22px;
	overflow: hidden;
}

.sub ul.tabs a {
	margin: 1px -1px 0 0;
	font-size: 13px;
}

.sub #searchfloat {
	float: right;
	margin-top: 50px;
}

.sub #headerleft {
	float: left;
	width: 430px;
}
	
.sub .searchright input[type=submit] 
{
    border: 0;
    background: url("/Images/BBB/magnifying_glass_sm.png") no-repeat scroll 0 0 transparent;
    margin: 5px 5px 0 0;
	width: 22px;
	height: 22px;
}

.sub ul.tabs a.current span {
	background-position: right 6px;
}


/*
 * **** Main Nav Subpage ****
 */

#mainnav li a:active {
	background: none;
	border-bottom: 0px solid #005a78;
	border-top: 0px solid #037297;
}

/*** Superfish styles ***/

#mainnav .sf-menu ul li {
	display: block;
	background: none;
	text-align: left;
	padding: 0px 0px;
}

#mainnav .sf-menu ul li a{
	width: 90%;
	text-align: left;
	padding: 0 15px;
	font: 16px "proxima_nova_rgregular", Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #005A78; 
}

#mainnav .sf-menu ul li a:hover {
	color: #66793a;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	width:			250px; /* left offset of submenus need to match (see below) */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e1f1f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1f1f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e1f1f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e1f1f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e1f1f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e1f1f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1f1f4',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.5);
	border-bottom: 5px solid #006e8a;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			34px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	top:			0;
	left:			10em; /* match ul width */
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	top:			0;
	left:			10em; /* match ul width */
}


/*
 * **** Containers Subpage ****
 */

.sub #container {
	width: 100%;
	border-top: 1px solid ECEBEB;
	border-right: 0px;
	border-left: 0px;
	padding-bottom: 50px;
}

.sub #containerinner {
	width: 720px;
	margin: 0 auto;
}

/*
 * **** Main Nav Subpage ****
 */

.sub #mainnav {
	margin-top: 20px;
	position: relative;
    z-index: 999;
}
#qtip-0[style]{z-index:99 !important;}

/*
 * **** State dropdown subpages ****
 */
 
#statedropdown {
 	margin: -7px 0 0 -11px;
}
 
.sub #statedropdown {
	margin: -2px 0 0 -12px;
}

#statedropdown #statedropdowntab {
	background: #006E8A url(/Images/BBB/state-drop.png) no-repeat 11px 4px;
	width: 40px;
	height: 25px;
	background-size: auto;
}


#statedropdown #dropdowncontent a.changelocation {
    font-size: 20px;
}

