@font-face { font-family: 'BernardMTCondensedRegular'; src: url('/webfonts/bernhc-webfont.eot'); src: url('/webfonts/bernhc-webfont.eot?#iefix') format('embedded-opentype'), url('/webfonts/bernhc-webfont.woff') format('woff'), url('/webfonts/bernhc-webfont.ttf') format('truetype'), url('/webfonts/bernhc-webfont.svg#BernardMTCondensedRegular') format('svg'); font-weight: normal; font-style: normal; }
@media screen and (max-width: 768px), (min-device-width: 481px) and (orientation:portrait) {
.mobile { display: block !important; }
.desktop, #apSurveyRibbon { display: none !important; }
.container { width: 100%; text-align: center; margin: 0 auto; padding: 0; overflow: hidden; }
footer { font-size: medium; padding-top: 1em; padding-bottom: 1em; width: 95%; background: none; border: none; color: #FFFFFF; font-weight: bold; }
footer a[href^=tel] { font-size: medium; font-weight: 700; color: #FFF; }
header a:hover .mobile { color: #FFFFFF; text-decoration: underline; }
nav .mobile { padding-top: 10px; }
h1 { padding: 0; }
.nowrap { white-space: normal; }
footer a { font-size: medium !important; }
#MOBsearch { width: 90%; margin: 0px auto; padding: 0px 0 15px 0; display: inline-block; }
.clear { width: 100%; }
header { width: 100%; height: auto; font-family: Georgia, "Times New Roman", Times, serif; font-size: xx-large; color: #FFF; font-weight: bold; text-shadow: none !important; vertical-align: middle; display: block; border: none; margin: 0 auto; }
#header { width: 100%; clear: both; min-width: 0px; padding-bottom: .5em; }
h1.mobile { font-size: xx-large; padding-top: 0.5em; text-decoration: none; color: #FFF !important; text-shadow: 1px 1px 2px #000; line-height: 1em; display: block; }
#search { clear: both; margin-right: auto; margin-left: auto; width: 100% !important; float: none; display: block; }
#cse-search-box { clear: both; float: none; margin-right: auto; margin-left: auto; display: block; font-size: small; }
#headinfo { width: 90% !important; margin-right: auto; margin-left: auto !important; float: none; display: block; height: auto; clear: both; margin-top: 0em; }
#headinfo a h1 { clear: both; float: none; margin: 0 auto; display: block; padding: 0; line-height: 1em; }
#headLinks { margin: 0 auto; height: auto; }
#headLinks a { padding: 1em .5em; clear: both; float: none; text-shadow: none; color: #CCC; display: inline-block; line-height: 200%; text-align: center !important; }
#middle { width: 100%; padding: 0em; margin: 0 auto; height: auto; min-height: 100px; }
#main { height: auto; min-height: 0px; width: 95%; padding-bottom: 2em; margin: 0 auto; padding-top: 2em; max-width: 990px; }
/*NAV */
.accordion li { background-color: #999; background-image: url(/images/gradient.png); background-repeat: repeat-x; background-position: 0 -100px; list-style: none; width: 100%; display: block; text-align: center; overflow: hidden; margin: 0px; padding: .75em 0px; }
.accordion a { font-size: x-large; vertical-align: middle; line-height: 1.5em; font-weight: bold; color: #fff; text-decoration: none !important; text-shadow: 0 1px 1px rgba(0,0,0,.3); padding: 1em 0px; }
.accordion li:hover, .accordion li:focus, .accordion a:hover { background: #ccc url(/images/gradient.png) repeat-x 0 -90px; color: #666; text-shadow: 0 1px 0 #FFFFFF; text-decoration: none !important; }
.accordion li.subhead { font-size: large; color: #000000; }
.rightCol { width: 100%; }
#welcome { width: 90%; margin: 0 auto; padding: 0; }
a.button { width: 100%; margin: 0 auto; float: none !important; clear: both; }
#headLinks { width: 80%; max-width: 840px; margin: 0 auto; }
a .rightButton, a .leftButton { width: 90%; float: none; margin: 1em auto; }
.lowermid { margin: 0 auto; width: 98%; }
.floatRight, .floatLeft { width: 90%; float: none !important; margin: 0 auto; }
.box { margin: 0 auto; }
#rightCol, #leftCol { width: 95% !important; margin: 0 auto; float: none !important; }
#right { float: NONE; width: 90%; margin-bottom: 1.5em; margin-top: 0.5em; margin-right: AUTO; margin-left: AUTO; }
#social { float: none; margin: 5px auto; width: 305px; font-size: 7px; font-weight: normal; }
#social img { margin-right: 5px; }
.box4 { width: 98%; padding: 20px; margin: .5em auto }
header h3 { font-size: medium; color: #FFFFFF; text-align: center; }
.boxmain { border-radius: 15px; box-shadow: 2px 2px 3px 1px rgba(51,51,51,.5); background-color: hsla(0,0%,100%,.93); ; text-align: center; font-size: medium; margin: .5em auto 10px auto; line-height: 1em; padding: 20px; display: block; height: auto; }
.mainright { float: right; width: 690px; }
.boxmain > p { text-align: justify; }
#mainnav { color: #666666; width: 100%; height: 30px; display: block; clear: both; }
header a h1 { color: #FFF; font: bold xx-large CaviarDreams, "Adobe Caslon Pro", Arial, sans-serif; padding-top: 5px; margin-top: 10px; display: block; white-space: normal; text-shadow: 1px 1px 2px #011151; width: 98%; margin-right: auto; margin-left: auto; clear: both; max-width: 700px; }
header a:hover { text-decoration: none; }
header a img { float: none; margin-right: auto; margin-left: auto; display: block; clear: both; }
header h2 { font: normal 24px 'Yesteryear', "cursive;"; color: #FFF; float: none; padding-right: 0em; width: 98%; display: block; margin-right: auto; margin-left: auto; }
header h3 { font-size: medium; color: #FFFFFF; text-align: center; }
#topMenu { display: none; }

#google_translate_element { font-size: x-small; margin: 0 auto 10px; width: 98%; float: none; display: block; }
}
@media screen and (max-width: 480px) {
.nophone { display: none !important; }
.phone, .mobile { display: block; }
}