body { font-size:16px; line-height:1.6em; letter-spacing:.02em; background-color: #fff;}
body{ font-family:Times, "Times New Roman", serif}
html, body{ height: 100%; }
h1, h2, h3, h4, h5 { line-height: 1.6em; margin: 0; font-weight:400; color:#fff; font-family: "trajan-pro-3",sans-serif;}
h1 { font-size: 200% }
h2 { font-size: 175% }
h3 { font-size: 150% }
h4 { font-size: 125% }
h5 { font-size: 110% }
strong { font-size: 101%; font-weight: bold }
b { font-size: 101%; font-weight: bold }
em { font-style: italic }
i { font-style: italic }
p { padding: 5px 0; }
img{ border:none; }

ul {
   list-style-type: disc;
   list-style-position: inside;
}
ol {
   list-style-type: decimal;
   list-style-position: inside;
}
ul ul, ol ul {
   list-style-type: circle;
   list-style-position: inside;
   margin-left: 15px; 
}
ol ol, ul ol {
   list-style-type: lower-latin;
   list-style-position: inside;
   margin-left: 15px;
}

.body {  min-height: 100%;  /* equal to footer height */  margin-bottom: -65px; }
.body:after { content: "";  display: block;}
.footer, .body:after { /* .push must be the same height as footer */  height: 65px; }

.topbar {position:fixed; width:100%; left:0}
.header {background:transparent url(/assets/santaanacc/media/navbar.png) repeat-x 0 0}
.logo {background:transparent url(/assets/santaanacc/media/white-logo2.png) no-repeat 0 0; width:94px; height:98px; display:block; float:left; text-indent:-5000px; position:absolute; left:50%; margin-left:-47px;}
.navigation {width:1000px; margin:0 auto; height:45px; position:relative; background:transparent url(/assets/santaanacc/media/watermark.png) no-repeat center center;}
.lowerbar {width:960px; margin:0 auto; height:35px; line-height:35px; color:#fff; font-size:18px; font-family: "trajan-pro-3",sans-serif;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.6);}
.lower-left {line-height:35px; float:left; width:300px; padding-left:10px; text-align:left}
.lower-right {line-height:35px; float:right; width:340px; padding-right:10px; text-align:right; position:relative; font-size:12px}
.login-btn {background:url(/assets/santaanacc/media/small-lock.png) no-repeat left center; text-decoration:none; color:#fff; padding-left:12px; }
#login-Box { position: absolute; width:205px; font-size:11px; padding:5px; left:10px; top:45px; color:#fff;
   background-color: transparent;
  background-color: rgba(0, 0, 0, 0.6); text-align:right;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
background-clip: padding-box;}
#login-Box .field {display:block; float:left}
#login-Box .field label {float:left; width:60px; padding-right:8px; text-align:left}
#login-Box .field input {float:right}
#login-Box .button {display:block; float:right}
.home {  position:absolute; width:1000px; height:55px; padding-top:8px; bottom: 1%; left:50%; margin-left:-500px; 
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.6);
}
.home h1 {text-align:center; font-weight:500; font-size:14px; font-style:italic;  color:#fff!important; position: relative;}
.wide-box {width:500px!important; text-align:center!important;}
.wide-box .pad {padding:10px; background:white; color:#000!important}
.wide-box .pad h4 {color:#000}
.splash .site-content {padding-top:200px;}
.site-content {padding-top:305px;}
.inner-content { width:960px; margin:0 auto; min-height:590px; padding:0 0 30px!important;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.6);}
.page-header {background:#24449f; border-bottom:1px solid #ffea3a!important; color:#fff; padding:5px 10px!important }
.page-content {margin:0px 15px}
.page-content-left {margin:0px 15px}
.page-content-right {margin-right:10px}
#play-button {float: left; margin-left:50px; color:#fff; font-size:10px; text-align:center; line-height:1em; cursor:pointer }
#play-button img {display:block; height:24px; width:24px; margin:0 auto}

#staff-table {padding:0;margin:0;}
#staff-table td, #staff-table img {vertical-align:top}
.address-input {  width: 200px;  background-color: transparent;  border: 0px none;  border-bottom: 1px solid #333;  color: #24449f;  font-size: 12px}
.submit-link {  background: none;  border: 0px none;  border-bottom: 1px solid #24449f;  font-size: 14px;  color: #24449f;  padding: 0 5px;  margin-left: 10px}

.footer { }
.foot-info {width:940px; margin:0 auto; color:#000;  padding:30px 10px ; border-top:1px solid #ffea3a;
 background-color: transparent;
  background-color: rgba(255, 255, 255, 0.6);}
.splash .footer {background-color:transparent}
.splash .foot-info {width:940px; margin:0 auto; color:#fff; font-size:11px; text-align:center; padding:10px;  background-color: transparent; border-top:0px solid #ffea3a;}
.foot-info {font-family: "trajan-pro-3",sans-serif; font-size:10px; font-weight:600; line-height:1.2em}
.splash {height:0!important}
.drop a{color:#fff; font-size:14px; text-decoration:none; text-transform:uppercase; font-family: "trajan-pro-3",sans-serif;}
ul.drop { margin: 0px auto; padding: 0px; display: block; height: 44px; line-height:42px; width: 1000px; padding-left: 0px; text-align: left; position:relative; z-index:999}
ul.drop li ul { text-align: left }
ul.drop li { list-style: none; position: relative; top: 1px; display: inline-block; *display:inline; zoom: 1; padding:0; margin:0; width:150px; text-align:center}
ul.drop li a { float: none; display: block; padding:0px; line-height:44px;   }
ul.drop li a:hover { color: #FDF092; }

ul.drop .login-btn { display: none;}
ul.drop .mobile-login {display:none}

ul.drop .first, ul.drop .first a {}
ul.drop .first {}
ul.drop .last, ul.drop .last a {padding-right:0; margin-right:0; width:175px;}

/* Submenu */
ul.drop li li { margin-left:0px; text-align: left; border-right:0; margin:0; top:-7px; padding:0; width:100%}
ul.drop li li a { padding:0px; font-size:12px; color:#fff; text-align:left; margin:0; line-height:30px; display:block }
ul.drop li > ul { display: none; position: absolute; left: 0px; top: 100%; *top:94%; padding: 0px;  margin: 0px; background-color:#193066;  border-top: none; }
ul.drop li:hover > ul { display: block; }
ul.drop li ul li, ul.drop li ul li a { float: none; text-transform: none; text-decoration: none; background-image: none }
ul.drop li ul li { _display: inline; }

/* Sub submenu */
ul.drop li ul li a {  display: block; min-width:180px; padding:0 10px}
ul.drop li ul li a:hover { color: #555; background: #F0F0F0; }
ul.drop li ul li ul { top: 0px; left: 101%; }

ul.drop .spacer {width:75px;}
ul.drop .spacer a{display:block; text-indent:-5000px}

.round {-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.bot-round {-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;}




.slicknav_menu { display: none; }
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul, .slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1}
/*    User Default Style
    Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu { font-size: 16px; }
/* Button */
.slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #2a2a2a; }
/* Button Text */
.slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; }
/* Button Lines */
.slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; }
.slicknav_menu { background: #09266B url(/assets/santaanacc/media/mobile-logo.png) no-repeat 10px 0px; padding: 5px; }
.slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; }
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; }
.slicknav_nav ul { padding: 0; margin: 0 0 0 20px; }
.slicknav_nav .slicknav_item { padding: 5px 10px; margin: 2px 5px; }
.slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; }
.slicknav_nav .slicknav_item a { padding: 0; margin: 0; }
.slicknav_nav .slicknav_item:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #efefef; color: #09266b; }
.slicknav_nav .slicknav_item:hover a{ color: #09266b; }
.slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #efefef; color: #09266b; }
.slicknav_nav .slicknav_txtnode { margin-left: 15px; }

@media screen and (max-width:59.9999em) {
.splash .wrapper {min-height:100%}
.wrapper {min-height:1em}
.header {display:none;}
.home {height:40%; top:10%; width:70%; position:relative; margin:0 auto; left:0;
  background-color: transparent;
}
.home h1 {text-align:center; }
    #play-button {display:none}
.site-content {width:100%; padding-top:0px}
.inner-content {width:100%; min-height:100%}
.page-header {font-size:120%}
.footer {height:150px; background-color:#fff; color:#000}
  .foot-info {height:150px; background-color:#fff; color:#000; width:100%}
.splash .footer { background-color:#fff;}
 .splash .foot-info {width:100%}
  .js .drop { display: none; }
.js .slicknav_menu { display: block; }
.slicknav_menu .login {display:none }
.slicknav_menu .spacer {display:none }
  #supersized img {left:0!important}
}

@media screen and (max-width:35em) {
.splash .wrapper {min-height:100%}
  .wrapper {min-height:1em}
.header {display:none;}
.home {height:40%; top:10%; width:70%; position:relative; margin:0 auto; left:0;   background-color: transparent;}
.home h1 {text-align:center; }
  #play-button {display:none}
.site-content {width:100%; padding-top:0px}
.inner-content {width:100%; min-height:100%}
.page-header {font-size:120%}
.page-content .float-rt {display:block; width:100%}
.footer {height:150px; background-color:#fff; color:#000}
  .foot-info {height:150px; background-color:#fff; color:#000;  width:100%}
.splash .footer {}
 .splash .foot-info { width:100%}
  .js .drop { display: none; }
.js .slicknav_menu { display: block; }
.slicknav_menu .login {display:none }
.slicknav_menu .spacer {display:none }
    #supersized img {left:0!important}
}
