/*-----------------------------------------------------------------
RTi-DFD Advanced CSS file
Created 12 September 2004
by Aaron Gustafson (aaron at easy-designs dot net)

Colors: #000    Black
        #fff    White

-----------------------------------------------------------------*/
/* REDEFINE HTML */
body {
  background: #153B4E url(/images/background.jpg) top left repeat-x;
  margin: 0;
  padding: 0;
}
p+ul {
  margin-top: -1em;
}
h2+p {
  margin-top: -1em;
}

/* LAYOUT */
div#page {
  background: transparent url(/images/page.png) top center repeat-y !important;
  background-image: url(/images/page.gif); /* no gradient for IE */
}
div#head,
div#content,
div#foot {
  margin: 0 auto;
  padding: 0;
  width: 725px;
  position: relative;
}
div#head {
  border-top: 10px solid #fff;
  height: 187px;
}
div#content {
  min-height: 400px;
  width: 498px;
  padding: 0 30px 190px 177px;
  position: relative;
}
* html div#content {
  height: 400px;
}
div#foot {
  background: #d0d0d0;
  border: 10px solid #fff;
  clear: both;
  font-size: .8em;
  padding: 5px 0;
  text-align: center;
  width: 705px;
  position: relative;
  top: 1px;
}

/* BRANDING */
a#logo {
  background: #fff url(/images/logoScreen.png) top left no-repeat;
  border-bottom: 10px solid #fff;
  display: block;
  width: 157px;
  height: 150px;
  text-indent: -9999em;
  position: absolute;
  top: 0;
  left: 10px;
}
div#water {
  background: #fff url(/images/flash.jpg) top left no-repeat;
  max-height: 115px;
  padding: 25px 0 10px;
  width: 539px;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 10;
}
div#photo {
  background: top left no-repeat;
  width: 157px;
  height: 320px;
  position: absolute;
  top: 160px;
  left: 10px;
}

/* ACCESS NAV */
ul#accessNav {
  position: absolute;
  left: -9999px;
  width: 300px;
}
ul#accessNav li a:focus, ul#accessNav li a:hover {
  border: 0;
  color: #000;
  display: block;
  font-size: .8em;
  line-height: 20px;
  padding: 0 5px;
  width: 126px;
  white-space: nowrap;
  position: absolute;
  top: 130px;
  left: 10010px;
  z-index: 1000;
}

/* MAIN NAV */
ul#mainNav {
  background: #fff;
  float: left;
  margin: 0;
  padding: 8px 0 0;
  height: 29px;
  width: 539px;
  position: absolute;
  top: 150px;
  left: 177px;
}
ul#mainNav li,
ul#utilNav li {
  background: 0 -62px no-repeat;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#mainNav li a,
ul#mainNav li a:link,
ul#mainNav li a:visited,
ul#utilNav li a,
ul#utilNav li a:link,
ul#utilNav li a:visited {
  background: 0 0 no-repeat;
  border: 0;
  display: block;
  font-size: 10px;
  margin: 0;
  padding: 0;
  text-indent: -9999em;
  text-decoration: none;
  line-height: 29px;
}
ul#mainNav li#nav-overview,
ul#mainNav li#nav-overview a {
  background-image: url(/images/nav/overview.gif);
  width: 85px;
}
ul#mainNav li#nav-benefits,
ul#mainNav li#nav-benefits a {
  background-image: url(/images/nav/benefits.gif);
  width: 79px;
}
ul#mainNav li#nav-schedule,
ul#mainNav li#nav-schedule a {
  background-image: url(/images/nav/schedule.gif);
  width: 178px;
}
ul#mainNav li#nav-pricing,
ul#mainNav li#nav-pricing a {
  background-image: url(/images/nav/pricing.gif);
  width: 71px;
}
ul#mainNav li#nav-getstarted,
ul#mainNav li#nav-getstarted a {
  background-image: url(/images/nav/getstarted.gif);
  width: 98px;
}
body#home ul#mainNav li#nav-overview,
body#benefits ul#mainNav li#nav-benefits,
body#schedule ul#mainNav li#nav-schedule,
body#pricing ul#mainNav li#nav-pricing,
body#contact ul#mainNav li#nav-contact,
body#about ul#mainNav li#nav-about,
body#getstarted ul#mainNav li#nav-getstarted {
  background-position: 0 -186px;
}
body#home ul#mainNav li#nav-overview a,
body#benefits ul#mainNav li#nav-benefits a,
body#schedule ul#mainNav li#nav-schedule a,
body#pricing ul#mainNav li#nav-pricing a,
body#contact ul#mainNav li#nav-contact a,
body#about ul#mainNav li#nav-about a,
body#getstarted ul#mainNav li#nav-getstarted a {
  background-position: 0 -124px;
}
ul#utilNav {
  float: left;
  margin: 0;
  padding: 0 0 0 39px;
  height: 44px;
  position: absolute;
  top: 0;
  right: 9px;
  width: 208px;
  z-index: 100;
}
ul#utilNav li#nav-contact,
ul#utilNav li#nav-contact a {
  background-image: url(/images/nav/contact.gif);
  width: 83px;
}
ul#utilNav li#nav-about,
ul#utilNav li#nav-about a {
  background-image: url(/images/nav/about.gif);
  width: 102px;
}
ul#utilNav li#search {
  padding: 4px 0 0 0;
  width: 135px;
}
ul#utilNav li#search form,
ul#utilNav li#search fieldset {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}
ul#utilNav li#search label {
  position: absolute;
  top: -999em;
}
ul#utilNav li#search input {
  background: #fff;
  border: 1px solid #666;
  display: inline;
  font-size: .85em;
  width: 100px;
}
ul#utilNav li#search input#goButton {
  background: transparent url(/images/nav/goButton.gif) top left no-repeat;
  border: 0;
  cursor: pointer;
  text-indent: -999em;
  height: 15px;
  width: 22px;
}
* html ul#utilNav li#search input#goButton {
  padding-top: 15px;
  overflow: hidden;
}

ul#mainNav li a:focus,
ul#mainNav li a:hover,
ul#utilNav li a:focus,
ul#utilNav li a:hover {
  background: transparent !important;
  border: 0;
}

/* SUBNAV & RECENT NEWS */
div.sub {
  background: #113650 url(/images/nav/subNavTop.gif) 0px 0px no-repeat;
  color: #fff;
  float: right;
  margin: 0 0 10px -140px;
  padding: 26px 25px 0 25px;
  width: 390px;
  position: relative;
  right: -150px;
}
div.sub h2,
div.sub h3 {
  margin: 0;
  padding: 0;
}
div.sub .vcard,
div.sub p {
  background: transparent url(/images/nav/subNavBottom.gif) bottom left no-repeat;
  margin: 0 -25px -20px;
  padding: 0 25px 21px;
}

.vcard span,
.vcard a,
.vcard p {
  display: block;
  margin: 0;
  padding: 0;
}
.vcard .fn {
  font-size: 1.2em;
  margin-top: 3px;
}
.vcard a {
  color: #fff;
  font-size: 1.2em;
  border: 0;
  text-decoration: underline;
  margin-bottom: 3px;
}
.vcard .adr {
  background: transparent;
  padding-bottom: 0;
}
.vcard .locality,
.vcard .region,
.vcard .postal-code {
  display: inline;
}


dl.first {
  float: left;
  width: 220px;
  margin-right: 10px;
}
dl.second {
  float: right;
  width: 220px;
  margin-right: 10px;
}
p.clear {
  clear: both;
}

#schedule #content img {
  clear: both;
  display: block;
  padding-top: 30px;
}


/* RELATED LINKS */
div#relatedLinks {
  background: #777;
  border-top: 10px solid #fff;
  float: left;
  margin: 0 -21px 0 -20px;
  padding: 0 10px 15px;
  width: 452px;
}
* html div#relatedLinks {
  margin: 0 -21px -21px -10px ;
}
div#relatedLinks h3 {
  clear: both;
  margin: .5em 0;
}
div#relatedLinks ul+h3 {
  padding-top: .5em;
}
div#relatedLinks ul {
  display: inline;
  margin: 0;
  padding: 0;
}
div#relatedLinks ul li {
  background: transparent url(/images/arrowOff.gif) left top no-repeat;
  display: inline;
  float: left;
  list-style: none;
  margin: 0 10px;
  padding: 0;
}
div#relatedLinks ul li a {
  border: 0;
  color: #000;
  display: block;
  line-height: 1.5em;
  margin: 0;
  padding: 0 5px 0 15px;
  text-decoration: none;
  width: 185px;
}
div#relatedLinks ul li a:focus,
div#relatedLinks ul li a:hover {
  background: #999 url(/images/arrowOn.gif) left top no-repeat;
  border: 0;
}

/* FORMS */
form#contactForm {
  position: relative;
}
p#required {
  position: absolute;
  bottom: 0;
  left: 10px;
}
textarea {
  width: 474px;
  margin: 5px 0 10px;
}
fieldset.noBorder {
  border: 0;
  padding: 10px 0 10px 10px;
}
fieldset.noBorder legend {
  margin: 0 0 0 -11px;
  padding: 0 10px 0 0;
}
legend.small {
  font-size: 1em;
}
input:focus, select:focus, textarea:focus {
  background: #fff;
}
form#contactForm input, form#contactForm select {
  margin: 3px 0 8px;
  width: 400px;
}
form#contactForm fieldset.noBorder input {
  width: 390px;
}
form#contactForm label input,
form#contactForm fieldset.noBorder label input {
  margin: 0;
  width: auto;
}
form#contactForm input#submit {
  background: #999;
  color: #001524;
  cursor: pointer;
  float: right;
  width: auto;
}
form#contactForm input#submit:hover {
  background: #ccc;
}

/* Directions Map */
dl.map, dl.directions {
  margin: 0;
  padding: 0;
}
dl.map h2, h2.state {
  margin: 0;
}
dl.map dt, dl.directions dt {
  margin: 0;
  padding: 0;
}
dl.map abbr {
  color: inherit;
  border: 0;
}
div.mapZoom {
  margin: 10px auto 1.5em;
  padding: 0;
  position: relative;
  height: 250px;
  width: 352px;
}
div.mapZoom h2 {
  background: #6e6e6e;
  border: solid #333;
  border-width: 1px 0;
  padding: 0 5px 0 0;
  color: #333 !important;
  font: bold 12px/18px Verdana, Geneva, Helvetica, Arial, sans-serif;
  text-align: right;
  text-transform: uppercase;
  word-spacing: .1em;
  width: 305px;
  position: absolute;
  bottom: -2px;
  left: 1px;
}
div.mapZoom ul {
  background: #6e6e6e;
  border: solid #333;
  border-width: 0 1px 0 0;
  float: left;
  padding: 0;
  position: absolute;
  bottom: -2px;
  right: 0;
  width: 40px;
}
* html div.mapZoom h2,
* html div.mapZoom ul {
  bottom: 2px;
}
div.mapZoom ul li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
div.mapZoom ul li a {
  background: transparent;
  border: solid #333;
  border-width: 1px 0 1px 1px;
  display: block;
  color: #333 !important;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  width: 19px;
}
div.mapZoom ul li a:active, div.mapZoom ul li a:focus, div.mapZoom ul li a:hover {
  background: #d0d0d0;
}
div.mapZoom img {
  border: 1px solid #000;
}

/* SIDE BY SIDE LISTS */
ul.sideBySide {
  clear: both;
  width: 500px;
  padding-left: 0px;
}
ul.sideBySide li {
  float: left;
  width: 150px;
  margin: 0 0 0 10px;
  padding: 2px 0;
}
ul.sideBySide:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html ul.sideBySide {
  /* hide from MacIe \*/height: 1%;/* end hide */
}

/* SITE MAP */
ul#siteMap {
  margin: 0;
  padding: 0 0 0 15px;
}
ul#siteMap ul {
  margin: 0;
  padding: 0 0 0 15px;
}
ul#siteMap li {
  margin: 0;
  padding: 0;
}
ul#siteMap li a {
  line-height: 2em;
}

/* FOOT */
div#foot p {
  display: inline;
}
div#foot p#copyright {
  font-style: italic;
  padding-right: 5px;
}

/* ACCESS */
table.accessTable {
  background-color: #fff;
  border: 1px solid #41586B;
  border-collapse: collapse;
  margin: 0 0 1.5em;
  padding: 0;
  width: 100%;
}
table.accessTable caption {
  background-color: #fff;
  border: 1px #424242 solid;
  border-left: 10px #41586B solid;
  color: #41586B;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 0 -1px;
  padding: 5px 0 5px 10px;
  text-align: left;
}
table.accessTable th, table.accessTable td {
  border: 1px solid #41586B;
  padding: 2px 5px;
}
table.accessTable th {
  background: #41586B;
  color: #fff;
  border-width: 0;
}

/* PHOTOS */
div#photo {
  background-image: url(/images/photos/scull.jpg);
}
body#globalBody div#photo {
  background-image: url(/images/photos/global.jpg);
}

/* WEBSTATS */
div#webstats {
  display: inline;
  visibility: hidden;
}
div#webstats a {
  visibility: hidden;
}
div#webstats div {
  display: inline;
}

/* MMO */
div#mmo-contact {
  background: #777;
  border: solid #fff;
  border-width: 10px 0 0 10px;
  float: left;
  margin: 0 -21px -1px -20px;
  padding: 0 20px 15px;
  position: absolute;
  bottom: 0;
  width: 499px;
}
* html div#mmo-contact {
  padding-top: 20px;
}
#schedule #content img {
  display: block;
  width: 360px;
  margin: 0 0 1em 90px;
}
form ol {
  border: 1px solid #777;
  list-style: none;
  margin: 0;
  padding: 0;
}
form ol:after {
  content: '.';
  display: block;
  color: #777;
  height: 0;
  clear: both;
  float: none;
}
* html form ol {
  height: 1%;
}
form ol li {
  float: left;
  width: 50%;
  position: relative;
}
form ol li input {
  background: #97aed0;
  width: 200px;
}
form ol li textarea {
  background: #97aed0;
  width: 438px;
}
form abbr {
  color: inherit;
  border: 0;
}
form em {
  text-decoration: none;
}
em.e {
  background: url(/images/em-e.png) top left no-repeat;
  display: block;
  font-size: .8em;
  font-style: normal;
  line-height: 1em;
  text-align: center;
  padding: 6px 20px 8px 5px;
  width: 80px;
  position: absolute;
  top: 1.2em;
  left: -100px;
  color: #b56145;
}
* html em.e {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/em-e.png', sizingMethod='scale');
}
div.errors {
  color: #b56145;
  background: #fff;
  border: 4px solid;
  margin: 0 1em 1.4em;
  padding: 10px 10px 0;
}
#get_started_now {
  position: absolute;
  top: 14px;
  right: 14px;
  background: #ccc;
  border: 1px solid;
  color: #333;
  line-height: 2em;
  padding: 0 10px;
  font-weight: bold;
}