/*COLORS
*/
/*RESETS*/
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
html,body{
margin: 0;
padding: 0;
font-family: "Open Sans" !important;
}
body{
font-size: 16px; /*Base font here*/
font-family: "Open Sans";
}
img{
border: none;
display: block;
}
/*LAYOUT CLASSES*/
.cf{
clear: both;
}
.cf:after{
content: "";
display: table;
clear: both;
}
.contain{
width: 960px;/*Container width here*/
margin-right: auto;
margin-left: auto;
}
.contain:after{
content: "";
display: table;
clear: both;
}
ul.navList{
padding: 0;
margin: 0;
list-style: none;
}
ul.navList li a{
text-decoration: none;
}
.inside{
padding: 1em;
}
.vh{
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*MAIN LAYOUT*/
header{
background-color: #e7dcc0
}
#logo{
}
#logo img{
padding: 0.5em 0;
/*filter: drop-shadow( 2px 2px 3px rgba(0,0,0,0.25) );*/
}
nav{
background-color: #252525;
}
.tagline{
background-color: #822726;
text-align: center;
padding: 2px;
font-size: 0.80em;
font-style: italic;
color: #E7DCC0;
font-weight: bold;
}
.tagline p{
margin: 0 auto;
}
#main{
}
#main h1{
color: #822726;
}
.content_page{
min-height: 400px;
padding-bottom: 2em;
}
.content_btn{
background-color: #822726;
padding: 0.5em;
border-radius: 5px;
color: #FFF;
text-decoration: none;
}
#menuBtn, #loginBtn{
display: none;
width: 50%;
float: left;
color: #FFF;
text-align: center;
padding: 0.5em 0;
}
#menuBtn{
background-color: #000;
}
#loginBtn{
background-color: #BBB;
}
#loginBtn a{
}
#leftBanner,
#rightBanner{
}
#olb{
text-align: center;
background-color: #252525;
}
#olb a.login_btn{
color: #e7dcc0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#817c6d+0,8e8a7d+11,3a382f+48,3a382f+52,817c6d+99 */
background: rgb(129,124,109); /* Old browsers */
background: -moz-linear-gradient(top, rgba(129,124,109,1) 0%, rgba(142,138,125,1) 11%, rgba(58,56,47,1) 48%, rgba(58,56,47,1) 52%, rgba(129,124,109,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(129,124,109,1) 0%,rgba(142,138,125,1) 11%,rgba(58,56,47,1) 48%,rgba(58,56,47,1) 52%,rgba(129,124,109,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(129,124,109,1) 0%,rgba(142,138,125,1) 11%,rgba(58,56,47,1) 48%,rgba(58,56,47,1) 52%,rgba(129,124,109,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#817c6d', endColorstr='#817c6d',GradientType=0 ); /* IE6-9 */
border-radius: 20px;
box-shadow: 3px 3px 3px rgba(0,0,0,0.8);
text-decoration: none;
padding: 0.75em 3em;
display: inline-block;
margin: 1em;
font-size: 0.8em;
}
#olb a.login_btn strong{
clear: both;
display: block;
font-size: 1.25em;
}
#olb a.login_btn:hover{
box-shadow: #E7DCC0 1px 1px 10px;
}
.homepage_content{
background-color: #822726;
padding: 1em;
line-height: 2em;
color: #FFF;
text-align: center;
font-size: 0.9em;
}
.homepage_content p{
padding: 0 18%;
margin: 0;
}
#main div.homepage_content h1{
color: #E7DCC0;
font-size: 1.25em;
margin: 0;
}
#bottom_links{
background-color: #252525;
min-height: 50px;
text-align: center;
}
#bottom_links a{
color: #e7dcc0;
display: inline-block;
padding: 0.5em;
text-decoration: none;
}
#bottom_links a:hover{
background-color: #000;
}
#bottom_links a img{
margin: auto;
}
footer{
min-height: 50px;
background-color: #680102;
border-top: 1em #822726 solid;
color: #FFF;
padding: 0.5em 0;
}
footer img{
float: left;
margin: 0.75em;
}
#ncua{
font-size: 0.75em;
width: 45%;
float: right;
}
#ncua img{
width: 35%;
margin: 0;
padding-top: 1em;
}
#ncua p{
float: right;
width: 65%;
padding: 1em;
}
/****************/
/*****RATES******/
/****************/
#rates_container{
}
.rates_effective{
clear: both;
}
.rates_nav{
clear: both;
}
.rates_button{
margin-right: 10px;
background-color: #822726;
padding: 10px;
border-radius: 10px;
color: #FFF;
}
.rates_button:hover{
background-color: #5b1c1c;
}
.rates_table{
width: 100%;
border-collapse: collapse;
}
.rates_header{
font-size: 1.5em;
font-weight: bold;
padding: 0.5em 0 0 0;
color: #5b1c1c;
}
.rates_title{
font-weight: bold;
}
.rates_bold{
font-weight: bold;
}
.rates_notes{
}
.rates_subheader{
padding: 0.5em 0 0 0;
font-size: 1.5em;
text-decoration: underline;
}
.rates_linespace{
}
.rates_aRow{
background-color: #EEE;
}
.rates_standard{
}
/****************/
/******News******/
/****************/
h2.news_title{
color: #e7dcc0;
font-size: 1.25em;
margin: 0;
}
.news_title p{
margin: 0;
display: inline;
}
.news_details{
}
/********************************/
/*******3rd PARTY LEAVING********/
/********************************/
#extDis {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1000;
}
#extDis h2{
text-align: center;
}
#extDis .extDisMsg {
background-color: #9e2d2d;
border: 5px solid #FFF;
border-radius: 10px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
color: #FFF;
margin: 3em auto;
padding: 2em;
position: relative;
text-align: left;
width: 80%;
font-size: 0.80em;
}
#extDis .extDisMsg p{
padding: 0 0 20px 0;
}
#extDis .extDisBg {
position: absolute;
width: 100%;
height: 100%;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}
#extDis a.continueBtn:hover,#extDis a.continueBtn:focus,#extDis a.closeBtn:focus {
background-color: #FAE752;
color:#000;
}
#extDis a.closeBtn, #extDis a.continueBtn {
background-color: #FFF;
color: #381404;
display: inline;
font-weight: bold;
margin: 10px 20px 0px 0px;
padding: 10px 20px;
border-radius: 10px;
cursor: pointer;
text-decoration: none;
}
.alert{
color: #FFF;
background-color: #900;
text-align: center;
font-size: 1.25em;
font-weight: bold;
}
.alert a{
background-color: #822726;
border-radius: 10px;
color: #FFF;
text-decoration: none;
padding: 1rem;
margin: 1rem;
}
.alert a:hover{
text-decoration: underline;
}