BODY {
  background: url(bg.gif) top center;
  font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
  margin-top: 0px;
  font-size: 14px;
  color: #222;
}

H1 {
  font-size: 2.2em;
  margin-top: 0px;
}

H2 { font-size: 2.1em; letter-spacing: -1px; }

#container {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}

#header { 
  background: url(topbg.gif) top left;
  background-color: #bebebe;
  height: 100px;
  border-bottom: 2px solid #aaa;
  position: relative;
}

#logo { position: absolute; right: 12px; top: 1px; }

#menubar { 
  background-color: #e5e2e2;
  border-bottom: 2px solid #777;
  height: 28px;
  padding: 0px; margin: 0px;
  background: url(button-gradient.gif) repeat-x;
  text-align: center;
}

#logobar {
  margin-top: 8px;
  border-top: 1px solid #838383;
  border-bottom: 1px solid #838383;
  background-color: #fff;
  height: 80px;
  padding: 8px 12px;
  text-align: center;
}

/* #logobar IMG {
  padding: 0px 30px;
} */

#sidebar { width: 180px; float: left; border-right: 1px solid #999; text-align: right; padding-right: 10px; min-height: 200px; padding-bottom: 20px; }
BODY#training #sidebar div.logos, BODY#safety #sidebar DIV.logos { border-top: 1px solid #999; }
#sidebar div.logos { display: block; }

#content { margin-left: 210px; }
#content.fullwidth { margin-left: 0px; }

#main { padding: 10px; background: url(fadebg.jpg) top left repeat-x; background-color: #fff; min-height: 250px; }

#footer { font-size: 0.9em; padding: 10px; clear: both; border-top: 1px solid #999; }

h2 { margin-top: 8px; }

.sidebarmenu { list-style-type: none; padding-left: 0px; }
.sidebarmenu LI { margin-bottom: 1em; font-weight: bold; }

#header H1 { width: 379px; height: 90px; text-indent: -1000em; background: url(logotype.png) no-repeat; left: 295px; top: 10px; position: absolute; }

DIV.panel {  background-color: #f99; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; }
BODY#front DIV.panel { 
   -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px;  
  -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; }
#gallery { float: left; }
.bubble .text { margin-left: 430px; }

p { line-height: 1.6em; }


.panel h2 { position: absolute; bottom: 8px; left: 24px; font-size: 28px; }
.panel img { position: absolute; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.panel p { width: 500px; font-size: 20px; line-height: 1.8em; margin-left: 6px; }
.panel { cursor: pointer; }

BODY.inner .panel p { width: 100%; font-size: 17px; }
BODY.inner .panel h2 { position: static; }
BODY.inner .panel img { position: static; }
BODY.inner .panel { width: 730px; height: 600px; background-color: #eee; cursor: default; }
BODY.inner .coda-slider-wrapper { clear: none !important; padding-top: 0px; }

/* Navigation */

#nav-one { margin-left: auto; margin-right: auto; }
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  z-index: 100;
  position: relative;
}

.nav li {
  border-left: 1px solid #aaa;
  border-right: 1px solid #eee;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  text-shadow: #aaa 2px 2px 2px;
  text-align: left;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font-weight: bold;
  color: #333;
  font-size: 14px;
  letter-spacing: 0px;
  display: block;
  padding: 5px 15px;
  text-decoration: none;
}

.nav li a:hover {
  background: #ccc;
  color: #000;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a,
body#front li#frontx a,
body#about li#about a,
body#contact li#contact a,
body#training li#training > a,
body#safety li#safety > a,
body#ropes li#ropes a {
  background-color: #bbb;
  color: #000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #efefef;
  color: #333;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #ccc;
  color: #000;	
}

.nav ul {
  background: #565656;
  border-bottom: 1px solid #999;
  list-style: none;
  margin: 0;
/*  width: 100px; */
  position: absolute;
  top: -999em;
  left: -1px;
}

.nav li:hover ul,
.nav li.sfHover ul {
  top: 27px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px solid #999;
  border-bottom: 0px;
  padding-right: 20px;
  width: 200px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}

#logobar { display: none; }
body#front #logobar { display: block; }

BODY#front #sidebar div.logos { display: none; }

IMG { border-width: 0px; }

/*
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
*/


#gallery { border: 6px solid #ccc; }
/* #ftHolder { width: 400px; float: left; text-align: center; height: 332px; padding-top: 90px; } */
#ft { border: 5px solid #BAD340; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#example { float: left; }
.ft-title { padding: 10px 10px; width: 380px; text-align: left; }

A { color: #c00; }

IMG.right { float: right; margin-left: 20px; margin-bottom: 18px; }
IMG.bordered { border: 5px solid #eee; }

TABLE#bubblebar {
  padding: 0px;
  margin: -20px 0px 0px 0px;
  border-collapse: collapse;
}

TABLE#bubblebar TD {
  text-align: center;
  padding: 0px; margin: 0px;
}

TABLE#bubblebar DIV.bubble {
  background-color: #fff;
  width: auto;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
  -moz-border-radius-topleft: 0px;   -moz-border-radius-topright: 0px;
  -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px;
  padding: 6px;
}

TABLE#bubblebar DIV.bubble.current A { text-decoration: none; }

TABLE#bubblebar DIV.bubble.current.t1 { background-color: #bf7070; }
TABLE#bubblebar DIV.bubble.current.t1 A { color: #fff; }
TABLE#bubblebar DIV.bubble.current.t2 { background-color: #b22222; }
TABLE#bubblebar DIV.bubble.current.t2 A { color: #fff; }
TABLE#bubblebar DIV.bubble.current.t3 { background-color: #dcdcdc; }
TABLE#bubblebar DIV.bubble.current.t4 { background-color: #7d7d7d; }
TABLE#bubblebar DIV.bubble.current.t4 A { color: #fff; }
TABLE#bubblebar DIV.bubble.current.t5 { background-color: #000; }
TABLE#bubblebar DIV.bubble.current.t5 A { color: #fff; }


DIV.bubble A {
  font-weight: bold;
  color: #555;
}

P.small { font-size: 0.9em !important }
DIV.tighter P, DIV.tighter LI { font-size: 14px !important; line-height: 1.4em; }