@charset "utf-8";

body {
	color: #333333;
	font: 75%/1.5  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	background: #212121;
}

/* Reusable Classes ----------------------------------------------------------------------------------------------------*/

.centertext {
	text-align: center;
}
.floatright {
	float: right;
}

.imgleft {
	padding: 0px 10px 10px 0px;
	float: left;
}

.imgright {
	padding: 0px 0px 10px 10px;
	float: right;
}
.logoholder {
	background: #FFFFFF;
	margin: 0px 0px 5px 10px;
	padding: 10px;
	float: right;
	border: 1px solid #999999;
}

.logoholderLeft {
	background: #FFFFFF;
	margin: 5px 5px 5px 10px;
	padding: 10px;
	float: left;
	border: 1px solid #999999;
}


#btt_top {
	top: 0px;
	right: 0px;
	position: relative;
}
#btt_top hr {
	#margin-top: 3px;
}
#btt_top .btt {
	top: -10px;
	right: 20px;
	position: absolute;
	height: 20px;
	width: 100px;
	font: 10px/20px Verdana, Arial, Helvetica, sans-serif;
	background: url(https://www.magicbus.ca/_i/bg_page_btt.png) no-repeat;
	text-align: center;
	#top: 0px;
}
#btt_top .btt a {
	color: #333333;
	text-decoration: none;
}
#btt_top .btt a:hover {
	color: #00a2ff;
}

/* Ski Report Objects ----------------------------------------------------------------------------------------------------*/

#skireport {
	height: 105px;
	width: 100%;
	background: #155A9A;
	display: none;
}
#skireport .skireportholder {
	width: 800px;
	height: 100px;
	margin: 0px auto;
	padding: 5px 0px 0px 170px;
	background: url(https://www.magicbus.ca/_i/bg_skireport.png) no-repeat right top;
	_background: #155A9A;
}
#skireport .skireportholder ul {
	margin-bottom: 10px;
}
#skireport .skireportholder li {
	display: inline;
	float: left;
	height: 15px;
	width: auto;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 15px;
}
#skireport .skireportholder .skireportbreak {
	border-right: 1px dotted #6DCFF6;
	float: left;
}

#skireport .skireportholder a {
	color: #FFFFFF;
	text-decoration: none;
}
#skireport .skireportholder a:hover {
	color: #6DCFF6;
	text-decoration: underline;
}

#skireport .skireportholder h2 {
	font-family: 'Trebuchet MS', arial, san-serif;
	font-size:1.2em;
	color: #6DCFF6;
	margin-bottom: 0.1em;
	clear: both;
}
#site {
	background: #f9f9f1;
	background-image: url(https://www.magicbus.ca/_i/bg_summer_site.png);
	background-repeat: repeat-x;
}

#container {
	height: auto;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	background-image: url(https://www.magicbus.ca/_i/bg_summer_head.png);
	background-repeat: repeat-x;
	float: left;
	width: 970px;
	height: 125px;
}

#header h1 {
	text-indent: -12345px;
	display: none;
}


#header .logo {
	float: left;
	height: 125px;
	width: 252px;
	background: url(https://www.magicbus.ca/_i/summer_logo.png) no-repeat;
}

#header .slogan {
	float: left;/*margin-bottom:0.75em;*/
	color: #fff;
	font: bold 2em/130px 'Trebuchet MS', arial, san-serif;
	padding-left: 40px;
}

#header #skibutton {
	background: url(https://www.magicbus.ca/_i/bg_skireport_button.png) no-repeat;
	cursor: pointer;
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	float: right;
	height: 46px;
	width: 117px;
	margin-top: 5px;
	text-indent: -12345px;
}

/* Navigation Objects ----------------------------------------------------------------------------------------------------*/

#navigation_top {
	background-image: url(https://www.magicbus.ca/_i/bg_topnav.png);
	background-repeat: repeat-x;
	height: 40px;
	margin-bottom: 15px;
	float: left;
	display: inline;
	width: 960px;
	font: bold 15px/40px 'Trebuchet MS', arial, san-serif;
	color: #000000;
}

#navigation_top ul {
	margin: 0px;
	padding: 0px;
}

#navigation_top li{
	list-style-type: none;
	display: inline;
}

#navigation_top a {
	color: #000000;
	width: auto;
	float: left;
	height: 40px;
	padding: 0px 15px;
	border-right: 1px solid #ccc;
	text-decoration: none;
	display: block;
}

#navigation_top a:hover {
	color: #fff;
	background: url(https://www.magicbus.ca/_i/bg_summer_head.png) bottom;
}

#navigation_top .active a {
	color: #fff;
	background: url(https://www.magicbus.ca/_i/bg_summer_head.png) bottom;
}

#navigation_top .homebutt {
	border-left: 1px solid #ccc;
}


#navigation_left {
	float: left;
	width: 250px;
	padding: 0px;
}
#navigation_left #searchbox {
	float: left;
	height: 50px;
	width: 235px;
	margin-bottom: 5px;
	padding: 30px 5px 5px 10px;
	background: url(../_i/bg_search.png) no-repeat;
	font-size: 0.9em;
	color: #FFFFFF;
}
#navigation_left #searchbox input {
	border: 1px solid #66CCFF;
	font: 11px Arial, Helvetica, sans-serif;
	background: url(../_i/bg_topnav.png) bottom;
	width: 170px;
}
#navigation_left #searchbox .searchbutton {
	color: #FFFFFF;
	background: #155A9A;
	width: 50px;
	cursor: pointer;
}

#navigation_left .navigation_box {
	float: left;
	min-height: 420px;
	height: auto;
	width: 230px;
	padding: 5px 10px 10px;
	background: url(https://www.magicbus.ca/_i/bg_summer_leftnav.png) no-repeat;
}
#navigation_left .navigation_box h3 {
	font: bold 2em 'Trebuchet MS', arial, san-serif;
	color: #FFFFFF;
	margin-top: 10px;
}
#navigation_left .navigation_box li {
	display: inline;

	font: bold 1.25em/30px 'Trebuchet MS', arial, san-serif;	
}
#navigation_left .navigation_box li a{
	color: #B3FFB3;
	height: 29px;
	width: 230px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00E100;
	text-decoration: none;
	display: block;
}

#navigation_left .navigation_box a:hover {
	background: #2b7f48;
	padding-left: 10px;
	width: 220px;
	color: #FFFFFF;
}

#navigation_left .navigation_box a:active {
	background: #2b7f48;
	padding-left: 10px;
	width: 220px;
	color: #FFFFFF;
}

#navigation_left .navigation_box .active a {
	background: #2b7f48;
	padding-left: 10px;
	width: 220px;
	color: #FFFFFF;
}


#navigation_left .nav_left_bottom{
	width: 250px;
	background: url(https://www.magicbus.ca/_i/bg_summer_leftnav_bottom.png) no-repeat;
	height: 10px;
	float: left;
	margin-bottom: 10px;
}

#navigation_left .subNavBox{
	width: 250px;
	height: 90px;
	background: url(https://www.magicbus.ca/_i/bg_reddeer.png) no-repeat;
	float: left;
}

/***************************************************************************************************************************/
#navigation_left .subNavBox p{
	font: bold 1.1em 'Trebuchet MS', arial, san-serif;
	color: #FFFFFF;
	text-align:center;
	padding: 15px 10px 10px 10px;
}


#container #content {
	width: 720px;
	float: left;
	padding: 0px 0px 20px;
	min-height: 530px;
	height: auto;
}

#content h1 {
	color: #ff9900;
	margin-bottom: 0.25em;
	font: bold 2.25em 'Trebuchet MS', arial, san-serif;
}
#content h2 {
	font-family: 'Trebuchet MS', arial, san-serif;
	font-size:1.5em;/*margin-bottom:0.75em;*/
	color: #00a2ff;
	margin-bottom: 0.35em;
}
#content h3 {
	font-family: 'Trebuchet MS', arial, san-serif;
	font-size:1.2em;
	line-height:1.4em;/*margin-bottom:1em;*/
	margin-bottom: 0.35em;
	font-weight: bold;
}
#content h4 {
	font-size:1.1em;
	line-height:1.25;
	height:1.25em;
	margin-bottom:0.35em;
	font-weight: bold;
}
#content p {margin-bottom:1.5em;line-height:1.5;}
#content li ul, li ol {
	margin:0 1.5em 0px;
}
#content li {
	margin-bottom: 1em;
	line-height: 1.25em;
}

#content ul, ol {
	margin:0 1.5em 1.5em;
	padding-left: 2em;
}
#content ul {list-style-type:disc;}
#content ol {list-style-type:decimal;}
#content a {
	color: #CD620A;
	text-decoration: underline;
}
#content a:hover {
	color: #00a2ff;
	text-decoration: none;
}

#content .leftcol {
	float: left;
	width: 450px;
	padding-right: 20px;
	padding-left: 20px;
}


#content .leftcol .colnav {
	width: 380px;
	padding-right: 30px;
	padding-left: 30px;
	float: right;
}

#content .leftcol .colnav ul {
	margin: 0px;
	padding: 0px;
}

#content .leftcol .colnav li {
	list-style-type: none;
	display: inline-block;
	width: auto;
	float: left;
	height: 30px;
	padding: 8px 15px 0px;
	cursor: pointer;
}

#content .leftcol .colnav li:hover {
	color: #000000;
	background: #f0eee3;
}


#content .leftcol #contact label {
	width: 70px;
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	margin-bottom: 5px;
}

#content .leftcol #contact input {
	margin-bottom: 5px;
}

#content .rightcol {
	float: right;
	width: 230px;
	background: url(../_i/bg_rightcol.png) repeat-y;
	height: auto;
	margin: 0px;
}
#content .rightcol .rightcolguts {
	width: 210px;
	padding: 5px 10px 0px;
	float: left;
	background: url(../_i/bg_rightcol_top.png) no-repeat;
}

#content .rightcol .rightcolguts li {
	list-style-type: none;
	display: inline-block;
	margin-bottom: 0.4em;
	line-height: 1.25em;
}

#content .rightcol .rightcolguts ul, ol {
	margin:0 0.9em 1.0em;
	padding-left: 0.5em;
}
#content .rightcol .rightcolbottom {
	background: url(../_i/bg_rightcol_bottom.png) no-repeat;
	height: 10px;
	width: 230px;
	float: left;
}


#content .rightcol .rightcolguts .rightcolnav {
	padding-left: 6px;
}

#content .rightcol .rightcolguts .rightcolnav ul {
	margin: 0px;
	padding: 0px;
}

#content .rightcol .rightcolguts .rightcolnav li {
	height: 20px;
	padding: 4px 4px 0px;
	cursor: pointer;
	display: block;
}

#content .rightcol .rightcolguts .rightcolnav li:hover {
	color: #000000;
	background: #f0eee3;
}


#content .rightcol .rightcolguts .rightBlock{
	color: #000000;
	background-color: #E6E2D0;
	padding: 10px 6px 1px 6px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 4px;
}



#content .singlecol {
	float: left;
	width: 680px;
	padding-right: 15px;
	padding-left: 15px;
}
#content .singlecol #hero {
	float: left;
	height: 300px;
	width: 700px;
	margin-bottom: 10px;
}
#content .singlecol #home_content {
	float: left;
	height: auto;
	width: 700px;
}

#content .singlecol #home_content p {
	font-size: 0.9em;
	line-height: normal;
	margin-bottom: 5px;
}
#content .singlecol #home_content .magicbutton {
	float: right;
	color: #FFFFFF;
}


#content .singlecol .frontad {
	float: left;
	height: 220px;
	width: 140px;
	margin-right: 10px;
	display: block;
}

#content .singlecol .frontad a:hover{
	color: #CD620A;
}

#content .singlecol .frontad .f1 {
	background: url(../_i/bg_frontads_summer_f1.png) no-repeat;
	height: 115px;
	width: 130px;
	float: left;
	padding: 120px 5px 0px;
	color: #333333;
	text-decoration: none;
}
#content .singlecol .frontad .f2 {
	background: url(../_i/bg_frontads_summer_f2.png) no-repeat;
	height: 115px;
	width: 130px;
	float: left;
	padding: 120px 5px 0px;
	color: #333333;
	text-decoration: none;
}
#content .singlecol .frontad .f3 {
	background: url(../_i/bg_frontads_summer_f3.png) no-repeat;
	height: 115px;
	width: 130px;
	float: left;
	padding: 120px 5px 0px;
	color: #333333;
	text-decoration: none;
}


#content .singlecol .latestnews {
	float: left;
	height: 220px;
	width: 240px;

}
#content .singlecol .latestnews h3 {
	font-family: 'Trebuchet MS', arial, san-serif;
	font-size:1.5em;/*margin-bottom:0.75em;*/
	color: #00a2ff;
	margin-bottom: 0.35em;
}
#content .singlecol .latestnews a {
	float: right;
	clear: both;
}


#content .singlecol .magicbox_1, .magicbox_2 {
	float: left;
	height: 120px;
	width: 325px;
	margin-top: 10px;
	padding: 10px;
	color: #FFFFFF;
}
#content .singlecol .magicbox_1 {
	background: url(../_i/bg_magicbox1.png) no-repeat;
	margin-right: 10px;
}
#content .singlecol .magicbox_2 {
	background: url(../_i/bg_magicbox2.png) no-repeat;
}
#content .singlecol .magichead {
	font-size:1.4em;/*margin-bottom:1em;*/
	margin-bottom: 0.1em;
}
#content .dayrates {
	width: 450px;
	margin: 0px 0px 10px;
}
#content .dayrates td, th {
	padding: 5px;
	border-bottom: 1px dotted #999999;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#content .dayrates th {
	font-weight: bold;
}
#content .dayrates .age {
	color: #333333;
	font-weight: bold;
}


#footer {
	clear: both;
	height: 150px;
	width: 100%;
	color: #666666;
	background: #212121;
}
#footer .foothold {
	width: 970px;
	background: url(../_i/bg_footer.png) no-repeat;
	margin-right: auto;
	margin-left: auto;
}
#footer .foothold p {
	padding: 50px 0px 0px 20px;
}
#footer .foothold a {
	color: #666666;
	text-decoration: none;
}
#footer .foothold a:hover {
	color: #FFFFFF;
}


#footer .foothold .btt {
	float: right;
	height: 20px;
	width: 100px;
	font: 10px/20px Verdana, Arial, Helvetica, sans-serif;
	background: url(../_i/bg_footer_btt.png) no-repeat;
	text-align: center;
}
#footer .foothold .btt a {
	color: #333333;
	text-decoration: none;
}
#footer .foothold .btt a:hover {
	color: #00a2ff;
}

.summerrate {
	margin: 10px 0px 20px 20px;
	width: 250px;
}
.rate_table {
	margin-bottom: 20px;
	width: 300px;
}
.rate_table td {
	border-bottom: 1px dotted #999999;
	padding: 5px 0px;
}
.school_table {
	margin-bottom: 20px;
	width: 500px;
}
.school_table td {
	border-bottom: 1px dotted #999999;
	padding: 5px 0px 5px 3px;
}
.school_table th {
	font-weight: bold;
}

.full_rate_table {
	margin: 5px 5px 5px 10px;
	width: 635px;
}
.full_rate_table td {
	border-bottom: 1px dotted #999999;
	padding: 5px 0px 5px 3px;
}
.full_rate_table th {
	font-weight: bold;
	
}

.full_rate_table .highlight{
	background: url(../_i/bg_schedule_calendar.png) no-repeat -5px -5px;
}


/* Calendar Objects ----------------------------------------------------------------------------------------------------*/

.schedule_calendar_div {
float:left;
width:205px;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
margin-left: 5px;
}

.schedule_calendar {
	float: left;
	height: 200px;
	width: 680px;
	margin-top: 10px;
	margin-left: 10px;
	background-color: #f0eee3;
}

.schedule_calendar2 {
	height: 200px;
	width: 450px;
	margin-top: 10px;
	margin-left: 0px;
	background-color: #f0eee3;
}

.schedule_calendar2 .calendar table {
	float: left;
	height: auto;
	width: 205px;	
}

.schedule_calendar .calendar table {
	float: left;
	height: auto;
	width: 205px;	
}

.calendar td.trip {
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
	font-size:11px;
}

#reciept label {
	width: 125px;
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	font-weight: bold;
}

.form_highlight {
	background-color: #EFF1F8;
}

.room_title_text_sm {
	font-size: 10px;
	font-weight: normal;
}

.page_break {
	page-break-before: always;
}
#container #fullcontent {
	width: 950px;
	float: left;
	padding: 0px 0px 20px;
	min-height: 530px;
	height: auto;
}

.tagSponsor {
	padding-top: 15px;
}

.epicGallerySelector ul {
	margin-bottom: -15px;
	margin-top: 15px;
}


#content .epicGallerySelector li {
	display: inline;
	float: left;
	height: 20px;
	width: auto;
	padding: 6px 5px 2px 5px;
	line-height: 15px;
	background: #ff9900;
	margin: 10px 2px 0px 2px;
}

#content .epicGallerySelector a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}

#content .epicGallerySelector a:hover {
	font-weight:bolder;
}

#content .epicGallerySelector li:hover {
	background: #0a5389;
}

#content #flashcontent {
	clear:both;
}

#btn_facebook {
	width: 240px;
	height: 35px;
	background: url(../_i/facebooklogo.gif) no-repeat center;
	margin: 0px 0px 10px 5px;
	float: left;
	cursor:pointer;
}


#newsletter_signup{
	width: 250px;
	height: 105px;
	background: url(../_i/bg_newsletter.png) no-repeat;
	float: left;
	padding: 8px 15px 0px 15px;
}


 /*printer styles*/ 
 @media print{ 
body {background: #FFFFFF;}
#footer{display:none;} 
#navigation_left{display:none;}
#navigation_top{display:none;}
}