@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*********************************************************/
html {overflow-y: scroll;}
body {margin: 0; padding:0 ;background-image: url(../images/body-bg.jpg); background-position:top; background-repeat: no-repeat;}
img{border:none; outline: none;}
.clear {margin: 0; padding: 0; clear: both;}



#container {width:960px; margin: 0 auto; margin-bottom:25px; overflow:hidden; background:url(../images/footer-bg.png) no-repeat bottom right; -webkit-box-shadow:0px 2px 3px 4px #999;-moz-box-shadow:0px 2px 3px 4px #999;box-shadow: 0px 2px 3px 4px #999;border-radius: 0px 0px 15px 15px;-moz-border-radius: 0px 0px 15px 15px;-webkit-border-radius: 0px 0px 15px 15px;}

#header{width: 960px; height:93px; margin: 0 auto; padding: 0;}

#logo {display: block;float: left;width: 315px;padding: 0px;margin: 15px 0 0 25px;}

#topnav{float: right; margin: 17px 25px 0 0; text-align: right; width: 390px; }
#topnav ul {margin: 0px; padding:0;}
#topnav ul li{ display: inline;}
#topnav ul li a{padding: 0px 10px;border-right: 1px solid #111111;color: #111111; text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;font-size: 12px;}
#topnav ul li a:hover{text-decoration:underline;color:#EE1C25;}
#topnav ul li a.last {border: none; padding-right:0;}

#content{width: 910px;clear: both;margin: 0 auto;padding: 0 25px 10px 25px;}

#onlineBox{width:227px; float:left; overflow:hidden; margin-top: 66px;margin-right: 0;margin-bottom: 0;margin-left: 0;}
#login-box{background: url(../images/login-bg.jpg) no-repeat;height:202px;padding-top: 35px;padding-right: 15px;padding-bottom: 0;padding-left: 15px;}
#login-box h2{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:17px; color:#FFF;}
#login-box h3{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color: #FFF;}
#login-box p{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px;margin: 2px 0; color:#FFF;}
#login-box ul{padding:0; margin:0; list-style:none;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#login-box ul li{border-bottom:1px dotted #FFF; padding:4px 0;}
#login-box ul li.last{border:none;}
#login-box ul li a{text-decoration:none; color:#FFF;}
#login-box ul li a:hover{color:#EE1C25;}
.btn{cursor: pointer; width:60px; height:20px; background:url(../images/btn.jpg) no-repeat top; border:none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;}
.btn:hover{}



#text-area{min-height:690px; padding-top:85px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:18px; font-size:13px;}
#text-area h1{font-size:25px; margin-bottom:20px;}
#text-area h2{font-size:16px; margin-bottom:15px; color:#EE1C25; font-weight:bold;}
#text-area p{font-size:13px; margin-bottom:10px;}
#left-box{width:207px; float:left; margin:40px 20px 0 0;}
#right-box{width:683px;float:left;}
#right-box ul{padding-left:20px; margin-bottom:20px;}
#right-box ul li{list-style:outside;}
#side-nav{background:url(../images/side-bg.png) repeat top left; padding:15px; color:#fff; border-radius: 5px 5px 5px 5px;}
#side-nav h1{color:#fff; font-size:18px; padding-bottom:5px; margin-bottom:10px;}
#side-nav li{font-size:13px; border-bottom:1px dotted #fff; margin-bottom:5px;}
#side-nav li a{color:#fff; text-decoration:none; display:block;}
#side-nav li a:hover{color:#EE1C25;}


.Tre12White{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#FFF;}
.Tre12Yellow{color:#FFFF00 !important;}
.dislaimer {line-height:14px;}
.dislaimer p{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; color:#111;}
.dislaimer h1{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#111; font-weight:bold;}
.AlignRight{text-align:right;}
.AlignCenter{margin: 0 auto; width:50%;}

/****TABS****/
#tabs{position:relative; overflow: visible;line-height:15px;margin:10px 0px; height:220px;}
#tabs h2{font-family: Georgia, "Times New Roman", Times, serif;font-weight:bold; font-size:22px; color:#FFF; line-height:25px; padding-bottom:12px;}
#tabs a{text-decoration:none;}
#tabs p{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#FFF;}
#tabs p:hover{color: #FF0;}
#tabs img{float:right; margin:-3px 0 0 5px;}

#tab1{position:absolute;left:0;height:196px;width:165px;padding:12px 8px 12px 25px;background: url(../images/tab-bg.png) no-repeat;z-index:4;}
#tab1:hover{background: url(../images/tab-hover.png) no-repeat;left:19px;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

#tab2{position:absolute;left:178px; height:196px;width:165px;padding:12px 8px 12px 25px;background: url(../images/tab-bg2.png) no-repeat;z-index:3;}
#tab2:hover{background: url(../images/tab-hover2.png) no-repeat;left:197px;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

#tab3{position:absolute;left:356px; height:196px;width:165px;padding:12px 8px 12px 25px; background: url(../images/tab-bg.png) no-repeat;z-index:2;}
#tab3:hover{background: url(../images/tab-hover.png) no-repeat;left:375px;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

#tab4{position:absolute;left:534px; height:196px;width:165px;padding:12px 8px 12px 25px;background: url(../images/tab-bg2.png) no-repeat;z-index:1;}
#tab4:hover{background: url(../images/tab-hover2.png) no-repeat;left:553px;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

#tab5{position:absolute;left:712px; height:196px;width:165px;padding:12px 8px 12px 25px; background: url(../images/tab-bg.png) no-repeat;z-index:0;}
#tab5:hover{background: url(../images/tab-hover.png) no-repeat;left:731px;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

/****END TABS****/

#iconad{position:relative; margin:10px 0px; height:43px; padding-bottom:25px;}
#iconad h1{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px; font-weight:bold; color:#EE1C25; padding-bottom:6px;}
#iconad p{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; color:#111; padding-bottom:4px;}
#iconad a{color:#6F6F00; text-decoration:none;}
#iconad a:hover{color: #EE1C25; text-decoration:underline;}
#iconad img{float:left; margin-right:5px;}
#ad1{width:283px; float:left; margin-right:30px;}
#ad2{width:283px; float:left; margin-right:30px;}
#ad3{width:283px; float:left;}

hr.red { border: 0; height: 2px;background: #EE1C25;
}
hr.small { border: 0; height: 1px; width:70%; background: #111;
}

#footer{margin: 0; width: 910px; text-align:center;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;font-size: 11px; line-height:11px;}
#footer ul {margin: 0px; padding:0;}
#footer ul li{ display: inline;}
#footer ul li a{padding: 0px 10px;border-right: 1px solid #111111;color: #111111; text-decoration: none; }
#footer ul li a:hover{text-decoration:underline;color:#EE1C25;}
#footer ul li a.last {border: none; padding-right:0;}
/* FDIC Override */
body.home {
    background-position: center 41.6px;
}


.alert { 
  background-color: #f44336; /* Red */
  color: white !important;
  font-family: 'Source Sans Pro 3', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 14px;
  text-align: center; 
  position:fixed;
  top:0;
  left:0;
  width:100%;
  display: block;
}

.alert div {
	padding:10px;
}

body.home{
	padding-top:50px;
	background-position: center 71.6px !important;
}
@media(min-width:768px){
body.home{
	padding-top:30px;
	background-position: center 71.6px !important;
}
}
.alert a{
	  color: white !important;
	text-decoration: underline;
}

.alert a:hover{
	  color: white !important;
	text-decoration: none;
}

/* The close button */
.closebtn {
  padding:10px;
  margin-left: 15px;
  margin-right: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
}



 /* The Modal (background) */
.modal {
  font-family: 'Source Sans Pro 3', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 10% auto; /* 15% from the top and centered */
  padding:20px 30px;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  width:80%; /* Could be more or less, depending on screen size */
  max-width: 540px;
}

.modal-header{
	padding:0 0 20px 0px;
}
.modal-content p{
	margin-bottom:20px;
}
.modal-content a{ 
  	text-decoration: underline;
}

.modal-content a:hover{ 
  	text-decoration: none;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 

.ul-list{
	margin-left:25px;
	list-style-type:disc;
}

.ul-list li {
  margin-bottom:20px;
}

.ul-list li::marker {
  color: red; 
}