@charset "utf-8";
/* CSS Document */ 
 /*** CSS RESET ***/  
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight: inherit;
	font-style: inherit;
	font-size:100%;
	font-family: inherit;
	background:transparent;
}
body {
	line-height:1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
#nav {
	display:block;
}
nav ul {
	list-style:none;
}
#nav ul {
	list-style:none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#fff;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
hr {
	clear: both;
	display:block;
	border:0;
	border-top: 2px solid #ff9900; /* Change this color and border style to suit your needs */
	padding:0;
	margin: 0;
}
input, select {
	vertical-align:middle;
}
/****END RESET****/
/* @font-face DECLARATION */
@font-face {
	font-family: 'boulderregular';
	src: url('boulder-webfont.eot');
	src: url('boulder-webfont.eot?#iefix') format('embedded-opentype'), url('boulder-webfont.woff') format('woff'), url('boulder-webfont.ttf') format('truetype'), url('boulder-webfont.svg#boulderregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ralewaymedium';
	src: url('raleway-medium-webfont.eot');
	src: url('raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), url('raleway-medium-webfont.woff') format('woff'), url('raleway-medium-webfont.ttf') format('truetype'), url('raleway-medium-webfont.svg#ralewaymedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewayregular';
	src: url('raleway-regular-webfont.eot');
	src: url('raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('raleway-regular-webfont.woff') format('woff'), url('raleway-regular-webfont.ttf') format('truetype'), url('raleway-regular-webfont.svg#ralewayregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'allerbold';
  src: url("/fonts/aller_bd-webfont.eot");
  src: url("/fonts/aller_bd-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/aller_bd-webfont.woff2") format("woff2"), url("/fonts/aller_bd-webfont.woff") format("woff"), url("/fonts/aller_bd-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

:root {
	--company: 'boulderregular', "allerbold", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	--company2: "allerbold", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	--bodyfont: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	--codefont: Consolas, "Liberation Mono", Courier, monospace;
}

:root {
	--pb_orange: #FF9900;
	--pb_lightorange: #FFAD59;
	--pb_blue: #0077DE;
	--pb_darkblue: #004B76;
	--woody_green: #7BD6BE;
	--woody_lightgreen: #E9F5F2;
	--woody_darkgreen: #1D9D7D;
	--site_red: #FF5000;
	--site_green: #13C23C;
}
/******************************General**************/





html {
	width: 100%;
	height: 100%;
}
header {
	width: 100%;
	min-width:960px;
	margin: auto; /* this will center the header on the page (horizontally) and apply the top and bottom margins */
}
h1 {
	font-family: 'boulderregular', Helvetica, Arial, sans-serif;
	font-size: 72px;
	line-height: 100%;
	font-weight: normal;
	font-style: normal;
	color: #ff9900;
	margin-bottom: 18px;
}
h2 {
	font-family: 'boulderregular', Helvetica, Arial, sans-serif;
	font-size: 50px;
	line-height: 100%;
	font-weight: normal;
	font-style: normal;
	color: #ff9900;
	margin-bottom: 18px;
}
h3 {
	font-family: 'boulderregular', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 100%;
	font-weight: normal;
	font-style: normal;
	color: #ff9900;
}
h4 {
	font-family: 'ralewayregular', Helvetica, Arial, sans-serif;
	font-size: 21px;
	line-height:150%;
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: 'ralewayregular', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 150%;
}
body p {
	margin-bottom: 21px;
}
body a {
	color: #0077de;
}
body a:hover {
	color: #ff9900;
}
hr {
	clear: both;
	display:block;
	border:0;
	border-top: 2px solid #ff9900; /* Change this color and border style to suit your needs */
	padding:0;
	margin: 0;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
}
/***Navigation***/



nav {
	float:right;
	width: 100%;
	display: inline;
	margin: 0 0 0 0;
	font-family: 'boulderregular', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	background: #ff9900;
	line-height:18px;
	margin-bottom:5px;
	-moz-box-shadow:    0px 6px 6px -5px #4a4a4a;
 	-webkit-box-shadow: 0px 6px 6px -5px #4a4a4a;
  	box-shadow:         0px 6px 6px -5px #4a4a4a;
}
nav li {
	float:right;
	position:relative; /* We'll need this for the dropdown to work properly */
}
nav li a {
	display: block;
	color: #ffffff;
	padding: 8px 16px; /* Spacing out the links */
	font-size: 16px;
}
nav li a:hover {
	color: #fff;
}
#nav {
	float:right;
	width: 100%;
	display: inline;
	margin: 0 0 0 0;
	font-family: 'boulderregular', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	background: #ff9900;
	line-height:18px;
}
#nav li {
	float:right;
	position:relative; /* We'll need this for the dropdown to work properly */
}
#nav li a {
	display: block;
	color: #ffffff;
	padding: 8px 16px; /* Spacing out the links */
	font-size: 16px;
}
#nav li a:hover {
	color: #fff;
}
.camps {
	background: #0077de;
}
.schools {
	background: #13c23c;
}
.training {
	background: #ff9900;
}
.ash {
	background: #ff5000;
}
.about {
	background: #ffd733;
}
.contact {
	background: #666666;
}
.PlanetBravo {
	float: left;
}
.PlanetBravo a {
	font-size: 24px;
	margin: 6px 0 0 6px;
	padding: 0;
	line-height:24px;
}
/****Dropdown Styles***/



.dropdown {
	font-family: 'ralewaymedium', Helvetica, Arial, sans-serif;
	list-style: none;
	position: absolute;
	left: -9999px;
	z-index:9999; /* So the dropdown stays on top of everything else */
	opacity: 0;
	-webkit-transition: opacity 0.35s linear;
	-moz-transition: opacity 0.35s linear;
	-o-transition: opacity 0.35s linear;
	transition: opacity 0.35s linear;
	-moz-box-shadow:    3px 3px 5px 1px #808080;
	-webkit-box-shadow: 3px 3px 5px 1px #808080;
	box-shadow:         3px 3px 5px 1px #808080;
}
.dropdown li {
	padding: 0;
	margin: 0;
	float: none;
}
.dropdown a {
	white-space: nowrap;
	text-align: left;
	display: block;
	font-style:normal;
	font-size: 14px;
	font-weight:normal;
}
nav li:hover ul {
	left: 0;
	opacity: 100;
}
nav li:hover ul a:hover {
	background: #fff;
}
#nav li:hover ul {
	left: 0;
	opacity: 100;
}
#nav li:hover ul a:hover {
	background: #fff;
}
.camps ul:hover a {
	color:  #fff;
	background: #0077de;
}
.camps ul a:hover {
	color: #0077de;
}
.camps ul {
	background:#0077de;
}
.camps ul li ul {
	position:absolute;
	top:0;
	left:100%;
	display:none;
}
.camps ul li:hover ul {
	display:block;
	-moz-box-shadow:    2px 2px 5px 1px #555;
	-webkit-box-shadow: 2px 2px 5px 1px #555;
	box-shadow:         2px 2px 5px 1px #555;
}
.schools ul:hover a {
	color:  #fff;
	background: #13c23c;
}
.schools ul a:hover {
	color: #13c23c;
}
.schools ul {
	background:#13c23c;
}
.training ul:hover a {
	color:  #fff;
	background: #ff9900;
}
.training ul a:hover {
	color: #ff9900;
}
.training ul {
	background: #ff9900;
}
.ash ul:hover a {
	color:  #fff;
	background: #ff5000;
}
.ash ul a:hover {
	color: #ff5000;
}
.ash ul {
	background: #ff5000;
}
.about ul:hover a {
	color: #333;
	background: #ffd733;
}
.about ul a:hover {
	color: #333;
}
.about ul a {
	color:#080808;
	background: #ffd733;
	width:69px;
}
/*******CONTENT SECTION*****/















#container {
	width:100%;
	position: relative;
	background:#f6f6f6;
}
#content {
	width: 960px;
	margin: 0 auto 0;
	padding: 25px;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	height:100%;
	background:#fff;
	-moz-box-shadow:    -5px 0px 6px -5px #4a4a4a, 5px 0px 6px -5px #4a4a4a;
 	-webkit-box-shadow: -5px 0px 6px -5px #4a4a4a, 5px 0px 6px -5px #4a4a4a;
  	box-shadow:         -5px 0px 6px -5px #4a4a4a, 5px 0px 6px -5px #4a4a4a;
}
/*****FOOTER****/



#spacer {
	clear:both;
	height:80px;
}
.footer_img {
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}

footer {
	clear:both;
	width:100%;
	float:left;
	display:block;
	margin:0;
	padding:0;
}
footer a:hover {
	padding: 10px 10px;
	color: #fff;
	background: #e35e35;
}
footer a:active {
	color: #fff;
	background: #454545;
}
footer p {
	color: #ffffff;
	font-size: 11px;
	line-height: 1.5;
	text-align: center;
	width: 100%;
	background-color: #ff9900;
	margin-bottom: 0px;
}
#tooltip {
	text-align: center;
	color: #fff;
	background: #111;
	position: absolute;
	z-index: 100;
	padding: 15px;
}
#tooltip:after /* triangle decoration */ {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #111;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}
#tooltip.top:after {
	border-top-color: transparent;
	border-bottom: 10px solid #111;
	top: -20px;
	bottom: auto;
}
#tooltip.left:after {
	left: 10px;
	margin: 0;
}
#tooltip.right:after {
	right: 10px;
	left: auto;
	margin: 0;
}
/***BUTTONS***/

a.orangebutton{
	background:#ff9900;
	padding:8px;
	border-radius:8px;
	color:#fff; 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9900), to(#eb8047));
    background-image: -webkit-linear-gradient(top, #ff9900, #eb8047); 
    background-image:    -moz-linear-gradient(top, #ff9900, #eb8047);
    background-image:     -ms-linear-gradient(top, #ff9900, #eb8047);
    background-image:      -o-linear-gradient(top, #ff9900, #eb8047);
	-moz-box-shadow:    2px 2px 4px #888;
	-webkit-box-shadow: 2px 2px 4px #888;
	box-shadow:         2px 2px 4px #888;
}
a.orangebutton:hover{
	color:#fff;
	background:#eb8047;
}
a.orangebutton:active{
	-moz-box-shadow:    inset 0 0 10px #000000;
   	-webkit-box-shadow: inset 0 0 10px #000000;
   	box-shadow:         inset 0 0 10px #000000;
}
a.bluebutton{
	background:#0077de;
	padding:8px;
	border-radius:8px;
	color:#fff; 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0077de), to(#0D65A6));
    background-image: -webkit-linear-gradient(top, #0077de, #0D65A6); 
    background-image:    -moz-linear-gradient(top, #0077de, #0D65A6);
    background-image:     -ms-linear-gradient(top, #0077de, #0D65A6);
    background-image:      -o-linear-gradient(top, #0077de, #0D65A6);
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
}
a.bluebutton:hover{
	color:#fff;
	background:#0D65A6;
}
a.bluebutton:active{
	-moz-box-shadow:    inset 0 0 10px #000000;
   	-webkit-box-shadow: inset 0 0 10px #000000;
   	box-shadow:         inset 0 0 10px #000000;
}
.non-semantic-protector { 
	position: relative; 
	z-index: 1; 
}
.waitlist {
	color:#fff;
	font-family:'ralewaymedium'
}
.waitlist div{
	text-align:center; 
	background:#ff9900; 
	line-height:110%;
	padding:5px 0;
	border-radius:8px;
	color:#fff; 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9900), to(#eb8047));
    background-image: -webkit-linear-gradient(top, #ff9900, #eb8047); 
    background-image:    -moz-linear-gradient(top, #ff9900, #eb8047);
    background-image:     -ms-linear-gradient(top, #ff9900, #eb8047);
    background-image:      -o-linear-gradient(top, #ff9900, #eb8047);
	-moz-box-shadow:    2px 2px 4px #888;
	-webkit-box-shadow: 2px 2px 4px #888;
	box-shadow:         2px 2px 4px #888;
}
.waitlist div:hover, .waitlist:hover{
	color:#fff;
	background:#eb8047;
}
.waitlist div:active{
	-moz-box-shadow:    inset 0 0 10px #000000;
   	-webkit-box-shadow: inset 0 0 10px #000000;
   	box-shadow:         inset 0 0 10px #000000;
}

/*** PROGRESS BAR STYLES ***/

#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	}
#progressbar li {
	list-style-type:none;
	color:#999;
	width:20%;
	float:left;
	text-align:center;
	position:relative;
	/*CSS counters to number the steps*/
	counter-increment: step;

}
#progressbar li:before {
	content: counter(step);
	font-size:16px;
	width:30px;
	height:30px;
	line-height:28px;
	display:block;
	color:white;
	background:#999;
	border-radius:15px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #999;
	position: absolute;
	left: -50%;
	top: 14px;
	z-index:-1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #0077de;
	color: white;
}
#progressbar li.active{
	color:#0077de;
}
.open, .nearing-capacity, .closed, .incourse, .onwaitlist{
	color:#fff;
	padding:5px;
	border-radius:3px;
	background: #13c23c; /* Old browsers */
	background: -moz-linear-gradient(top,  #13c23c 0%, #0a7214 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13c23c), color-stop(100%,#0a7214)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #13c23c 0%,#0a7214 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #13c23c 0%,#0a7214 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #13c23c 0%,#0a7214 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #13c23c 0%,#0a7214 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c23c', endColorstr='#0a7214',GradientType=0 ); /* IE6-9 */
	cursor:pointer;
	text-align:center;
	margin:0px auto;
	display:inline-block;
	width:auto;
	position:relative;
}
.open:hover, .nearing-capacity:hover, .closed:hover, .incourse:hover, .onwaitlist:hover{
	color:#fff;
	background:#0a7214;
}
.open:active,  .nearing-capacity:active, .closed:active, .incourse:active, .onwaitlist:active{
	-moz-box-shadow:    inset 0 0 10px #000000;
   	-webkit-box-shadow: inset 0 0 10px #000000;
   	box-shadow:         inset 0 0 10px #000000;
}
.nearing-capacity{
	background: #0077de; /* Old browsers */
	background: -moz-linear-gradient(top, #0077de 0%, #004D8C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0077de), color-stop(100%,#004D8C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0077de 0%,#004D8C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0077de 0%,#004D8C 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0077de 0%,#004D8C 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0077de 0%,#004D8C 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077de', endColorstr='#004D8C',GradientType=0 ); /* IE6-9 */
}

.nearing-capacity:hover{
	background:#004D8C;
}
.closed{
	background: #ff5000; /* Old browsers */
	background: -moz-linear-gradient(top, #ff5000 0%, #b23500 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5000), color-stop(100%,#b23500)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff5000 0%,#b23500 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff5000 0%,#b23500 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff5000 0%,#b23500 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff5000 0%,#b23500 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5000', endColorstr='#b23500',GradientType=0 ); /* IE6-9 */
	
}
.closed:hover{
	background:#B23500;
}
.incourse{
	background: #666666; /* Old browsers */
	background: -moz-linear-gradient(top, #666666 0%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #666666 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #666666 0%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #666666 0%,#666666 100%); /* IE10+ */
	background: linear-gradient(to bottom, #666666 0%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	
}
.incourse:hover{
	background:#666666;
}
.onwaitlist{
	background: #666666; /* Old browsers */
	background: -moz-linear-gradient(top, #666666 0%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #666666 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #666666 0%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #666666 0%,#666666 100%); /* IE10+ */
	background: linear-gradient(to bottom, #666666 0%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	
}
.onwaitlist:hover{
	background:#666666;
}


/* =========================================
		admin_home_woody.php styles
============================================ */