Notice: Undefined index: template_base in /home/auburnarea/public_html/templates/desktop/acc/css/main-css.php on line 8
Notice: Undefined index: theme_file in /home/auburnarea/public_html/templates/desktop/acc/css/main-css.php on line 9
Notice: Undefined index: bgcolor in /home/auburnarea/public_html/templates/desktop/acc/css/main-css.php on line 10
Notice: Undefined index: page_bg in /home/auburnarea/public_html/templates/desktop/acc/css/main-css.php on line 11
Notice: Undefined index: txtcolor in /home/auburnarea/public_html/templates/desktop/acc/css/main-css.php on line 12
Notice: Undefined index: linkcolor in /home/auburnarea/public_html/templates/desktop/acc/css/main-css.php on line 13
Notice: Undefined index: hovercolor in /home/auburnarea/public_html/templates/desktop/acc/css/main-css.php on line 14
Notice: Undefined index: accent_color in /home/auburnarea/public_html/templates/desktop/acc/css/main-css.php on line 15
Notice: Undefined index: form_bg in /home/auburnarea/public_html/templates/desktop/acc/css/main-css.php on line 16
Notice: Undefined index: button_text in /home/auburnarea/public_html/templates/desktop/acc/css/main-css.php on line 17
Notice: Undefined index: button_color in /home/auburnarea/public_html/templates/desktop/acc/css/main-css.php on line 18
Notice: Undefined index: form_text in /home/auburnarea/public_html/templates/desktop/acc/css/main-css.php on line 19
Notice: Undefined index: form_highlight in /home/auburnarea/public_html/templates/desktop/acc/css/main-css.php on line 20
svg {
height: 0;
width: 0;
}
.loading {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 45px;
background-color: transparent;
z-index: 3000;
opacity: 1;
text-align: center;
}
.loading img {
position: relative;
margin: 2.5px;
z-index: 3001;
width: 40px;
}
.loading .load_box {
background-color: #fff;
border: 1px #ccc solid;
width: 45px;
height: 45px;
margin-left: auto;
margin-right: auto;
box-shadow: 0px 3px 5px #404040 !important;
}
#info {
position: fixed;
top: 0;
left: 0;
z-index: 1002;
background-color: #000;
text-align: right;
padding: 10px;
font-size: 0.875em;
display: none;
color: #66ff66;
}
.clear {
clear: both;
}
.maintenance_1, .maintenance_2 {
position: absolute;
z-index: 1020;
top: 150px;
left: 5px;
border: 1px #000 dotted;
background-color: #000;
color: #66ff66;
opacity: 0.8;
}
.maintenance_1 p, .maintenance_2 p {
color: #66ff66;
}
.maintenance_2 {
top: 250px;
}
/* start */
html, body {
margin: 0;
padding: 0;
font-size: 16px;
font-family: 'Domine', serif;
}
a, a:active, a:visited {
color: #237abd;
}
a:hover {
color: #4c4c4e;
}
#main_wrap {
width: 100%;
overflow: hidden;
position: relative;
}
#main {
width: 97%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
min-height: 800px;
padding-top: 90px;
position: relative;
}
#main img {
max-width: 100%;
height: auto;
}
#header {
height: 125px;
width: 100%;
background-color: #237abd;
position: relative;
}
#sub_header {
min-height: 20px;
max-height: 140px;
height: auto;
background-color: #fff;
width: 80%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 45px;
border: 2px #ab9b75 solid;
box-shadow: 0px 3px 5px #404040;
line-height: 100%;
position: relative;
}
#sub_header .logo {
height: 130px;
float: left;
margin-top: 5px;
margin-left: 5px;
}
#sub_header .logo_text {
width: 100%;
max-width: 380px;
float: right;
margin-right: 30px;
}
#sub_header .bnr {
width: 100%;
max-width: 1200px;
border: 0;
margin: 0;
}
#msub_header .sbnr {
width: 100%;
max-width: 556px;
border: 0;
margin: 0;
}
#msub_header {
background-color: #fff;
min-height: 20px;
height: auto;
width: 90%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 45px;
border: 2px #ab9b75 solid;
box-shadow: 0px 3px 5px #404040;
line-height: 100%;
display: none;
}
.hrow {
width: 100%;
max-width: 1200px;
margin-top: 0px;
min-height: 140px;
position: relative;
}
.hcolumn {
float: left;
min-height: 140px;
border: 0px #ccc solid;
}
.hleft {
width: 30%;
position: relative;
min-width: 245px;
}
.hright {
width: 30%;
line-height: 140px;
min-width: 245px;
}
.hmiddle {
width: 40%;
position: relative;
}
.hmiddle_space {
width: 97%;
margin-left: auto;
margin-right: auto;
padding: 0;
}
.hmiddle img, .hleft img {
max-width: 100%;
height: auto;
position: absolute;
bottom: 0px;
}
/* used to replace */
.headline {
background-image:url(//images/template/header-bg.png);
background-repeat: repeat-x;
background-color: transparent;
width: 99%;
height: 36px;
margin-left: auto;
margin-right: auto;
line-height: 36px;
text-align: center;
}
.headline span {
display: block;
width: auto;
max-width: 400px;
height: 36px;
background-color: #237abd;
color: #fff;
margin-left: auto;
margin-right: auto;
text-align: center;
border: 2px #ab9b75 solid;
font-size: 26px;
font-weight: 300;
text-transform: uppercase;
font-family: 'Domine', serif;
letter-spacing: 3px;
}
.hr, hr {
background-size: contain;
border: 0;
background-image:url(//images/template/header-bg.png);
background-repeat: repeat-x;
background-color: transparent;
width: 99%;
height: 36px;
margin-left: auto;
margin-right: auto;
}
#top_view {
height: 400px;
width: 100%;
background-image:url(//images/template/topBg.png);
background-repeat: repeat-x;
background-position: bottom;
}
#bottom_view {
height: 100px;
width: 100%;
background-image:url(//images/template/bottomBg.png);
background-repeat: repeat-x;
background-position: bottom;
text-align: center;
margin: 0;
padding: 0;
line-height: 1.5;
color: #ccc;
font-size: 12px;
overflow: hidden;
}
#bottom_view a, #bottom_view a:active, #bottom_view a:visited {
color: #ccc;
}
#bottom_view a:hover {
color: #fff;
}
#main_menu {
width: 100%;
min-height: 40px;
background-color: #4c4c4e;
border-left: 0px #000 solid;
border-right: 0px #000 solid;
border-bottom: 0px #000 solid;
background-image:url(//images/template/buttonBar.png);
background-repeat: repeat-x;
box-shadow: 0px 3px 5px #404040 !important;
margin-left: auto;
margin-right: auto;
position: relative;
}
#main_menu a {
display: block;
height: 40px;
text-decoration: none;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
font-family: 'Domine', serif;
letter-spacing: 3px;
}
#main_menu a, #main_menu a:active, #main_menu a:visited {
color: #fff;
}
#main_menu a:hover {
color: #237abd;
}
.mini_menu a, .mini_menu a:active, .mini_menu a:visited {
color: #4c4c4e !important;
}
.mini_menu a:hover {
color: #fff !important;
}
.mini_menu {
list-style: none;
margin: 0;
padding: 0;
width: 80%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
border: 2px #ab9b75 solid;
box-shadow: 0px 3px 5px #404040 !important;
display: none;
z-index: 1000;
position:relative;
bottom: -10px;
}
.mini_cont {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
max-width: 230px;
margin-left: auto;
margin-right: auto;
display: none;
}
.first_menu {
list-style: none;
margin: 0;
padding: 0;
min-width: 250px;
max-width: 1200px;
width: auto;
margin-left: auto;
margin-right: auto;
}
.first_menu li, .mini_cont li {
margin: 0;
padding: 0;
display: inline-block;
min-width: 120px;
width: 230px;
text-align: center;
line-height: 40px;
border: 0;
border-left: 1px #4c4c4e solid;
position: relative;
}
.mini_cont li {
border-right: 1px #4c4c4e solid;
}
.mini_menu li {
margin: 0;
padding: 0;
display: block;
min-width: 120px;
width: 100%;
text-align: center;
line-height: 40px;
border: 0;
border-top: 1px #4c4c4e solid;
position: relative;
}
.first_menu li:hover, .first_menu li:active, .mini_cont li:hover, .mini_cont li:active {
background-color: rgba(255, 255, 255, 0.7);
}
.mini_menu li:hover, .mini_menu li:active {
background-color: rgba(35, 122, 189, 0.3);
}
.first_menu li.fst {
border-left: 0;
}
.first_menu li.lst {
border-right: 0;
}
.mini_menu li.fst {
border-top: 0;
}
.allsubs {
display: none;
position: absolute;
top: 44px;
background-color: #fff;
border: 2px #ab9b75 solid;
box-shadow: 0px 3px 5px #404040 !important;
}
.allsubs ul {
list-style: none;
margin: 0;
padding: 0;
}
.allsubs li {
border: 0;
border-bottom: 1px #444 solid;
}
.allsubs li.slst {
border: 0;
}
#footer {
margin-top: 30px;
}
#back-top {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 2050;
width: 50px;
height: 50px;
text-align: center;
padding: 0;
border: 2px #ab9b75 solid;
box-shadow: 0px 3px 5px #404040;
background-color: #237abd;
}
#back-top a {
display: block;
color: #fff;
width: 50px;
height: 50px;
padding: 0;
margin: 0;
text-align: center;
line-height: 50px;
}
.row {
width: 100%;
max-width: 2000px;
margin-top: 90px;
min-height: 800px;
}
.column {
float: left;
}
.left, .right {
width: 20%;
}
.middle {
width: 60%;
line-height: 1.6;
}
.middle_space {
width: 97%;
margin-left: auto;
margin-right: auto;
padding: 0;
}
.middle img {
max-width: 100%;
height: auto;
}
#top_view {
height: 125px;
}
@media only screen and (max-width : 1255px){
.left {
width: 0;
}
.middle {
width: 70%;
}
}
@media only screen and (max-width : 1175px){
.first_menu {
display: none;
}
.mini_cont {
display: block;
}
}
@media only screen and (max-width : 1035px){
.right {
width: 100%;
clear: both;
text-align: center;
}
.middle {
width: 100%;
clear: both;
}
.fb-page {
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width : 915px){
#header {
height: auto;
}
#sub_header {
display: none;
}
#msub_header {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
}
@media only screen and (max-width : 800px){
#sub_header {
text-align: center;
}
.allsubs {
position: relative;
clear: both;
top: 0;
background-color: #ccc;
}
#sub_header .logo {
height: 100px;
float: none;
margin-left: auto;
margin-right: auto;
clear: both;
}
#sub_header .logo_text {
float: none;
margin-left: auto;
margin-right: auto;
clear: both;
max-width: 250px;
}
}