/***** Begin Reset *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: black;
	background: white;
	}
ol, ul {
	list-style: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/***** End Reset *****/

/***** Begin Typography *****/
body {
	background: #0e3368 url(/img/body-bg.gif) repeat-x;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	color: #addaff;
	line-height: 1.6em;
	font-size: 12px;
	}
a {
	color: #cce8ff;
	}
a:active, a:hover {
	color: #fff;
	
	}
a:visited {
	
	}
th {
	color: #f0f0f0;
	font-weight: bold;
	}

#content a{
	text-decoration: none;
	border-bottom: 1px dotted #9fcef5;
}
#content a:hover{
	border-bottom: 1px solid #fff;
}
#gear-categories li{
	background: #0e3368;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 2px 0;
}
#gear-categories li:hover{
	background: #1d4b8d;
}
#gear-categories li a{
	text-decoration: none;
	border: 0;
	color: #639ff5;
	padding: 5px;
	display: block;
}
#gear-categories li a:hover{
	text-decoration: none;
	color: #b7d5ff;
	border: 0;
}
/***** End Typography *****/

/***** Begin Structure *****/
#page {
	background: url(/img/page-bg.jpg) no-repeat top center;
}
#header {
	margin: 0 auto;
	width: 1000px;
	height: 130px;
	padding: 15px 0 5px 0;
	}
#content {
	margin: 0 auto;
	width: 1000px;
	min-height: 600px;
	padding-top: 10px;
	}
#left-col{
	width: 650px;
	margin-right: 50px;
	float: left;
	overflow: hidden;
	}
#right-col{
	width: 300px;
	float: left;
	overflow: hidden;
	}
	

#footer{
	background: #040f3f url(/img/footer-bg.jpg) repeat-x top center;
	color: #5770dc;
	line-height: 1.4em;
	clear: both;
}
#footer a{
	color: #5770dc;
	border-bottom: 1px dotted #5770dc;
	text-decoration: none;
	}
#footer a:hover{
	color: #879efe;
	border-bottom: 1px solid #879efe;
	} 
#footer-inside {
	margin: 0 auto;
	width: 1000px;
	
	padding-top: 170px;
	
	}
/***** End Structure *****/

/***** Begin Navigation *****/
#navigation{
	background: url(/img/nav-bg.gif) repeat-x;
}
#navigation-inside{
	margin: 0 auto;
	width: 1000px;
	height: 62px;
	padding-top: 10px;
	}
/***** End Navigation *****/

/***** Begin Headers *****/
h1{
	font-size: 36px;
	font-family: ptsans;
	line-height: 1em;
	color: #c5e4ff;
	}
h2{
	font-weight: bold;
	font-size: 28px;
	font-family: ptsans;
	line-height: 1em;
	color: #fff;
	}
h3{
	font-size: 22px;
	font-weight: bold;
	font-family: ptsans;
	line-height: 1em;
	color: #fff;
	}
h4{
	font-size: 18px;
	font-weight: bold;
	font-family: ptsans;
	line-height: 1em;
	color: #fff;
	}
h5{
	font-size: 16px;
	}
h6{
	font-size: 14px;
	}
/***** End Headers *****/

/***** Begin Images *****/

/***** End Images *****/

/***** Begin Lists *****/

/***** End Lists *****/

/***** Begin Form Elements *****/
input  {
	padding: 5px;
	font-size: 1.2em;
	background: #f0f0f0 url(/img/input-bg.gif) repeat-x;
	color: #555;
	border: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/***** End Form Elements *****/

/***** Begin Various Tags & Classes *****/
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}
p {
  margin-top: 10px;
  margin-bottom: 10px;
  
}
strong {
	font-weight: bold;
	}
em{
	font-style: italic;
	}

/***** End Various Tags & Classes *****/

/***** Begin Breadcrumbs *****/
#crumbs {
   border:1px solid #dedede;
   height:3em;
   background: #f0f0f0;
}
#crumbs li {
   float:left;
   line-height:2.3em;
   padding-left:.75em;
   color:#777;
}
#crumbs li a {
   display:block;
   padding:0 15px 0 0;
   background:url(/img/admin/crumbs.gif) no-repeat right center;
}
#crumbs li a:link, #crumbs li a:visited {
   text-decoration:none;
	font-weight: bold;
}
#crumbs li a:hover, #crumbs li a:focus {
  color:#bf6c2e;;
}
/***** End Breadcrumbs *****/

/***** Begin Calendar *****/


			.calendar table {
				border: none;
				background-color: #396198;
				-moz-border-radius: 10px;
				
			}
			.calendar a {
				text-decoration: none;
				font-size: 11px;
			}
			.calendar td {
				border-right: 1px dotted #a3c1e5; 
				border-top: 1px dotted #a3c1e5; 
				vertical-align: top;
				/*background: #f0f0f0 url(/img/admin/cal-cell-bg.gif) repeat-x;
				*/padding: 0;
				height: 100px;
				color: #d3ebff;
			}
			
			.calendar th {
				font-size: 18px;
				font-weight: bold;
				text-align: center;
				padding: 10px;
				background: #2b5189;
			}
			.calendar th a{
				font-size: 25px;
				color: #fff;
				border: none;
				text-decoration: none;
			}
			.day {
				float: right;
				padding: 5px;
								font-weight: bold;
				color: #fff;
				margin-right: 5px;
				margin-top: -1px;
				
			}
			.current {
				background: #edd687;
			}
			
			.calendar-new-link a {
				color: #bbb;
				font-weight: bold;
			}
			.calendar-new-link a:hover{
				color: #000;
			}

/***** End Calendar *****/

@charset "UTF-8";

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
 -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */



	ul.dropdown li.home a{
	 	display: block;
	 	width: 100px;
	 	height: 43px;
	}
	ul.dropdown li.home{
	 	background: url(/img/nav-home.gif) no-repeat bottom center;
	 	width: 100px;
	 	height: 43px;
	}
	ul.dropdown li.home.selected{
	 	background: url(/img/nav-home.gif) no-repeat top center;
	 	width: 100px;
	 	height: 43px;
	}
	ul.dropdown li.home:hover{
	 	background: url(/img/nav-home.gif) no-repeat center;
	 	width: 100px;
	 	height: 43px;
	}
	
	ul.dropdown li.gear a{
	 	display: block;
	 	width: 100px;
	 	height: 43px;
	}
	ul.dropdown li.gear{
	 	background: url(/img/nav-gear.gif) no-repeat bottom center;
	 	width: 100px;
	 	height: 43px;
	}
	ul.dropdown li.gear.selected{
	 	background: url(/img/nav-gear.gif) no-repeat top center;
	 	width: 100px;
	 	height: 43px;
	}
	ul.dropdown li.gear:hover{
	 	background: url(/img/nav-gear.gif) no-repeat center;
	 	width: 100px;
	 	height: 43px;
	}
	
	ul.dropdown li.courses a{
	 	display: block;
	 	width: 130px;
	 	height: 43px;
	}
	ul.dropdown li.courses{
	 	background: url(/img/nav-courses.gif) no-repeat bottom center;
	 	width: 130px;
	 	height: 43px;
	}
	ul.dropdown li.courses.selected{
	 	background: url(/img/nav-courses.gif) no-repeat top center;
	 	width: 130px;
	 	height: 43px;
	}
	ul.dropdown li.courses:hover{
	 	background: url(/img/nav-courses.gif) no-repeat center;
	 	width: 130px;
	 	height: 43px;
	}
	
	ul.dropdown li.trips a{
	 	display: block;
	 	width: 88px;
	 	height: 43px;
	}
	ul.dropdown li.trips{
	 	background: url(/img/nav-trips.gif) no-repeat bottom center;
	 	width: 88px;
	 	height: 43px;
	}
	ul.dropdown li.trips.selected{
	 	background: url(/img/nav-trips.gif) no-repeat top center;
	 	width: 88px;
	 	height: 43px;
	}
	ul.dropdown li.trips:hover{
	 	background: url(/img/nav-trips.gif) no-repeat center;
	 	width: 88px;
	 	height: 43px;
	}
	
	ul.dropdown li.events a{
	 	display: block;
	 	width: 105px;
	 	height: 43px;
	}
	ul.dropdown li.events{
	 	background: url(/img/nav-events.gif) no-repeat bottom center;
	 	width: 105px;
	 	height: 43px;
	}
	ul.dropdown li.events.selected{
	 	background: url(/img/nav-events.gif) no-repeat top center;
	 	width: 105px;
	 	height: 43px;
	}
	ul.dropdown li.events:hover{
	 	background: url(/img/nav-events.gif) no-repeat center;
	 	width: 105px;
	 	height: 43px;
	}

	
	ul.dropdown li.gallery a{
	 	display: block;
	 	width: 130px;
	 	height: 43px;
	}
	ul.dropdown li.gallery{
	 	background: url(/img/nav-gallery.gif) no-repeat bottom center;
	 	width: 130px;
	 	height: 43px;
	}
	ul.dropdown li.gallery.selected{
	 	background: url(/img/nav-gallery.gif) no-repeat top center;
	 	width: 130px;
	 	height: 43px;
	}
	ul.dropdown li.gallery:hover{
	 	background: url(/img/nav-gallery.gif) no-repeat center;
	 	width: 130px;
	 	height: 43px;
	}
	
	ul.dropdown li.about a{
	 	display: block;
	 	width: 105px;
	 	height: 43px;
	}
	ul.dropdown li.about{
	 	background: url(/img/nav-about.gif) no-repeat bottom center;
	 	width: 105px;
	 	height: 43px;
	}
	ul.dropdown li.about.selected{
	 	background: url(/img/nav-about.gif) no-repeat top center;
	 	width: 105px;
	 	height: 43px;
	}
	ul.dropdown li.about:hover{
	 	background: url(/img/nav-about.gif) no-repeat center;
	 	width: 105px;
	 	height: 43px;
	}
	
	ul.dropdown li.contact a{
	 	display: block;
	 	width: 120px;
	 	height: 43px;
	}
	ul.dropdown li.contact{
	 	background: url(/img/nav-contact.gif) no-repeat bottom center;
	 	width: 120px;
	 	height: 43px;
	}
	ul.dropdown li.contact.selected{
	 	background: url(/img/nav-contact.gif) no-repeat top center;
	 	width: 120px;
	 	height: 43px;
	}
	ul.dropdown li.contact:hover{
	 	background: url(/img/nav-contact.gif) no-repeat center;
	 	width: 120px;
	 	height: 43px;
	}
	
	/*
	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #bae3f5;
	 color: #000;
	}
	*/
	/*
	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #555; text-decoration: none; }
	ul.dropdown a:hover		{ color: #21689d; }
	ul.dropdown a:active	{ color: #ffa500; }
	*/

	/* -- level mark -- */

	ul.dropdown ul {
		width: 250px;
		margin-top: -12px;
		margin-left: 6px;
		background-color: #84aacb;
		-moz-border-radius-bottomleft: 5px;; 	
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;	
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-topright: 5px;; 	
		-webkit-border-top-right-radius: 5px;
		
		}

	ul.dropdown ul li.sub {
		font-weight: bold;
		padding: 10px 0 0px 15px;
		height: 15px;
		font-size: 12px;
		
	}

	ul.dropdown ul li.sub a{
		color: #19456b;
		text-decoration: none;
		height: 15px;
		width: 230px;
		padding: 0;
		margin: 0;

	}
	ul.dropdown ul li a:hover{
		color: #000;
		text-decoration: underline;
	}

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */





/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(../img/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/***** Awesome Buttons *****/

.awesome, .awesome:visited {
	background: #222 url(/img/button-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: 0;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-family: arial;
}
.awesome:hover {
	background-color: #111; 
	color: #fff; 
	text-decoration: none;
	}
.awesome:active	{ 
	top: 1px; 
	}
.small.awesome, .small.awesome:visited 			{ font-size: 11px;  }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #319a10; }
.green.awesome:hover						{ background-color: #338421; }
.blue.awesome, .blue.awesome:visited		{ background-color: #1879c4; }
.blue.awesome:hover							{ background-color: #005ba1; }
.red.awesome, .red.awesome:visited			{ background-color: #AA1717; }
.red.awesome:hover							{ background-color: #EA2A2A; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }

.gray.awesome, .gray.awesome:visited		{ background-color: #808080; }
.gray.awesome:hover						{ background-color: #555555; }
	
.silver.awesome, .silver.awesome:visited { background-color: #c0c0c0; color: #555555; }
.silver.awesome:hover					{background-color: #a0a0a0; color: #555555; }
/***** End Awesome Buttons *****/