/*
-----------------------------------------------
Bingemans FunworX Styles
----------------------------------------------- */

/* Page Structure
-------------------------------------------------------------- */
html body {
  margin: 0;
  padding: 0;
  text-align: center;
  font: 13px Arial, Helvetica, sans-serif;
  color: #000;
  margin-left: 1px;  /* IE one pixel image offset hack */
}
html>body {  /* IE one pixel image offset hack */
  margin: 0
}
body {
  background: #DCEDFE;
}
#container {
  width: 770px;
  margin: 15px auto 15px auto;
  background-color: #DCEDFE;
  text-align: left;
}
#header {
  position: relative;
  width: 770px;
  height: 142px;
  background-color: #99CCFF;
  padding: 0;
  margin: 0;
  background: url(images/funworx_header.jpg) 0 0 no-repeat;


}
#feature {
  position: absolute;
  top: 0px;
  left: 450px;
}
#content {
  width: 770px;
  border-left: 2px solid #2BA9DD;
  border-right: 2px solid #2BA9DD;
  background-color: #99CCFF;
  padding: 0;
  margin: 0;
}
#footer {
  width: 770px;
  height: 15px;
  background-color: #99CCFF;
  padding: 0;
  margin: 0;
  background: url(images/footer_bg.gif) 0 0 no-repeat;
}

/* Navigation
-------------------------------------------------------------- */
#l-nav { float: left; }
#l-nav ul { list-style: none; margin: 0; padding: 0; float: left; }
#l-nav li { margin: 0; padding: 0; }
#l-nav a {
  display: block;
  width: 210px;
  height: 30px;
  text-decoration: none;
  text-indent: -900em;
}

#l-nav .home a                    { background: url(images/l_nav-2025-01-17.gif) left top no-repeat; }
#l-nav .home a:hover              { background-position: 0 -360px; }
#l-nav .attractions a             { background: url(images/l_nav-2025-01-17.gif) 0 -30px no-repeat; }
#l-nav .attractions a:hover       { background-position: 0 -390px; }
#l-nav .plan-your-visit a                { background: url(images/l_nav-2025-01-17.gif) 0 -60px no-repeat; }
#l-nav .plan-your-visit a:hover          { background-position: 0 -420px; }
#l-nav .birthday-parties a        { background: url(images/l_nav-2025-01-17.gif) 0 -90px no-repeat; }
#l-nav .birthday-parties a:hover  { background-position: 0 -450px; }
#l-nav .escapeworx a              { background: url(images/l_nav-2025-01-17.gif) 0 -120px no-repeat; }
#l-nav .escapeworx a:hover        { background-position: 0 -480px; }
#l-nav .axe-throwing a              { background: url(images/l_nav-2025-01-17.gif) 0 -150px no-repeat; }
#l-nav .axe-throwing a:hover        { background-position: 0 -510px; }
#l-nav .daycamps a                { background: url(images/l_nav-2025-01-17.gif) 0 -180px no-repeat; }
#l-nav .daycamps a:hover          { background-position: 0 -540px; }
#l-nav .mini-golf a                { background: url(images/l_nav-2025-01-17.gif) 0 -210px no-repeat; }
#l-nav .mini-golf a:hover          { background-position: 0 -570px; }
#l-nav .events a                  { background: url(images/l_nav-2025-01-17.gif) 0 -240px no-repeat; }
#l-nav .events a:hover            { background-position: 0 -600px; }
#l-nav .faq a                     { background: url(images/l_nav-2025-01-17.gif) 0 -270px no-repeat; }
#l-nav .faq a:hover               { background-position: 0 -630px; }
#l-nav .contact a                 { background: url(images/l_nav-2025-01-17.gif) 0 -300px no-repeat; }
#l-nav .contact a:hover           { background-position: 0 -660px; }

body#home #l-nav .home a { background-position: 0 -360px; }
body#attractions #l-nav .attractions a { background-position: 0 -390px; }
body#plan-your-visit #l-nav .plan-your-visit a { background-position: 0 -420px; }
body#birthday-parties #l-nav .birthday-parties a { background-position: 0 -450px; }
body#daycamps #l-nav .daycamps a { background-position: 0 -540px; }
body#events #l-nav .events a { background-position: 0 -600px; }
body#faq #l-nav .faq a { background-position: 0 -600px; }
body#contact #l-nav .contact a { background-position: 0 -630px; }


/* Content
-------------------------------------------------------------- */
#slide-nav{
  text-align: center;
//margin-top: -20px;
//margin-bottom: -30px;
}
#slide-nav a{
  border:1px;
  color:#6ac4fe;
  text-decoration: none;
  font-size:60px;
}
#slide-nav .activeSlide{
  color:#29bef7;
}
.slide-point-pager{
  padding-left: 10px;
  padding-top:5px;
  box-sizing: content-box;
}
p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  padding: 2px 2px 2px 10px;
  font-weight: normal;
}
p.small  { font-size: 11px; }
p.nomarg { padding: 0; }
p.err {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  color: #C33037;
  padding: 2px 2px 2px 10px;
}
p.orange { color: #ff7200; }

a                   { color: #E3630D; outline: none; }
body#events a       { text-decoration: none; }
body#events a:hover { text-decoration: underline; }

img.left  { float: left; padding: 0 10px 0 0; }
img.right { float: right; clear: both; }

.inputText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  background-color: #DAECFD;
  border: 1px solid #737373;
  padding: 3px;
}

ul {
  font: 12px Arial, Helvetica, sans-serif;
  color: #000;
  padding-left: 15px;
  padding-top: 0;
  margin-left: 15px;
  margin-top: 0;
}
li {
  padding-left: 0;
  margin-left: 0;
}
h1 {
  color: #E3630D;
  font-size: 26px;
  font-weight: bold;
  padding: 10px 0 10px 0;
  margin: 0;
}
p.download_pdf {
  background: url('images/pdf.gif') 0 0 no-repeat;
  padding: 0 0 3px 20px;
  margin-left: 10px;
}

.download-event-pdf   { background: #E3630D; padding: 8px; text-align: center; }
.download-event-pdf a { color: #fff; font-size: 12px; }

.narrow-table {
  width: 395px;
  margin-top: 20px;
  padding: 40px 10px 10px 10px;
  text-align: left;
  overflow: hidden;
}

.text_box {
  padding: 4px;
  margin-bottom: 8px;
}
.html_select {
  padding: 4px;
  margin-bottom: 8px;
}
.html_text_area {
  font-family: Arial,Verdana,Sans-serif;
  font-size: 12px;
  padding:2px;
}
.html_button {
  background-color: #788874;
  border: 1px solid #D7DFD6;
  color: #FFFFFF;
  padding: 3px 8px;
}

.form td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
}

.faq-question { color: #A81875; font-weight: bold; }
.faq-answer   { color: #000; }

.bold {
  font-weight: 700;
}


/* News Ticker (Moostick)
-------------------------------------------------------------- */
#ticker-container {
  width: 766px;
  height: 62px;
  background: url(images/ticker_bg.gif) 0 0 no-repeat;
}
#moostick {
  display: block;
  height: 40px;
  margin: 0;
  padding: 16px 0 0 120px;
  overflow: hidden;
}
#moostick li {
  display: block;
  list-style-type: none;
  margin: 0 auto 0 auto;
  padding: 0;
  visibility: hidden;
  opacity: 0;
}
#moostick a {
  text-decoration: none;
  color: #FFF;
}