/* Blue Sky Adventure '08 CSS Document */

body {
	background:#0b1135;
	margin:0;
	padding:0;
font-family: "Century Gothic", Verdana, sans-serif;

}
	
#bs_container {
background:#0b1135;
	width:994px;	
	margin: 0 auto;
	margin-top: 15px;
	
	padding: 0 10px 5px 10px;

	}
	
	/* ------------------ text definitions sitewide --------------------*/
.blue {
	color:#1a5999;
	font-weight:bold;
	}
.sub {
	color:#FF6600;
	font-weight:bold;
	}
	
.gallery {
	color:#FFFFCC;
	font-size:14px;
	font-weight:bold;
	}

.jsShow {
	display: none;
}

/* --- for side menus ---*/
h1 {
	color:#f8c62b;
	font-size:17px;
	line-height:7px;
}

.subtitles {
	color:#0b1135;
	font-size:22px;
	text-transform:uppercase;
	font-weight:bold;
}

.subtitlessmall {
	color:#0b1135;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}	

#vistaworks {
	font-size: 11px;
	color:#fff;
	font-weight:bold;
	padding:0 0 10px 0;
	background:#0b1135;
	}
#vistaworks a, #vistaworks a:visited {
	color:#FFCC00;
	}
#vistaworks a:hover {
	color:#fff;
	}
	
/* -------------------- very top text menu, a definitions ---------------------------- */	
#bs_textmenu {

		color:#fff;
	font-size:12px;
	}
	
#bs_textmenu a, #bs_textmenu a:visited {
	color:#f8c62b;
	text-decoration:none;
font-weight:normal;
	font-size:12px;
	}
#bs_textmenu a:hover {
	color:#ffffff;	font-weight:normal;
	font-size:12px;
	}
/* --------------------ends  very top text menu, a definitions ---------------------------- */	
	
/* ------------------ main body of site ----------------------------------- */		
#bs_contents {	
border:1px solid #000;
	background:#fff;
	height:600px;
	clear:both;
	position: relative /* for floating address/logo on homepage*/
	
	}

#bs_mid {
	position:relative;
	padding-top:5px;
	font-size:13px;
	height:385px;
	overflow:scroll;
	}
#bs_mid a, #bs_mid a:visited {
	color:#25588b;
	font-weight:bold;
	}
#bs_mid a:hover {
	color:#eabc20;
	}
.small {
	font-size:10px;
	}
	
	.white {
		color:#fff;
	}

/* --------------------- blue left aligned menu on alt pages, text definitions -----------------------*/
#bs_bluemenu {
	float:left;

	width:220px;
	background:#336699;
	padding:5px;
	margin-left:3px;
	margin-right:15px;
	margin-bottom:3px;
	height:380px;
	color:#f8c62b;
	font-size:13px;
	
	}
#bs_bluemenu a, #bs_bluemenu a:hover {
	padding:0 0 0 10px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:22px;
	}
#bs_bluemenu a:hover {
	color:#f8c62b;
	}
	
/* ----- darker blue -----*/	
	
	#bs_bluemenudark {
	float:left;

	width:220px;
	background:#0b1135;
	padding:5px;
	margin-left:3px;
	margin-right:15px;
	margin-bottom:3px;
	height:380px;
	color:#f8c62b;
	font-size:13px;
	
	}
#bs_bluemenu a, #bs_bluemenu a:hover {
	padding:0 0 0 10px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:22px;
	}
#bs_bluemenu a:hover {
	color:#f8c62b;
	}
	
/* --------------------- rotating photo on hoe page of site -------------------- */	
.cycle {
	z-index: 0;
	height:558px;
	width:990px;
	margin:0 auto;
	}

/* ------------------- logo floated over main photo --------------------*/
#bs_logo {
	position: absolute;
	top: 45px;
	margin-left: 25px;
	float:left;
	
	margin-top:25px;
	background: url(images/logo-4.png) no-repeat;
	width:220px;
	height:120px;
	z-index:90;
	

	}
	
/*  ------------------ floated addy ------------------------*/
#bs_addy {
	position: absolute;
	top: 45px;
	right: 20px;
	margin-top:15px;
	margin-right:5px;
	background: url(images/addy-2010.gif) no-repeat;
	  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.80;

	width:230px;
	height:120px;
		z-index:90;

	}	
	
/* ---------------- home page footer ------------------*/
#bs_hpfooter {
	clear:both;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background:#fde43c;
	text-align:center;
	margin-top:3px;
	padding: 4px 0 4px 0;
	}
#bs_hpfooter a, #bs_hpfooter a:visited {
	font-size:14px;
	color:#000;

	}
#bs_hpfooter a:hover {
	color:#194774;
	}
#bs_altfooter {
	clear:both;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background:#fde43c;
	text-align:center;
	margin-top:3px;
	padding: 0;
	height:10px;
	}
	
	
#bsdisclaimer {
	clear:both;
	text-align:center;
	font-size:11px;
	color:#fff;
	background:#0b1135;

	}
	
/* ----------------------- alt pages header --------------------*/
#bs_header {
height:163px;
border-bottom:2px solid #164069;
background: url(images/alt-header.jpg) repeat-x;


	}
	
/* ----------------- menu code ---------------------*/
#bs_menu {
	position:relative;
	padding: 0;
	margin:2px;
	background:#fde43c;
	height:35px;
	border-top:1px solid #000;
	border-bottom: 1px solid #000;
	z-index:200;

	}
/* remove the bullets, padding and margins from the lists */
#menu ul{
list-style-type:none;
padding:0;
margin:0;

}
/* make the top level links horizontal and position relative so that we can position the sub level */
#menu li{
float:left;
position:relative;
z-index:100;

}

/* use the table to position the dropdown list */
#menu table{
position:absolute;
border-collapse:collapse;
z-index:200;
left:-1px;
top:28px;
}

/* style all the links */
#menu a, #menu :visited {
display:block;
font-size:14px;

padding:7px 4px 7px 9px;
color:#0b1135;
background:#fde43c;
text-decoration:none;

text-align:left;


}
/* style the links hover */
#menu :hover{
color:#0b1135;
background:#fded7e;

}
/* style the drop down, define width here */
#menu ul li .drop {
	width:195px;
z-index:100;
border-bottom:1px solid #000;
	}
/* style each drop - */
#menu ul li .trips {
width:195px;
z-index:100;
border-bottom:1px solid #000;
}
#menu ul li .rentals {
width:172px;
z-index:100;
border-bottom:1px solid #000;
}
#menu ul li .res {
width:145px;
z-index:100;
border-bottom:1px solid #000;
}
#menu ul li .info {
width:140px;
z-index:100;
border-bottom:1px solid #000;
}	
#menu ul li .links {
width:152px;
z-index:100;
border-bottom:1px solid #000;
}
/* hide the sub level links */
#menu ul ul {
visibility:hidden;
position:absolute;

height:0;
}
/* make the sub level visible on hover list or link */
#menu ul li:hover ul,
#menu ul a:hover ul{
visibility:visible;
z-index:100;
background:#f8c62b;

}

/* -------------------- vert menu in blue --------------------------- */

