﻿@font-face { font-family: "CenturyGothic"; src: url(/styles/century-gothic.woff) format("woff") }
@font-face { font-family: "Big John"; src: url(/fonts/BIG-JOHN.otf) format('opentype') }
@font-face { font-family: "Slim Joe"; src: url(/fonts/Slim-Joe.otf) format('opentype') }
body, html {background: #ffffff;color: #272727;font-size: 14px;margin: 0;padding: 0;font-family: 'Nunito', sans-serif;}
#headerwrapper { float: right; padding: 0 5px; background: #F04F23; color: #fff; margin-left: 20px; padding: 9px 20px; }
#spacer { clear: both; background: #f8f8f8; }
.headerbanner { float: right; text-align: right; display: none; }
.logo { padding-top: 10px; /* margin-top: 40px; */ padding-bottom: 10px; }
#footer-left { color: #FFF; text-align: center; margin-bottom: 10px; }
#footer-right { color: #fff; float: right; margin-right: 10px; text-align: right; color: #fff; float: right; margin-right: 10px; font-size: 10px; text-align: right; margin-bottom: 10px; margin-right: 30px; }
#footerbar { background: #eaeaea; float: none; height: auto; margin-left: auto; /* margin-top: 100px; */ margin-right: auto; color: #000; }
    #footerbar a { color: #323232; /* padding: 5px; */ /* padding: 5px */ }
#footerdiv { clear: both; float: none; height: auto; margin-left: auto; margin-right: auto; }
#mailconfirm { text-align: center; text-align: center }
.btn { color: #000; display: inline-block; font-size: 12px; padding: 5px 5px 5px 25px; border-radius: 3px; color: #fff; display: inline-block; font-size: 12px; padding: 5px 25px 5px 25px; text-decoration: none; }
    .btn:hover { -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; background: #fff; box-shadow: 0 0 8px #000; color: #000; padding: 5px 25px 5px 25px; -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; background: #fff; box-shadow: 0 0 8px #000; color: #000; padding: 5px 25px 5px 25px }
.clear { clear: both; clear: both }
.clearmargin { margin-left: 0 !important; }
.col1-2 { float: left; margin-right: 20px; vertical-align: top; width: 48%; float: left; margin-right: 20px; vertical-align: top; width: 48% }
.galleryimg { margin-bottom: 30px; margin-left: 13px; margin-bottom: 30px; margin-left: 13px }
.invalid { background: #ffabab; border: 1px solid red; background: #ffabab; border: 1px solid red }
.invalidlogin { background: url(/images/invalid.gif) no-repeat; display: inline-block; height: 18px; vertical-align: top; width: 18px; background: url(/images/invalid.gif) no-repeat; display: inline-block; height: 18px; vertical-align: top; width: 18px }
#RecoverPassword { background: #272727; border-width: 0; color: #fff; cursor: pointer; font-size: 12px; height: 30px; width: 100%; border-radius: 5px; }
#breadcrumbs { display: none; }
.left { text-align: left; text-align: left }
.right { text-align: right; text-align: right }
.search .search-highlight { color: #0094ff; color: #0094ff }
.search .search-result { padding-bottom: 10px; padding-bottom: 10px }
.search .search-result-alt { background: #d9edf7; padding-bottom: 10px; background: #d9edf7; padding-bottom: 10px; }
.search .tags { margin-left: 15px; padding-bottom: 8px; margin-left: 15px; padding-bottom: 8px }
.search .title { font-size: 14px; padding: 15px 0 5px; text-align: left; font-size: 14px; padding: 15px 0 5px; text-align: left }
.slide img { width: 370px; width: 500px; }
.srchbtn { border: 0; padding: 0 25px; }
.submenutitle { font-size: 16px; font-weight: 400; line-height: 35px; max-width: 250px; text-align: left; width: 100%; margin-top: 25px; padding-left: 25px; font-size: 16px; font-weight: 400; display: none; line-height: 35px; max-width: 250px; text-align: left; width: 100%; margin-top: 25px; padding-left: 25px; }
.ui-datepicker-calendar .halfday > a { background: #272727; background-image: none; background-color: #000 }
.validlogin { background: url(/images/valid.gif) no-repeat; display: inline-block; height: 18px; vertical-align: top; width: 18px; background: url(/images/valid.gif) no-repeat; display: inline-block; height: 18px; vertical-align: top; width: 18px }
H1.title { text-align: left; color: #fff; font-size: 18px; line-height: 30px; font-weight: 400; padding: 20px 0 5px 0px; margin-bottom: 15px; }
INPUT.invalid { background: #ffabab; border: 1px solid red; background: #ffabab; border: 1px solid red }
INPUT.radio { font-size: 10px; }
INPUT.txt { font-size: 10px; padding: 0; }
SELECT.txt { border: #8b8176 1px solid; color: #000; border: #ccc 1px solid; color: #000; /* font-size:10px; */ }
div.title { font-weight: bold; }
fieldset { color: #8c8c8c; padding-left: 10px }
img { border-width: 0; max-width: 100%; height: auto; }
input { }
#banner { /* max-height:65vh; */ /* overflow:hidden; */ /* margin-top: -45px; */ }
input[type=text].srchbox { }
label { display: initial; }
legend { border: 0; color: #fff; font-size: 10px; line-height: normal; margin-bottom: 5px; margin-left: 5px; width: auto; border: 0; color: #fff; font-size: 10px; line-height: normal; margin-bottom: 5px; margin-left: 5px; width: auto }
select { height: auto; width: auto; height: auto; width: 100%; background: #ffffff; margin-bottom: 10px; border: #ccc 1px solid; color: #000; }
table.main { width: 1010px; width: 1010px }
textarea { width: auto; width: auto; border: #ccc 1px solid; color: #000; }
ul.clean { display: inline; padding: 4px; margin: 0; }
    ul.clean li { display: inline; list-style-type: none; color: grey; text-transform: uppercase; }
        ul.clean li a { color: #999; text-decoration: none }
            ul.clean li a:hover { color: #e8cee9; text-decoration: none; color: #e8cee9; text-decoration: none }
        ul.clean li.selected { color: #272727; font-weight: 700 }
#tabs ul#ultab li.active a:hover { color: #000; background: #fff }
#gallery #slides { width: 500px; }
.ui-datepicker-calendar .halfday > a { background: #272727; background-image: none; background-color: #000 }
.jd_menu .lid-secure { background: url(/images/lock.png) no-repeat left; padding-left: 0; background: url(/images/lock.png) no-repeat left; padding-left: 0 }
.jd_menu .student-secure { background: url(/images/lock.png) no-repeat left; padding-left: 0; background: url(/images/lock.png) no-repeat left; padding-left: 0 }
.jetmenu > li > a { color: #1D3281; /* font-weight: bold; */ }
.menu-wrapper { margin-left: auto !important; margin-right: auto; float: none !important; }
    .menu-wrapper.mnu-active { display: block; }
    .menu-wrapper.mnu-inactive { display: none; }
.center { text-align: center; }

/* guestbook */
.btn-file:hover { box-shadow: none; }
.btn-file { position: relative; overflow: hidden; box-shadow: none; margin-bottom: 7px; }
    .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block; }
input[readonly] { background-color: white !important; cursor: text !important; }
.input-group input[type=text] { width: 100%; }

/* mobile footer - contact */
#mobile-contact-footer { position: fixed; width: 100%; bottom: 0; text-align: center; display: none; }
    #mobile-contact-footer a { margin: 20px; display: inline-block; }

#close-contentedit { display: none; position: fixed; right: 0; top: 0; padding: 5px 20px; color: #fff; font-size: 14px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABYElEQVQ4T33TzUpWURjF8d8raIEjBw28gC4gEMpJA0FwEkYEEokD0yJp3o04kEgb9N0kSgQ/wCt476CaNwuqSQ1KVuxN282rGw7nsM9Z/+fZaz1n4P+6grd4jPfNfvs4i+d4iKO8GJS3MzjED0xjaQQk4gN8wyUsBhLANewX4l1sYbmDVPEbPELuC4EE8AkTuIzfGMPTBvK1VM7x7uMvLuBLdAHM40OhruFPB/lVvFkv4hR4hjvpsnpwHiTAkeL4VAHx8ixIWs51qnI1uQWcBcn+SHEbY826dvEa8SOVe8BtfKyCUUd41Z0531Zjd4p5t7DXdlArv2yiqm2ni9UGsl0gNzM/bYwv8KAzLO1mvcO9LuLE+G+QPmO8G6TkHPGNAtjtIBeL7nsAV8ukHZfWnjTi7GXNIZBM40a5X0/01cQK+YmpUrmKq+EVkp9psszNsE0hkLSen6UXt5BNrGCYzROM5Wjh8QABoQAAAABJRU5ErkJggg==) no-repeat right center; border-bottom: 1px solid #000; border-left: 1px solid #000; -moz-box-shadow: 0 0 10px 0 rgba(50,50,50,.75); z-index: 5000; }
    #close-contentedit a { color: #000; font-weight: bold; margin-right: 20px; }

.banners-left, .banners-right, .topheader { display: none; }
header { background-color: #FFFFFF; position: relative; z-index: 999; }

.httperror { font-size: 32px; font-weight: bold; text-align: center; margin: 80px 0; color: #CF403F; }
