html,body	
{
	margin: 0px;
	padding: 0px;
	background-color: #d7d6dd;
        background-image:url('../ba_images/body_bg.gif');
	height:100%; /*this css attribute allows to use height=100% for table */
	text-decoration:none;
	font: 15px arial, serif;
	color: #000014;
	font-weight: normal;
	text-align:left;
}

.wrapper_ext	
{ 
	/*background-color:rgba(0,0,0,0.06);*/
	min-height:100%;
	width:100%;
}

.wrapper
{
	/*max-width: 800px;*/
	min-height:100%;
	margin: 0px auto;

	/*border: 0px solid #f2f2f2;
	border-top-left-radius: 20px;
	border-bottom: 0px solid #fff;
	-webkit-box-shadow: 4px 4px 4px #b9b9b9;
	-moz-box-shadow: 4px 4px 4px #b9b9b9;
	box-shadow: 4px 4px 4px #b9b9b9;*/
}


/* clearfix hack */
.clearfix:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0; 
}

.clearfix 
{
	display: inline-block;
	clear: both;
}

/*.clearfix 
{
	display: block;
}*/

/* ---------  header styles  ---------*/

#ba_header 
{
	height: 85px;
	background-image:url('../ba_images/header_bg.jpg');
}

#stripe 
{
	width:100%;
	height: 25px;
	background: #d7d6dd;
	background-image:url('../ba_images/stripe.png');
}

#stripe2 
{
	width:100%;
	height: 25px;
	background: #d7d6dd;
	background-image:url('../ba_images/stripe2.png');
}

#ba_clock
{
	width:100%;
	font: 11px arial, serif;
	color: #000014;
	font-weight: normal;
	border: 0px solid #000000;
	padding-top:5px;
}

#ba_clock div div
{
	padding-right:10px;
	position: relative;
}


/* ---------  header navigation styles  ---------*/

#main-nav 
{
	text-decoration:none;
	font: 16px arial, serif;
	color: #000080;
	font-weight: normal;
	text-align:center;
	/*background: #efead7;
        border: 1px solid rgba(0,0,0,0.2);
	cursor: pointer;
	position: relative;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);*/ 
}

#main-nav ol,
#main-nav ul 
{
	list-style: none;
	margin: 0;
}

#main-nav li {
	float: left;
	position: relative;
	padding: 0;
}

#main-nav a 	
{
	text-decoration:none;
	font: 16px arial, serif;
	color: #000080;
	font-weight: normal;
	text-align:center;
        border-right-color: rgba(0,0,0,0.2); 
	display: block;
	float: left;
	padding: 13px 12px 0 10px;
	height: 32px;
	border-right-style:dotted;
	border-right-width: 1px;
	text-decoration: none;
	/*min-width: 100px;*/
}

#main-nav a:hover,
#main-nav ul li.current-menu-item a,
#main-nav ul li.current_page_ancestor a,
#main-nav ul li.current-menu-ancestor a,
#main-nav ul li.current_page_item a,
#main-nav ul li:hover > a 
{
       	color: #c3550d; 
       	background: rgba(0,0,0,0.02); 
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	text-decoration: none;
}

#main-nav li:hover > a,
#main-nav ul ul :hover > a,
#main-nav a:focus 
{
        color: #000080;
}

#main-nav select 
{
	display: none;
}

.default-menu	 
{
	display:none;
}

/* --------- Dropdown --------- */

#main-nav ul li ul,#main-nav ul li:hover ul li ul 
{
	display: none;
	z-index: 9999;
}
#main-nav ul li:hover ul,#main-nav ul li ul li:hover ul 
{
	display: block;
}
#main-nav ul li ul 
{
	position: absolute;
	background-color: #fff;
	border-bottom: 4px solid #808080;
	top: 40.5px;
	left: 0px;
	width: 150px;
}
#main-nav ul li ul li 
{
	float: none;
	border-bottom: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	padding: 0;
}
#main-nav ul li ul li a,#main-nav ul li.current-menu-item ul li a,#main-nav ul li ul li.current-menu-item a,#main-nav ul li.current_page_ancestor ul li a,#main-nav ul li.current-menu-ancestor ul li a,#main-nav ul li.current_page_item ul li a 
{
	float: none;
	line-height: 21px;
	font-size: 15px;
	font-weight: normal;
	height: 100%;
	padding: 6px 10px;
	color: #000080;
	text-transform: capitalize;
	background: #fff;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#main-nav ul li.current_page_item ul li a 
{
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#main-nav ul li.current_page_item a 
{
	border: none;
}
#main-nav ul li ul li a:hover,#main-nav ul li ul li:hover > a,#main-nav ul li.current-menu-item ul li a:hover 
{
	background-color: #F9F9F9;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #c3550d;
}
#main-nav ul li ul li ul 
{
	left: 188px;
	top: 0px;
}

#mobile_login_icon
{
	border-style:dotted;
	border-width:1px;
	border-color:#9c9c9c #c45d1a #c45d1a #9c9c9c ;
	padding:4px;
}
 
/* ---------  home presentation styles  ---------*/

#presentation_ext
{
	background-color: #d7d6dd;
	width:100%;
	/*max-width:1100px;*/
	background-image:url('../ba_images/presentation_bg.png');
	/*border: 1px solid #000000;*/
}

#presentation
{
	display: table;
	margin-left: auto; /* To center div block */
	margin-right: auto; /* To center div block */
}

#presentation div 
{
	display: table-row; 

}

#presentation div  div 
{
	display: table-cell; 
	width:auto;
	padding:5px;
	float: left;
	position: relative;
}

#sign_up_btn 
{
	float: left;
	clear:both;
}

#presentation div  div #desktop_login 
{
	display: block;
	/*border-style:solid;
	border-width:1px;*/
}

/* #mobile_login not in use
   left for example how to change object visibility depends on screeen size */ 
#presentation div  div #mobile_login 
{
	display: none;
}

/* ---------  content styles  ---------*/

#content_ext
{
	background-color: #eeedf1;
	width:100%;
	min-height:100%;
	/*background-image:url('../ba_images/presentation_bg.png');*/
}

#content
{
	display: table;
/*max_width: 1000px;*/
	min-height:100%;
	margin-left: auto; /* To center div block */
	margin-right: auto; /* To center div block */

	/*border: 5px solid rgba(0, 0, 0, 0.3);
	border-left: 5px solid rgba(0, 0, 0, 0.3);*/
}

#ba_table
{
	background-color: #eeedf1;
	width:100%;
}

#ba_table div 
{
	display: table-row; 
}

#ba_table div  div 
{
	display: table-cell; 
	width:auto;
	padding:5px;
	float: left;
	position: relative;
}

#content_title 
{
	padding-top:25px;
	padding-bottom:5px;
	padding-left:20px;

	text-decoration:none;
	font: 18px arial, serif;
	color: #0000c0;
	font-weight: normal;
	text-align:left;
}

#content_title a, 
#content_title a:active,
#content_title a:visited 
{
	text-decoration:none;
	font: 18px arial, serif;
	color: #0000c0;
	font-weight: normal;
	text-align:left;
}

#content_title a:hover
{
	color: #080bfc;
}

#highlight_text 
{
	text-decoration:none;
	font: 16px arial, serif;
	color: #cf781a;
	font-weight: normal;
	text-align:left;
	padding-top:3px;
	padding-bottom:3px;
}

#highlight_text a, 
#highlight_text a:active, 
#highlight_text a:visited 
{
	text-decoration:none;
	font: 16px arial, serif;
	color: #cf781a;
	font-weight: normal;
	text-align:left;
}

#highlight_text a:hover 
{
	color: #82663a;
}

#check_list_css
{
	list-style-image:url('../ba_images/check.gif');
}

#check_list_css li
{
	padding:3px;
}

#list_css
{
}

#list_css li
{
	padding:3px;
}

/* ---------  footer styles  ---------*/

#footer_ext
{
	background-color: #d7d6dd;
	width:100%;
	/*background-image:url('../ba_images/presentation_bg.png');*/
}

#footer
{
	display: table;
	margin-left: auto; /* To center div block */
	margin-right: auto; /* To center div block */
	font: 12px arial, serif;
	color: #cf781a;
	font-weight: normal;
	text-align:center;
}

#footer a, 
#footer a:active,
#footer a:visited 
{
	font: 12px arial, serif;
	color: #cf781a;
	text-decoration:none;
}

#footer a:hover
{
	color: #fc6704;
}

#footer div 
{
	display: table-row; 
}

#footer div  div 
{
	display: table-cell; 
	width:auto;
	float: left;
	position: relative;
	padding: 5px;
	text-align:center;
}

#footer_table
{
	width: 180px;
	height: 94px;
	color: #000040;
	border: 1px solid #ffffff;
	background-color: #eeedf1;
}

#footer_table a
{
	color: #000040;
}

#title_footer_table
{
	background-image:url('../ba_images/footer_title_table_bg.gif');
}

#title_footer_table a
{
	font-weight: bold;
	color: #000040;
}

/* ---------  paging styles  ---------*/

#paging_css 
{
	text-decoration:none;
	font: 16px arial, serif;
}

#paging_css a, 
#paging_css a:active, 
#paging_css a:visited 
{
	text-decoration:none;
	font: 16px arial, serif;
	font-weight: bold;
	text-align:center;

	padding: 2px;
	background-color:rgba(0,0,0,0.1);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 2px; 
	position: relative;
	width:36px;
	/*height: 24px;  */
	float: left;
}

#paging_css a:hover 
{
	color: #c3550d;
}


/* ---------  other styles  ---------*/

img 	
{
	padding: 0px;
	margin: 0px;
	display:block;
}

#small_text 
{
	text-decoration:none;
	font: 11px arial, serif;
	color: #000014;
	font-weight: normal;
	text-align:left;
	padding:3px;
}

#small_text a, 
#small_text a:active, 
#small_text a:visited 
{
	text-decoration:none;
	font: 11px arial, serif;
	color: #000014;
	font-weight: normal;
	text-align:left;
}

#small_text a:hover 
{
	color: #010395;
}

#hr_css 
{
	color: #987940;
	background-color: #987940;
	height: 1px;
}

.title_decor	
{
	margin-top: 6px;
	color: #d7d6dd;
	background-color: #d7d6dd;
	height: 2px;
	position: relative;
}

#title_decor_arrow:after 
{ 
	position: absolute; 
	content:""; 
	top: 2px; 
	left:2px; 
	border-left: 6px solid rgba(255, 255, 255, 0); 
	border-right: 6px solid rgba(255, 255, 255, 0); 
	border-top: 6px solid #c45d1a; 
}

.ba_enter_btn	
{
	position: relative;         
	margin-right:2%; 
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 2px; 
	height: 36px; 
	width:36px; 
	float: left; 
	background: #23235f;   
}

#arrow:before 
{ 
	position: absolute; 
	content:""; 
	top: 11px; 
	left:1px; 
	border-left: 16px solid rgba(255, 255, 255, 0); 
	border-right: 16px solid rgba(255, 255, 255, 0); 
	border-top: 16px solid #ffffff; 
}

.ba_btn	
{
	position: relative;         
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 2px; 
	float: left; 
	background: #dddce1; 
	padding:6px; 
	cursor:pointer;
	font-weight: bold; 
}

.ba_subtitle
{
	background-color:#dddce1; 
	background-image:url('../ba_images/title_corner.jpg');
	background-repeat:no-repeat;
	background-position:right top;
}

.ba_subtitle1
{
	background-color:#dddce1; 
}

/* =Responsive Structure
-----------------------------------------------*/
/* All Tablet Portrait size smaller than standard 1079 (devices and browsers) */
@media only screen and (max-width: 1078px) 
{

.wrapper 
{
	width: 100%;
}

#ba_header img 
{
	max-width: 300px;
}

#ba_img 
{
	max-width: 1000px;
}

#sign_up_btn 
{
	float: left;
	clear:none;
}

}

/* All Mobile Portrait size smaller than 768 (devices and browsers) */
@media only screen and (max-width: 767px) 
{

hr 
{
	margin-bottom: 30px;
}

input[type="text"],
input[type="password"],
textarea,input[type="reset"],
input[type="button"],
input[type="submit"] 
{
	margin-bottom: 20px;
}

input.s	
{
	margin: 0;
}

input.s:focus	 
{
	width: 235px;
}

#main-nav 	
{
	border: 0 none;
	height: 38px;
	padding: 0px;
}

#main-nav ul 	
{
	display: none;
}

#main-nav select 
{
	display: block;
	width: 100%;
	height: 38px;
	border: 0 none;
	/*color:#000000;*/
	font: 13px arial, sans-serif;
	overflow: hidden;
	cursor:pointer;
	background: url(../ba_images/responsive-menu-bg.png) no-repeat right;
	/*-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';*/

}

#sign_up_btn 
{
	float: left;
	clear:none;
}

#ba_header img 	
{
	max-width: 205px;
}

#ba_img 
{
	max-width: 280px;
}

}

/* All Mobile landscape size and All Mini Tablet Portrait size smaller than standard 768 and larger than 480 (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) 
{

input.s:focus 
{
	width: 375px;
}

#ba_header img 	
{
	max-width: 300px;
}

#ba_img 
{
	max-width: 720px;
}

#sign_up_btn 
{
	float: left;
	clear:none;
}

}

/* All Mobile size smaller than standard 320 (devices and browsers) */
@media only screen and (max-width: 319px) 
{

.wrapper 
{
	width: 100%;
}

/*#presentation div  div #desktop_login 
{
	display: none;
}*/

#presentation div  div #mobile_login 
{
	display: block;
}

}