.mbi_err { font-family: Calibri, Sans-Serif; font-size: 13px; color: Red; }
body { font-family: Calibri, sans-serif; color: #484848;  }
table.login_table {font-family: Calibri, sans-serif; font-size: 14px; display: inline-block; text-align: center; border-collapse: separate; border: 1px solid #D7D7D7; border-radius: 2px; box-shadow: 1px 1px 2px rgba(0,0,0,0.3) }
tr.login_title {   font-weight: 600; font-size: 24px; color: #FFFFFF; background-color: #4A90E2;  }
tr.login_section_title { font-weight:600; }
input.login_text { font-size:14px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); border-radius: 2px; border: none; padding-left:5px; width:220px; height: 30px;   }
td.login_label { font-size: 13px; font-weight: 600; }
input.login_button { cursor: pointer; border-radius: 2px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); border: none; background-color: #4A90E2; color: white; width: 70px; height: 26px; vertical-align: middle; font-weight: 600; font-size:12px }
table.login_section { background-color: #F4F4F4; border-collapse: separate; border-radius: 2px; box-shadow: 1px 1px 2px rgba(0,0,0,0.3) }
tr.login_section { font-size: 14px; font-weight: 400;  }
div.footer { font-size:12px;  }
input.login_text:focus { border: 1px solid #4A90E2 }
input.login_button:focus { background-color: #1D79E4; outline:none }

a { text-decoration: none; }
a.login_button { background-color: #4a90e2; border: medium none; border-radius: 2px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); color: white; cursor: pointer; font-size: 12px; font-weight: 600; height: 26px; vertical-align: middle; width: 70px; padding: 5px 10px; } 
h1 { margin: 0px; color: #FFF; font-family: Calibri, sans-serif; font-weight: normal; font-size: 240%; background: rgba(0,0,0,.13); padding: 10px 15px; width: auto; display: inline-block; margin-bottom: 5px; }
h2 { color: #FFFFFF; font-weight: normal; margin: 0px; }
h3 { color: #006f9e; font-weight: normal; font-family: Calibri, sans-serif; font-size: 140%; margin: 0px 0px 7px 0px; }
strong { font-family: Calibri, sans-serif; font-weight: normal; }
ul.default { margin: 0px; padding: 0px; list-style: none; color: #484848 !important; }
.banner { background: url(../images/wca-banner.jpg) center top #006f9e; border-bottom: 7px solid #e1e1e1; }
.banner .text { padding: 80px 0px; }
.container { width: 75%; max-width: 1200px; margin: 0px auto; }
/* Navigation*/
nav { border-bottom: rgba(255,255,255,.4) 1px solid;}
nav a { color: #FFFFFF; }
nav ul { }
nav ul li { float: right; width: auto; }
nav ul li a { display: block; width: 100%; text-decoration: none; text-align: center; color: #555; }
nav ul li.sup a img { height: 25px; position: absolute; top: 20px; left: 26px; }
nav ul li.sup a { opacity: .7; }
nav ul li:hover.sup a { opacity: 1; }
nav ul li.logo img { width: 150px; top: 10px; position: absolute; }
nav ul li.logo { float: left !important; }
nav ul li.register > .hov { background: rgba(239,124,34,.75); height: 100%; display: block; text-transform: uppercase; 
position: relative; margin-left: 30px; padding: 22px 15px; color: #FFFFFF; cursor: pointer; }
nav ul li.register > .hov .menu { position: absolute; display: none; }
nav ul li.register .hov .menu ul { background: #FFFFFF !important; border-radius: 0px 0px 3px 3px;
box-shadow: 0px 2px 3px rgba(0,0,0,.25) !important; width: 380px; margin-top: 66px; border-top: #D1640F 8px solid; border-top: #ef7c22 8px solid; }
nav ul li.register .hov .menu ul li { text-align: center; padding: 0px !important; border: 0px solid #e1e1e1; border-width: 0px 1px 1px 0px; text-transform: none; /*font-family: UniversLT-CondensedBold;*/
color: #555; font-size: 83%; background: transparent; text-transform: uppercase; }
nav ul li.register .hov .menu ul li img { height: 40px; display: block; margin: 0px auto 8px auto; }
nav ul li.register .hov .menu ul li:hover { color: #222; background: #f2f2f2; }
nav ul li.register .hov .menu ul li:last-child { border: 0px; }
nav ul li.register > .hov:hover .menu { position: absolute; display: block !important; right: 0px; top: 0px; }
nav ul li.register .menu strong { color: #ef7c22; }
nav ul li.register .hov:hover { background: #D1640F; background: #ef7c22; }
nav ul li.register .hov a { padding: 33px 10px; box-sizing: border-box; }
/* Formatting*/
.circle { border-radius: 200px; background: #006f9e; width: 140px; height: 140px; margin: 0px auto; margin-bottom: 15px; overflow: hidden; }
.circle img { width: 85%; padding: 20px 0px 0px 0px; }
.clear-fix { clear: both; }
.hovlign-left { text-align: left; }
.hovlign-center { text-align: center; }
.medium-blue .circle { background: #80a1b6; background: rgba(128,161,182,.4); }
.light-blue .circle { background: #0096d6; background: rgba(0,150,214,.4); }
.blue .circle { background: rgba(0,105,170,.4); }
.dark-blue .circle { background: #004474; background: rgba(0,68,116,.4); }
.medium-blue h3 { color: #80a1b6; }
.light-blue h3 { color: #0096d6; }
.dark-blue h3 { color: #004474; }
/* Middle Nav*/
.mid-nav a { display: block; color: #444; }
li:hover.medium-blue .circle { background: #80a1b6; background: rgba(128,161,182,.8); }
li:hover.light-blue .circle { background: #0096d6; background: rgba(0,150,214,.8); }
li:hover.blue .circle { background: rgba(0,105,170,.8); }
li:hover.dark-blue .circle { background: #004474; background: rgba(0,68,116,.8); }
.mid-nav li:hover a, .mid-nav li:hover h3 { color: #ef7c22; }
/* Columns*/
.col li { float: left; box-sizing: border-box !important; display: inline-block; list-style: none; padding: 50px 10px; text-align: center; }
.col4 li { width: 25%; }
.col2 li { width: 50%; }
/* mobile*/
@media only screen and (max-width: 480px) { .col { margin-top: 50px; }
.col4 li { width: 100% !important; padding: 20px 0px; }
.banner { text-align: center; }
.sup { display: none; }
}