@charset "UTF-8";
/*
@font-face {
    font-family: SpaceAge;
    src: url("fonts/SpaceAge/space age.otf");
}
 @font-face {   
    font-family: love_is_attention;
    src: url("fonts/love_is_attention/Love Is Attention.ttf");
}
 @font-face {    
    font-family: infinium_guardian;
    src: url("fonts/infinium_guardian/Infinium Guardian.ttf");  
}
 @font-face {      
    font-family: BankGothicLight;
    src: url("fonts/BankGothicLight/Bank Gothic Light.ttf");
}
 @font-face {    
    font-family: TrajanPro-Regular;
    src: url("fonts/TrajanPro-Regular/TrajanPro-Regular.ttf");
}
 @font-face {    
    font-family: MSGothic;
    src: url("fonts/MS Gothic/MS Gothic.ttf");
}
*/

/************************************************
 * @license
 * MyFonts Webfont Build ID 3258016, 2016-07-29T05:30:42-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: BankGothicBT-Light by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/bank-gothic/light/
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * Licensed pageviews: 1,010,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3258016
 * 
 * © 2016 MyFonts Inc


 @font-face {      
    font-family: 'BankGothicLight';
    src: url('http://www.blushade.com.au/fonts/BankGothicLight/BankGothicLight.ttf') format('truetype');
}
*/

@font-face {
	font-family: 'BankGothicLight';
	src: url('../fonts/BankGothicLight/31B6A0_0_0.eot');
	src: url('../fonts/BankGothicLight/31B6A0_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/BankGothicLight/31B6A0_0_0.woff2') format('woff2'),url('../fonts/BankGothicLight/31B6A0_0_0.woff') format('woff'),url('../fonts/BankGothicLight/31B6A0_0_0.ttf') format('truetype'),url('../fonts/BankGothicLight/31B6A0_0_0.svg#wf') format('svg');
	}
 
 
/************************************************/

article,aside,footer,header,main,nav,section
{display:block;}

html, body,h1,h2,h3,ul,li,a,p,dl,
article,aside,footer,header,main,nav,section
{
	Padding:0px;
	margin:0px;
}
html {
	overflow-x:hidden;
}

#bannerDIV{
	margin-left:auto;
	margin-right:auto;
	width: 960px;
}
#navDIV{
	margin-left:auto;
	margin-right:auto;
	width: 960px;
}
nav ul {
	white-space:nowrap;
}
.banner{
	height:50px;
	position: fixed;
	top:0px;
	left:0px;
	margin-left:0%;
	margin-right:0%;
	width:100%;
	z-index: 99;
	background-color:white;
	opacity:0.95;
	color:white;
	padding:10px 20px;
	/* font-family: BankGothicLight, Helvetica, Arial, sans-serif;
	font-size: 120%;*/ 
}
#bgFader{
    background-color:white; 
	position: fixed;  
	width:100%;
	height:100%;
	top:0;
	overflow:hidden;
    opacity: 1;
    z-index: -20;
}
#bgFader img {
	width:100%; 
	height:100%;
}

#WaterMark{
    position:absolute;
    right: 0px;
    top:107px;
    z-index: -1;
    background-size: 100% 100%;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    width: 100%;
	height: 100%;
}
#WaterMark img{
	width: 100%;
}

body {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	/*background-image: url("img/bg_mesh_26.png");*/
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;/*16px*/
}

#bodyContent{
	margin-left:auto;
	margin-right:auto;
	width: 960px;
}


.bodyDiv{
	margin-top:120px;
	
	}


nav {
	/* 
	background-color: #20416c;
	background-color: #000029; Dark Navy 
	font-family: BankGothicLight, Helvetica, Arial, sans-serif;
	*/
	position: fixed;
	top:70px;
	left:0;
	margin-left:0%;
	margin-right:0%;
	width:100%;
	z-index: 100;
	background-color: #6666ff;
	padding: 5px;
	margin-top: 0px;
	opacity:0.95;
}
nav li{
	color:white;
	display:inline;
	margin-left:0px; /*used to be 15px turn to zero to align the home button with body*/
	margin-right:30px; /*used to be 15px, add the 15px to keep the distance between tabs*/
	font-size:1.35em; /*20px*/
	font-variant: small-caps;
	font-weight: bold;
	
}
nav li a {
color:white;
padding: 5px;

}
nav li a.highlighted
{
color: #800000;
background-color:#8080FF;
}
nav li a.current
{
background-color: #FF9999;
color: #000029;
}
.noJS
{
background-color:#800000; 
color: white;
padding: 5px;
}
.runningClock
{
background-color: #477519;
}
main
{
	width: 640px;
	float: left;
	opacity:0.95;
	margin-bottom:50px;
}
section h2{
	padding-left:10px;
	}
section
{
    border-radius: 10px;
    color:white;
	background-color:  #434343; 
	margin-top:10px;
	padding: 15px;
	/*background: linear-gradient(45deg,#434343,#101010,#434343,#101010);
    background: linear-gradient(-45deg,#999999,#101010,#666699,#6666ff,#666699,#101010,#101010);*/
	/*
	background-color: #bbbbbb; 
	background-color:#005200; 
	background-color: #000029; //navy 
	background-color:  #0000A3; //navy
	background-image:url("bg_article05.jpg"); 
	*/
	
}
main article
{
	border-radius: 10px;
	background-color:white;
	color: black;
	margin-top: 5px;
	padding:5px;
	line-height: 130%;
}
main article div
{
	border-radius: 10px;
	padding-left:10px;
	padding-right:10px;
	
}
main article p{
	padding-left:10px;

	
}
main article h3{
	padding-left:10px;
	padding-right:10px;
	}

#asideDIV{
	float:right;
	width:310px;
	}
.bankHeaderClass{
	font-family:BankGothicLight;
	font-size:230%;
	line-height:90%;
}
.bankTypeInClass{
	font-family:BankGothicLight;
	line-height:110%;
}

aside{
	/* 
	background-color: #bbbbbb; 
	background-image:url("bg_side02.jpg");
	*/
	border-radius: 10px;
	background-color: #434343; 
	opacity:0.95;
	color: white;
	width: 270px;
	float: right;
	padding: 15px;
	margin-top: 10px;

}
aside article{
	border-radius: 10px;
	background-color: #FFFFCC;
	color: black;
	margin-top: 5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	line-height: 130%;
}

footer{
	/*clear: both;*/
	border-radius: 0 10px 0 0;
	position: fixed;
	bottom: 0px;
	color: white;
	text-align: center; 
	font-size: .625em;/*12px*/
	background-color: #6666ff;
	opacity:0.95;
	line-height: 130%;
}
footer p{
	padding:10px;
	line-height: 130%;
}
footer a {
	color:white;
}

#underConstruction{
	
	background:linear-gradient(-45deg,#FFFFFF,#FFFFFF, #ffad99,#e6e600 );
}

.slideToggleStyle{
    border: solid 1px #c3c3c3;
	padding:5px;
	width:590px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.slideToggleStyle:hover {
    background-color: #006600;
	color:white;
}

.slideStyle{
	color:#006600;
}

.videoDIV
{
	opacity:1;
}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

/* Row and Column*/
.row {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline-block
}
.row.blockDisplay {
	display: block;
}
.column_half {
	width: 50%;
	float: left;
	margin-top: 0px;
}
.columns {
	width: 33%;
	float: left;
	font-family: "Source Sans Pro";
	color: #A5A5A5;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.row .columns p {
	padding-left: 10%;
	padding-right: 10%;
}
.container .columns h4 {
	text-align: center;
	color: #01B2D1;
}



/*Discriptive List */
dl {
	padding-left:10px;
}
dt {
	font: Helvetica, Verdana, sans-serif;
	font-size: 1em;/*16px*/
    font-weight: bold;
  
}
dd {
	/*/border-bottom: 1px solid #ccc;*/
	
	}
dd:last-child {
  border: none;
}
dt,dd {
  text-decoration:;
  color: #000;
  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
  display: block;
}
dt:hover {
  font-size: 1.375em; /*22px*/
  background: #f6f6f6;
}
dt:hover+dd {
  font-size: 1.125em; /*18px*/
  background: #f6f6f6;
 
}

.imgBorderStyle01:hover  {
  box-shadow: 0 0 2px 1px rgb(8, 1, 146);
}
.imgBorderStyle01{
  border-radius: 8px;
  border: 2px solid #505050;
}


/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #33cc33;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;5
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}