/*** GENERAL STYLES ***/

body {background: #000; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: tahoma, arial, helvetica, sans-serif; font-size: 13px; color: #ccc;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 16px;}
h1, h2, h3, h4, h5, h6 {color: #fff;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #ff0; /*text-decoration: none;*/ text-decoration-color: transparent;}
a:hover {color: #ff0; text-decoration: underline;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 10px; line-height: 13px;}
.white {color: #fff;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 20px 20px 0;}
.imgright {float: right; margin: 0 0 20px 20px;}
img.imgborder {border: 1px solid #333;}
div.imgborder {border: 1px solid #333; padding: 2px;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #3164ca; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** STRUCTURAL STYLES ***/

#bkg {background: url(images/bkg.jpg) center top repeat-y;}
#bkgtop {background: url(images/bkg-top.jpg) center top no-repeat;}
#bkgbottom {background: url(images/bkg-bottom.jpg) center bottom no-repeat; padding-bottom: 60px;}

#top {position: relative; width: 950px; margin: 0 auto; text-align: left; height: 180px;}
#top h1 {position: absolute; right: 0; top: 12px; font-size: 12px; z-index: 10;}
#top h1 a {color: #fff;}
#top h2 {position: absolute; right: 0; top: 30px; font-size: 11px; z-index: 10;}
#top h2 a {color: #99a3ad;}
#logo {text-align: center;}
#logo a {position: relative; z-index: 20;}
#headerfish {position: absolute; left: 0; top: 0; z-index: 1;}
#topbkg {position: absolute; left: 0; bottom: 0; width: 100%; height: 39px; overflow: hidden; background: url(../images/top.png) center bottom no-repeat; z-index: 1;}

#outer {position: relative; width: 942px; margin: 0 auto; text-align: left; padding: 0 4px; overflow: hidden; z-index: 1;}
#outerbkg {position: absolute; left: 0; top: 0; width: 950px; height: 100%; overflow: hidden; background: url(../images/outer.png) center top repeat-y; z-index: 1;}
#inner {position: relative; border: solid #cc0; border-width: 0 2px; padding: 5px 5px 0; background: #000; overflow: hidden; z-index: 10; zoom: 1;}
#content {position: relative; float: right; width: 602px; padding: 45px 30px 0 25px;}
#sidebar {position: relative; float: left; width: 227px; min-height: 365px; padding: 25px 20px 5px; background: url(../images/sidebar.jpg) left top repeat-x;}


/*** NAV STYLES ***/

#nav {position: absolute; left: 0; bottom: 0; width: 928px; height: 31px; line-height: 31px; overflow: hidden; background: #02359b url(../images/nav.gif); margin: 0 11px; z-index: 100;}
#nav li {float: left;}
#nav a {display: block; padding: 0 11px; font-size: 12px; font-weight: bold; text-transform: uppercase;}
#nav a:hover, #nav li.on a {background: url(../images/nav.gif) 0 -31px; text-decoration: none;}
#nav li.on a {color: #fff;}


/*** CONTENT AND SIDEBAR STYLES ***/

#content h1 {font-size: 18px; line-height: 24px; margin-bottom: 1em;}
#content h2 {font-size: 14px; color: #00d1ed; padding: .25em 0 5px;}
#content h2 a {color: #00d1ed;}
#content h3 {padding-bottom: 2px;}
#content p {margin-bottom: 2em;}
#content ul {margin-bottom: 2em;}
#content ul li {padding-left: 10px; background: url(../images/bullet.png) 0 6px no-repeat; margin-bottom: 3px;}

#content-promo {position: relative; float: right; width: 800px; padding: 45px 30px 0 25px;}
#content-promo h1 {font-size: 24px; line-height: 24px; margin-bottom: 1em;}
#content-promo h2 {font-size: 14px; color: #00d1ed; padding: .25em 0 5px;}
#content-promo h2 a {color: #00d1ed;}
#content-promo h3 {padding-bottom: 2px;}
#content-promo p {margin-bottom: 2em;}
#content-promo ul {margin-bottom: 2em;}
#content-promo ul li {padding-left: 10px; background: url(../images/bullet.png) 0 6px no-repeat; margin-bottom: 3px;}


#topphoto {margin: -45px -30px 45px -25px; width: 657px; overflow: hidden;}

#sidebar h2 {font-size: 14px; margin-bottom: 15px;}
#sidebar dl {margin: 0 0 1.5em 0; overflow: hidden; font-size: 12px;}
#sidebar dt {clear: both; float: left; width: 65%; margin: 0; padding: 0;}
#sidebar dd {clear: none; float: right; width: 25%; margin: 0; padding: 0;}


/*** FOOTER STYLES ***/

#footer {position: relative; width: 950px; margin: 0 auto; padding-top: 55px; z-index: 20;}
#footerbkg {position: absolute; left: 0; top: 0; width: 100%; height: 25px; overflow: hidden; background: url(../images/footer.png) center top no-repeat;}
#footer li {display: inline; text-transform: uppercase;}
#footer a {color: #fff;}
#footer a:hover {color: #ff0;}
#copyright {color: #ccf; margin: 1em 0;}


/*** SPECIFIC PAGE STYLES ***/

body.birthdays #content {float: left; width: 497px; padding: 25px 30px; background: url(../images/sidebar.jpg) left top repeat-x;}
body.birthdays #sidebar {float: right; width: 367px; padding: 0; background: none;}
body.birthdays #sidebar p {margin-bottom: 5px;}

body.home #content {width: 657px; padding: 0;}
body.home #topphoto {margin: 0;}
#homenews {height: 300px; overflow: hidden; margin-bottom: 20px;}
#homemorenews {font-size: 11px;}

#homepromos {width: 950px; overflow: hidden; margin: -20px auto 0;}
.homepromo {float: left; margin-right: 10px; width: 210px; height: 131px; padding: 6px 10px 15px; background: url(../images/homepromo.png); text-align: left;}
#homepromo4 {margin: 0;}
#homepromos img {display: block;}
#footer .homepromo a {display: block; color: #ccc; text-decoration: none;}
#footer .homepromo a span {color: #ff0;}
#footer .homepromo:hover a span {text-decoration: underline;}


/*** DEFAULT PAGE STYLES ***/

body.default #top {height: 375px; margin-bottom: -20px;}
body.default #top h1, body.default #top h2, body.default #nav, body.default #footer, body.default #topbkg, body.default #outerbkg {display: none;}
body.default #top, body.default #outer, body.default #inner {background: none; border: 0;}
body.default #outer {height: 361px; width: 950px; padding: 0;}

#locationlinks {position: relative; width: 950px; overflow: hidden; margin: 0 auto 0; z-index: 10;}
.locationlink {position: relative; float: left; width: 230px; height: 285px margin-right: 10px; text-align: center;}
#locationlink4 {margin: 0;}
#locationlinks img {display: block;}
.locationlink a {display: block; width: 210px; height: 264px; padding: 6px 10px 15px; background: url(../images/locationlink.png); color: #fff; text-decoration: none; font-weight: bold; font-size: 13px; line-height: 20px;}
.locationlink a strong {display: block; color: #5f92f8; font-size: 18px; padding-top: 15px;}
.locationlink a span {position: absolute; left: 10px; bottom: 15px; width: 210px; color: #ff0; line-height: 27px; background: #09c url(../images/locationlink.gif) left bottom repeat-x; text-transform: uppercase; margin-top: 15px; font-size: 14px;}
.locationlink a:hover span {color: #fff; background: #5f92f8; cursor: pointer;}

/*------- Accessibility ----------*/

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}


.button {
  border: none;
  color: WHITE;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.Green_bt {background-color: #4CAF50;} /* Green */
.Blue_bt {background-color: #008CBA;} /* Blue */