html * {
	margin: 0;
	padding: 0;
}


html {
	text-align: center;
	color: #000;
	background-color: #B4B4B4;
}

body {
	width: 902px;
	margin: 0 auto;
	text-align: left;
	border-left: 1px solid #5D5D5D;
	border-right: 1px solid #5D5D5D;
	background-color: #FFF;
	font-family: 'Lucida Sans',Verdana,sans-serif;
	font-size: 10px;
	background-image: url(/Images/bodyWrapBG.gif);
	background-repeat: repeat-y;
}

img {
	display: block;
	border: 0;
}

p, td, li, ul, ol, label, input, select {
	font-family: 'Lucida Sans',Verdana,sans-serif;
}

p {
	font-size: 1.1em;
	line-height: 1.3em;
	margin-bottom: 8px;
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,Verdana,sans-serif;
	font-weight: bold;
	color: #1F337E;
}

h1 {
	font-size: 1.3em;
	text-transform: uppercase;
	margin-bottom: 8px;
}	

h2 {
	font-size: 1.2em;
	margin-top: 16px;
	margin-bottom: 2px;
}	

h3 {
	color: #000;
	font-size: 1.2em;
	margin-top: 8px;
	margin-bottom: 0;
}

span.tagline {
	font-size: 12px;
	font-family: Arial,Verdana,sans-serif;
	font-style: italic;
	margin-top: -8px;
	margin-bottom: 18px;
}


a:link, a:visited {
	color: #002389;
	background-color: transparent;
	
}

a:hover, a:active {
	color: #1F337E;
	background-color: transparent;
	text-decoration: underline;
}

p.tagline span#attention {
	font-weight: bold;
	background-color: #B7DAE3;
	margin-top: -6px;
	font-size: 1.1m;
	padding: 4px 6px;
}

/* HEADER */

div#header {
	width: 100%;
	background-image: none;
	background-repeat: no-repeat;
	height: 95px;
}

div#logo {
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}
div#trekInfoBox {
	float: right;
	margin-right: 20px;
	margin-top: 5px;

}
img#batcLogo {
	width: 425px;
	height: 53px
}

/* NAVIGATION */

div#navWrap {

}

div#nav {
	margin-left: 10px;
	float: left;
	width: 625px;
	display: inline;
}

div#nav img {
	display: inline;
	border: 0;
}

form#search {
	float: right;
}	

form#search input#searchField {
	float: left;
	width: 150px;
	height: 15px;
	background-color: #EEF9FB;
	border: 1px solid #C1C1C1;
	color: #666;
	font-size: 10px;
	padding: 5px 4px 3px 6px;
}

div#search input#searchButton {

}

/* INTERNAL PAGE CONTENT */

div#bodyWrap {
	clear: both;
		background-image: url(/Images/bodyWrapBG.gif);
	background-repeat: repeat-y;
}

div#contentWrap {
	float: left;
	width: 100%;
}

div#content {
	margin-left: 210px;
	
	padding:25px 0px 25px 0px;
	width:665px;
}

div#content img.wide {
	border: 1px solid #1F337E;
	margin: 12px 0;
}

div#content div.block {
	clear: right;
}


div.blockImage {
	display: inline;
	float: right;
	margin-right: 6px;
}

div.blockImage img {
	margin-left: 20px;
	margin-bottom: 8px;
	display: block;
	border: 1px solid #1F337E;
}

div.blockImage p {
	margin: 4px 0 12px 24px;
	font-size: 11px;
	font-family: Arial,Verdana,sans-serif;
	font-style: italic;
	width: 200px;
}

div.blockImage p.smaller {
	margin: -2px 0 -2px 24px;
}

img.inlineImage {
	display: inline;
	margin-right: 12px;
	margin-bottom: 12px;
}

div#content p.caption {
	margin-top: 4px;
	font-style: italic;
}

div#content ul, div#content ol {
	margin-left: 24px;
	margin-bottom: 12px;
}

div#content li {
	font-size: 1.1em;
	line-height: 1.4em;
}	

div#content dl {
	font-size: 1.1em;
	line-height: 1.4em;
}

div#content dt {
	float: left;
	clear: left;
	font-weight: bold;
	width: 175px;
	text-align: right;
}

div#content dd {
	margin-bottom: 12px;
	margin-left: 185px;
}






/* QUICKLINKS */

div#quickLinks {
	float: left;
	width: 180px;
	margin-left: -200px;
	background-image: url(/Images/quickLinksBG.gif);
	background-repeat: repeat-x;
}

div#quickLinks a:link, div#quickLinks a:visited {
	color: #000;
	text-decoration: none;
}

div#quickLinks a:hover, div#quickLinks a:active {
	color: #1F337E;
	text-decoration: none;
}


div#quickLinks h2 {
	letter-spacing: 0.05em;
	margin-top: 4px;
	margin-left: 6px;
	font-size: 1.3em;
	text-transform: uppercase;
	color: white;
}

div#quickLinks ul {
	list-style-type: disc;
	margin: 12px;
	margin-right: 18px;
}

div#quickLinks li {
	font-weight: bold;
	margin-left: 12px;
	margin-bottom: 8px;
}


div#quickLinks p {
	margin: 8px;
}

div#quickLinks p.caption {
	margin-top: 4px;
	font-style: italic;
}

div#mediaContact {
	margin-right: 20px;
	margin-left: -200px;
	float: right;
}



/* DATABASE TABLES */


/* News Releases */

table#newsrelease {
	border: 1px solid #0092BA;
	width: 450px;
}

table#newsrelease th {
	border-bottom: 1px solid #0092BA;
	background-color: #B7DAE3;
	padding: 4px 10px;
}

table#newsrelease th#date {
	width: 125px;
}

table#newsrelease td {
	padding: 6px 10px;
	border-collapse: collapse;
}


/* Image Gallery */


table#imageGallery {
	border: 1px solid #0092BA;
}

table#imageGallery th#thumbnailImageFilePathWeb {
	border-bottom: 1px solid #0092BA;
	background-color: #B7DAE3;
	padding: 4px 10px;
	width: 220px;
}

table#imageGallery th#name {
	border-bottom: 1px solid #0092BA;
	background-color: #B7DAE3;
	padding: 4px 10px;
	width: 220px;
}

table#imageGallery td {
	padding: 10px;
}








table#facilities {
	border: 1px solid #0092BA;
	max-width: 535px;
}

table#facilities th {
	border-bottom: 1px solid #0092BA;
	background-color: #B7DAE3;
	padding: 4px 6px;
}

table#facilities td {
	text-align: left;
	padding: 4px 20px;
	border-collapse: collapse;
}

/* GALLERY PAGES */

div.gallery {
	margin-right: -200px;
}

div.bigThumbLeft {
	clear: left;
	float: left;
	margin-right: 20px;
}

div.bigThumbRight {
	width: 300px;
	margin-left: 305px;
	margin-bottom: 12px;
}

div.bigThumbRight p {

}

div.gallery div.clear {
	margin-bottom: 18px;
}


table#imageVault {
	border: 1px solid #0092BA;
	max-width: 535px;
}

table#imageVault th {
	border-bottom: 1px solid #0092BA;
	background-color: #B7DAE3;
	padding: 4px 0;
}

table#imageVault td {
	height: 90px;
	text-align: center;
	padding: 4px 12px;
	border-collapse: collapse;
}

table#imageVault th#imageThumbnail {
	text-align: center;
	width: 140px;
}
table#imageVault th#imageName {
	text-align: center;
	width: 250px;
}

.stripe {
	background-color: #ECFCFC;
}


td#footer {
	height: 24px;
	color: #333;
	background-color: #B7DAE3;
	border-top: 1px solid #BDBDBD;
	padding: 0 12px;
	text-align: right;
	font-size: 0.9em;
	clear: both;
}



/* FOOTER */

div#footer {
	background-color: white;
	clear: both;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #C1C1C1;
	border-bottom: 1px solid #5D5D5D;
}

div#footer p {
	margin-top: 12px;
	margin-left: 20px;
	font-size: 9px;
}




/* GENERAL */

span.goLeft {
	float: left;
}

span.goRight {
	float: right;
	margin-right: 20px;
}

div.clear {
	width: 100%;
	height: 1%;
	clear: both;
	line-height: 0;
}

strong {
	font-weight: 600;
}


p#launchCountdown {
	width: 250px;
	text-align: center;
	font-size: 16px !important;
	background-color: #00ACCD;
	padding: 6px 0;
	border: 1px solid black;
	color: white;
}


.ddsmoothmenu{
background: #FFFFFF; /*background of menu bar (default state)*/
width: 100%;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #FFFFFF; /*background of menu items (default state)*/
color: #333;
padding: 5px 10px;
border-right: 1px solid #CCCCCC;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #333;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #333; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: #333; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/

}



.txtBox
{
	border:1px solid;
	
	margin:5px;
}


.ProductList td
{
	padding: 10px;
}


/* LOGIN FORM */

.UserInfoHead
{

	text-align:center;
}

.UserInfoContent
{
	line-height:20px;
}
.AdminTitle
{
	font-size: 24px;
	font-weight:bold;	
}
.Window .Main .Right .AdminHeader
{
	margin: 5px 5px 5px 0px;
	width:900px;
	float:left;
}
.AdminError
{
	color:Red
}
	


/* LEFT NAV */

.lsideMenuTitle {
	font-weight:bold;
	font-size:1.3EM;
	padding:5px;
	text-transform:uppercase;
}
.glossymenu, .glossymenu li ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.glossymenu li {
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.glossymenu li a {
	color: black;
	display: block;
	width: auto;
	padding: 5px 0;
	padding-left: 5px;
	text-decoration: none;
}
.glossymenu li ul { /*SUB MENU STYLE*/
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.glossymenu li ul li {
	float: left;
}
.glossymenu li ul a {
	width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}
.glossymenu .arrowdiv {
	position: absolute;
	right: 2px;
	
}
.glossymenu li a:visited, .glossymenu li a:active {
	color: #000000;
	text-decoration:none;
}
.glossymenu li a:hover {
	background-color: #FFFFFF;
	text-decoration:none;
	color:#000000;
}
/* Holly Hack for IE \*/
* html .glossymenu li {
	float: left;
	height: 1%;
}
* html .glossymenu li a {
	height: 1%;
}

.CategorySelected
{
font-weight:bold;
}


/* SIDENAV */


div#sideNav {
	float: left;
	width: 187px;
	padding:25px 0px 25px 0px;
	color: #1F337E;
	font-size: 1.1em;
}


/* ADMIN */

.Window {
  width: 100%;
}
.Window .Main {
  width: 950px;
  margin: auto;
}
.Window .Main .Left {
  width: 220px;
  float: left;
}
.Window .Main .Left .Container {
  margin: 0px 0px 10px 10px;
  float: left;
}
.Window .Main .Right {
  width: 730px;
  float: left;
}
.Window .Main .Right .Header{
  margin: 5px 5px 5px 0px;
  width: 100%;
  text-align: center;
}
.Window .Main .Right .Contents{
  margin: 5px 5px 5px 0px;
  width: 100%;
  float: left;
}

.AdminContents{
  margin: 5px 5px 5px 0px;
  width: 900px;
  float: left;
  background-color:#FFFFFF;
  padding:5px
}

.AdminContents input 
{
	border:1px solid #888888;
	
}

.AdminContents textarea
{
	border:1px solid #888888;
	
}

.AdminContents img
{
	width:150px;
}


.AdminError{
  color: Red;
}

.adminGridView TBODY TD
{
	padding:5px;
}

.adminGridView TBODY TH
{
	padding:5px;
}



.Grid {
  border-color: #E7E7FF;
  margin-top: 20px;
  width: 100%;
}
.GridHeader { 
  color: White;
  background-color: Navy;
}
.GridRow
{ 
  color: Navy;
  background-color: #E7E7FF;
}
.GridSelectedRow
{ 
  color: #F7F7F7;
  background-color: #738A9C;
}
.GridEditingRow
{
  color: Navy;
}
.GridAlternateRow
{ 
  color: Navy;
  background-color: #F7F7F7;
}

.SearchBox
{
	float:right;
	padding:3px;
}

.SearchBox input
{
	color: #781351;
	background: #e3f0ff;
	border: 1px solid #781351
}

.SearchText
{
width: 128px;
color: #000;
border: 2px outset #d7b9c9;
} 


/* CONTACT FORM */

legend {
color:#0B77B7;
font-size:1.2em;
}
fieldset {
	border:1px solid #DDDDDD;
	padding:0 0.5em 0.5em;
}
fieldset div {
clear:both;
margin:0.3em 0;
}
fieldset div {display:block;} /* Reset element back to block leaving layout in ie */
label {
float:left;
margin-right:1em;
text-align:right;
width:10em;
}

input
{
	
background:none repeat scroll 0 0 #FAFAFA;
border:1px solid #DDDDDD;
font:bold 0.95em arial,sans-serif;
padding:0.15em;
width:10em;
}


.contact
{
	background:url("../gfx/user.gif") no-repeat scroll 95% 1em transparent;
}


.radio {
	position:relative; /* Position so children are relative to this container */
	border:0; /* Remove the border */
}
.radio span {
	position:absolute; /* Take the content of the legend out of flow */
	top:0;left:0; /* and position it to the top left of the fieldset */
	width:5em; /* Same width as labels */
}
.radio ul {
	margin-left:5em; /* Since the legend is out of flow. set margin, so inputs are inline */
	list-style:none; /* Dont want bullets */
}
.radio li {
	position:relative; /* Fix a bug in IE zoom functionality */
	display:inline; /* Display the inputs in a line */
	white-space:nowrap; /* We dont want a label to wrap between the input and label */
}
.radio label, .radio input {
	width:auto; /* Reset the width on the label from the 5em, set earlier */
	float:none; /* Reset the float from left on the label, set earlier */
	vertical-align:middle; /* Align the radio buttons with the inputs */
}

.OptInSubmit
{
	margin-left:120px;
}

.OptInSubmit input
{
	width:auto
}

.hdrPhoneNumber
{
	font-size:18px;
	font-weight:bold;
}

#flashcontenttext
{
bottom:245px;
left:20px;
position:relative;
z-index:50;
}

#flashcontenttext H1
{
font-size:34px;
color:white;
font-family:Arial;
font-weight:bold;
margin:0;
}

#flashcontenttext H2
{
font-size:16px;
color:white;
font-family:Arial;
font-weight:bold;
margin:0;
}