/* Key colors:
  Blue: #0E46C1 rgba(14,70,193,1.0)
  Orange (Light background): #FF3300
  Orange (Dark background):  #FF7733
  Yellow: #FFFF7D
  Light Gray: #EBEBEB
*/

body {
font:16px Arial, Helvetica, sans-serif;
width:100%;
min-width:962px;
margin: 0px;
padding: 0px;
}

textarea {
	font:16px Arial, Helvetica, sans-serif;
}

a,a:active {
color: #0E46C1;
outline:none;
text-decoration:none;
-webkit-tap-highlight-color: transparent
}

a:hover {
	color: #FF3300;
	text-decoration: underline;
	-webkit-tap-highlight-color: transparent
}

h3.ui-accordion-header {
	-webkit-tap-highlight-color: transparent
}

button {
	-webkit-tap-highlight-color: transparent
}

.blue_background {
	background: #0E46C1;
}

.blue_background p > a, .blue_background p > a:active, .blue_background p > a:hover {
	color: white;
	text-decoration: underline;
	font-weight: bold;
	outline: none;
	-webkit-tap-highlight-color: transparent
}

.light_gray_background {
	background: #e0e0e0;
}

.blue_foreground {
	color: #0E46C1;
}

/* Use this in a div to provide a standard vertical margin. */
.vertical_spacer {
	height: 15px
}

/* Use this for a list (ul or ol) that shouldn't indent it's bullets or numbers. */
.non_indented_list {
	padding-left: 1.2em
}

/* This container will contain 2 items. On desktop, they will be side by side. On mobile, the first
   will be on top of the second. */
.flex_container_2_item {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-left: auto;
	margin-right: auto; 
	width: 100%;
}

.flex_item_1 {
	width: 50%;
}

.flex_item_2 {
	width: 50%;
}

/* This container will contain 2 items. On desktop and tablets, they will be side by side. On phones
   in portrait mode, the first will be on top of the second */
.flex_container_2_item_narrow {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-left: auto;
	margin-right: auto; 
	width: 100%;
}

.flex_item_1_narrow {
	width: 50%;
}

.flex_item_2_narrow {
	width: 50%;
}

/* Styling for an error message: */
#error_message, .error_message {
	color: #FF3300;
	font-weight: bold;
}

.standard_table {
	border-style: solid;
	border-width: 2px;
	border-top-color: #D8D8D8;
	border-left-color: #D8D8D8;
	border-right-color: #474747;
	border-bottom-color: #474747;
	border-radius: 8px;
	width: auto;
	clear: both;
	padding: 5px;
}

.standard_table th {
	border-style: solid;
	border-width: 1px;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	border-top-color: #474747;
	border-left-color: #474747;
	color: #0E46C1;
	font-weight: bold;
	background-color: #EBEBEB;
	text-align: left;
	vertical-align: middle;
}

.standard_table td {
	border-style: solid;
	border-width: 1px;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	border-top-color: #474747;
	border-left-color: #474747;
	width: auto;
	vertical-align: top;
}


/* Type styles
----------------------------------------------------------------------------------------------------*/
p {
padding-bottom:10px;
}

h1 {
margin-bottom:10px;
}

h2 {
margin-bottom:10px;
}

h3 {
margin-bottom:10px;
}

h4 {
margin-bottom:10px;
}

h5 {
margin-bottom:10px;
}


/** A sidebar, suitable for use in a 960 grid section. */
.sidebar_box {
	border: 1px solid #ccc;
	border-radius: 8px;
	background-color: #f1f1f1;
}

/** A header at the top of the sidebar box. */
.sidebar_box h2 {
	background-color: #0E46C1;
	color: white;
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	padding: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

/** A sub-header within the sidebar box. */
.sidebar_box h3 {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 0px;
	color: #0E46C1;
	margin-bottom: 0px;
}

.sidebar_box p {
	padding-left: 8px;
	padding-right: 8px;
}

/* Use this to wrap the BBB logo in a centered div. */
.centered_bbb_logo_div {
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	height: 45px;
}

/* 960 Grid System Containers
----------------------------------------------------------------------------------------------------*/
.full_width {
margin-left:auto;
margin-right:auto;
width:100%;
clear:both;
}

.container_12 {
margin-left:auto;
margin-right:auto;
width:960px;
clear: both;
}

.container_9 {
margin-left:auto;
margin-right:auto;
width:720px;
}

.flex_container_12 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto; 
	width: 960px;
}

.flex_container_left_right {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-left: auto;
	margin-right: auto; 
	width: 960px;
}

.flex_item_left {
	padding-left: 15px;
}

.flex_item_right {
	padding-right: 15px;
}

/* Grid >> 960 Grid System Global
----------------------------------------------------------------------------------------------------*/
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
display:inline;
float:left;
position:relative;
margin-left:15px;
margin-right:15px;
}

.flex_grid_1,.flex_grid_2,.flex_grid_3,.flex_grid_4,.flex_grid_5,.flex_grid_6,.flex_grid_7,
.flex_grid_8,.flex_grid_9,.flex_grid_10,.flex_grid_11,.flex_grid_12 {
	margin-left:15px;
	margin-right:15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1, .flex_grid_1 {
width:50px;
}

.grid_2, .flex_grid_2 {
width:130px;
}

.grid_3, .flex_grid_3 {
width:210px;
}

.grid_4, .flex_grid_4 {
width:290px;
}

.grid_5, .flex_grid_5 {
width:370px;
}

.grid_6, .flex_grid_6 {
width:450px;
}

.grid_7, .flex_grid_7 {
width:530px;
}

.grid_8, .flex_grid_8 {
width:610px;
}

.grid_9, .flex_grid_9 {
width:690px;
}

.grid_10, .flex_grid_10 {
width:770px;
}

.grid_11, .flex_grid_11 {
width:850px;
}

.grid_12, .flex_grid_12 {
width:930px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left:0;
}

.omega {
margin-right:0;
}

.nomargin {
margin-left:0;
margin-right:0;
}

/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.prefix_1 {
padding-left:80px;
}

.prefix_2 {
padding-left:160px;
}

.prefix_3 {
padding-left:240px;
}

.prefix_4 {
padding-left:320px;
}

.prefix_5 {
padding-left:400px;
}

.prefix_6 {
padding-left:480px;
}

.prefix_7 {
padding-left:560px;
}

.prefix_8 {
padding-left:640px;
}

.prefix_9 {
padding-left:720px;
}

.prefix_10 {
padding-left:800px;
}

.prefix_11 {
padding-left:880px;
}

/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.suffix_1 {
padding-right:80px;
}

.suffix_2 {
padding-right:160px;
}

.suffix_3 {
padding-right:240px;
}

.suffix_4 {
padding-right:320px;
}

.suffix_5 {
padding-right:400px;
}

.suffix_6 {
padding-right:480px;
}

.suffix_7 {
padding-right:560px;
}

.suffix_8 {
padding-right:640px;
}

.suffix_9 {
padding-right:720px;
}

.suffix_10 {
padding-right:800px;
}

.suffix_11 {
padding-right:880px;
}

/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.push_1 {
left:80px;
}

.push_2 {
left:160px;
}

.push_3 {
left:240px;
}

.push_4 {
left:320px;
}

.push_5 {
left:400px;
}

.push_6 {
left:480px;
}

.push_7 {
left:560px;
}

.push_8 {
left:640px;
}

.push_9 {
left:720px;
}

.push_10 {
left:800px;
}

.push_11 {
left:880px;
}

/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.pull_1 {
right:80px;
}

.pull_2 {
right:160px;
}

.pull_3 {
right:240px;
}

.pull_4 {
right:320px;
}

.pull_5 {
right:400px;
}

.pull_6 {
right:480px;
}

.pull_7 {
right:560px;
}

.pull_8 {
right:640px;
}

.pull_9 {
right:720px;
}

.pull_10 {
right:800px;
}

.pull_11 {
right:880px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}

.clearfix:after {
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0;
}

.clearfix {
display:inline-block;
}

* html .clearfix {
height:1%;
}

.clearfix {
display:block;
}


/* Styles for Desktop and Laptop Only. */
@media only screen and (min-width: 960px) {
	.desktop_hidden {
		display: none;
	}
}

/* Styles for tablets and larger. */
@media only screen and (min-width: 641px) {
	.wide_hidden {
		display: none;
	}
}

/* Mobile Styles
----------------------------------------------------------------------------------------------------*/
/* Smartphones in portrait mode: */
@media only screen and (max-width: 640px) {
	body {
		min-width: 100%;
		font-size:1.1em;
	}
	
	h1 {
		font-size: 1.8em;
	}

	.container_12 {
		width:94%;
	}
	
	.container_9 {
		width:94%;
	}
	
	.flex_container_12 {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.flex_container_left_right {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.flex_item_left {
		padding-left: 0px;
	}
	
	.flex_item_right {
		padding-right: 0px;
	}

	.flex_item_1, .flex_item_1_narrow {
		width: 100%;
	}

	.flex_item_2, .flex_item_2_narrow {
		margin-top: 15px;
		width: 100%;
	}

	form textarea,form input[type=text], form input[type=email], form input[type=password] {
		width:96%;
	}

	/* adjust form elements */
	.push_1,.push_2,.push_3,.push_4,.push_5,.push_6,.push_7,.push_8,.push_9,.push_10,.push_11,.push_12 {
		left:0;
	}

	/* all grids to the left margin include push and pull */
	.pull_1,.pull_2,.pull_3,.pull_4,.pull_5,.pull_6,.pull_7,.pull_8,.pull_9,.pull_10,.pull_11,.pull_12 {
		left:0;
	}

	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
		width:100%;
		clear:left;
		float:left;
		position:relative;
		padding:0;
		margin:0;
		display:block;
	}
	
	.flex_grid_1,.flex_grid_2,.flex_grid_3,.flex_grid_4,.flex_grid_5,.flex_grid_6,.flex_grid_7,
	.flex_grid_8,.flex_grid_9,.flex_grid_10,.flex_grid_11,.flex_grid_12 {
		width:100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.grid_1 img,.grid_2 img,.grid_3 img,.grid_4 img,.grid_5 img,.grid_6 img,.grid_7 img,.grid_8 img,.grid_9 img,.grid_10 img,.grid_11 img,.grid_12 img {
		max-width:100%;
		height:auto;
	}
	
	.flex_grid_1 img,.flex_grid_2 img,.flex_grid_3 img,.flex_grid_4 img,.flex_grid_5 img,
	.flex_grid_6 img,.flex_grid_7 img,.flex_grid_8 img,.flex_grid_9 img,.flex_grid_10 img,
	.flex_grid_11 img,.flex_grid_12 img {
		max-width:100%;
		height:auto;
	}
	
	img {
		max-width:320px;
	}	
	
	.mobile_hidden, .narrow_hidden {
		display: none;
	}
}

/* Tablets and smartphones in landscape mode: */
@media only screen and (max-width: 959px) and (min-width: 641px) {
	body {
		min-width: 100%;
		font-size:1.1em;
	}
	
	h1 {
		font-size: 1.8em;
	}
	
	.container_12 {
		width:98%;
	}
	
	.container_9 {
		width:98%;
	}
	
	.flex_container_12 {
		width: 98%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.flex_container_left_right {
		width: 98%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.flex_item_left {
		padding-left: 2%;
	}
	
	.flex_item_right {
		padding-right: 2%;
	}

	.flex_item_1 {
		width: 100%;
	}

	.flex_item_2 {
		margin-top: 15px;
		width: 100%;
	}
	
	.flex_item_1_narrow {
		width: 50%;
	}

	.flex_item_2_narrow {
		width: 50%;
	}
	
	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
		margin:0 2%;
	}
	
	.grid_1 img,.grid_2 img,.grid_3 img,.grid_4 img,.grid_5 img,.grid_6 img,.grid_7 img,.grid_8 img,.grid_9 img,.grid_10 img,.grid_11 img,.grid_12 img {
		max-width:100%;
		height:auto;
	}
	
	.container_12 .grid_1, .flex_container_12 .flex_grid_1 {
		width:6.3333333333333%;
	}

	.container_12 .grid_2, .flex_container_12 .flex_grid_2 {
		width:12.666666666667%;
	}

	.container_12 .grid_3, .flex_container_12 .flex_grid_3 {
		width:21%;
	}

	.container_12 .grid_4, .flex_container_12 .flex_grid_4 {
		width:29.333333333333%;
	}

	.container_12 .grid_4 img {
		max-width:100%;
	}

	.container_12 .grid_5, .flex_container_12 .flex_grid_5 {
		width:37.666666666667%;
	}

	.container_12 .grid_6, .flex_container_12 .flex_grid_6 {
		width:46%;
	}

	.container_12 .grid_7, .flex_container_12 .flex_grid_7 {
		width:54.333333333333%;
	}

	.container_12 .grid_8, .flex_container_12 .flex_grid_8 {
		width:62.666666666667%;
	}

	.container_12 .grid_9, .flex_container_12 .flex_grid_9 {
		width:71%;
	}

	.container_12 .grid_10, .flex_container_12 .flex_grid_10 {
		width:79.333333333333%;
	}

	.container_12 .grid_11, .flex_container_12 .flex_grid_11 {
		width:87.666666666667%;
	}

	.container_12 .grid_12, .flex_container_12 .flex_grid_12 {
		width:96%;
	}

	/* Push Space
	----------------------------------------------------------------------------------------------------*/
	.push_1 {
		left:8.3333333333333%;
	}

	.push_2 {
		left:16.666666666667%;
	}

	.push_3 {
		left:25%;
	}

	.push_4 {
		left:33.333333333333%;
	}

	.push_5 {
		left:41.666666666667%;
	}

	.push_6 {
		left:50%;
	}

	.push_7 {
		left:58.333333333333%;
	}

	.push_8 {
		left:66.666666666667%;
	}

	.push_9 {
		left:75%;
	}

	.push_10 {
		left:83.333333333333%;
	}

	.push_11 {
		left:91.666666666667%;
	}

	/* Pull Space
	----------------------------------------------------------------------------------------------------*/
	.pull_1 {
		right:8.3333333333333%;
	}

	.pull_2 {
		right:16.666666666667%;
	}

	.pull_3 {
		right:25%;
	}

	.pull_4 {
		right:33.333333333333%;
	}

	.pull_5 {
		right:41.666666666667%;
	}

	.pull_6 {
		right:50%;
	}

	.pull_7 {
		right:58.333333333333%;
	}

	.pull_8 {
		right:66.666666666667%;
	}

	.pull_9 {
		right:75%;
	}

	.pull_10 {
		right:83.333333333333%;
	}

	.pull_11 {
		right:91.666666666667%;
	}
	
	.mobile_hidden {
		display: none;
	}
}