/*--- CSS for Bigk Break Micro Site ---*/

/*--- Main Layout ---*/

body {
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#020f17;
	font: 12px normal Helvetica, Arial, sans-serif;
	/*----- Code to stop the evil, evil text resizing of the iPhone/iPod Touch -----*/
	-webkit-text-size-adjust:none;
}

#container {
	margin:0px auto 10px;
	padding:0px;
	width:940px;
	background-image:url("../images/backgrounds/BB_Shadow_sides.jpg");
	background-repeat:repeat-y;
}

#main {
	margin:0px 20px;
	padding:350px 10px 0px;
	background-image:url("../images/backgrounds/BB_body_image.jpg");
	background-repeat:no-repeat;
}

#content {
	width:800px;
	border:#FFFFFF 1px solid;
	background-color:#E6eaee;
	background-image:url("../images/backgrounds/BB_body_ground.jpg");
	background-repeat:repeat-x;
	text-align:left;
	margin:5px auto;
	padding:0px;
}

#mainContent{
	float:left;
	width:574px;
	margin:6px;
	padding:0px;
}

#rightColumn{
	float:left;
	width:184px;
	margin:20px 0px 0px 10px;
	padding:0px;
}

#footer {
	margin:5px;
}

#bottomBar {
	background-image:url("../images/backgrounds/BB_Shadow_bottom.jpg");
	background-repeat:no-repeat;
	height:20px;
	width:100%;
}

.clearFloats {
	height:0px;
	clear:both;
	overflow:hidden;
}

a {color: #0043a7;}

a:hover {color: #004f9a;}

ul {
margin: 0px;
padding: 0px;
list-style-type: none;
list-style: none;
}

li {
margin: 0px;
padding: 0px;
}

#mainContent img {
	float:right;
	border:#020f17 2px solid;
	margin:10px 0px 10px 10px;
}

/*--- Main Content ---*/

h1 {
margin: 8px 0px 5px 7px;
padding: 0px;
font-family: "BellGothic Bold", "Lucida Grande", "Lucida Sans", Helvetica, Arial;
font-size: 24px;
font-weight: normal;
}

h2 {
margin: 4px 0px;
padding: 0px;
font-family: Georgia, Times;
font-size: 18px;
font-weight: normal;
}

h3 {
margin: 2px 0px 4px 0px;
padding: 0px;
font-family: Georgia, Times;
font-size: 16px;
font-weight: normal;
}

h4 {
margin: 14px 0px 4px 0px;
padding: 0px;
font-family: "BellGothic Bold", "Lucida Grande", "Lucida Sans", Helvetica, Arial;
font-size: 16px;
font-weight: normal;
}

.site_colorBar {
margin: 6px 0px;
font-size: 0px;
height: 10px;
width: 550px;
background: transparent url("../../../../GlobalAssets/images/site_colorBar.gif") repeat-x;
float: left;
}

/*--- Tiles ---*/

.tilesFourWide{
	padding:0px;
	margin:0px;
}

.tilesFourWide a{
	display:block;
	float:left;
	width:127px;
	height:200px;
	border:none;
	text-decoration:none;
	background-color:#020f17;
	margin:0px 5px 6px 0px;
	position:relative;
	color:#DDDDDD;
	font-size:11px;
}

.tilesFourWide a:hover{
		background-color:#d5d8df;
		color:#333333
	}
	
	.tilesFourWide a h5{
		color:#FFFFFF;
		height:57px;
		margin:0px;
		position:relative;
		background-image:url("../../../../GlobalAssets/images/tileBackgrounds/4wide/golf.gif");
	}
	
	.tilesFourWide a h5 span{
		position:absolute;
		bottom:4px;
		left:5px;
		margin:0px;
		padding:0px;
		width:100px;
		display:block;
		font-size:15px;
		font-weight:normal;
	}
	
	.tilesFourWide a div.tileBody {
		padding:7px;
	}
	
	#mainContent .tilesFourWide a img{
		position:absolute;
		bottom:7px;
		left:13px;
		margin:0px;
		border:none;
		float:none;
	}

/*--- Right Column ---*/

.mainNav {
font-size: 11px;
font-family: Arial, Helvetica;
color: #333;
}

.mainNav a {
display: block;
color: #555;
text-decoration: none;
font-weight: normal;
}

.mainNav a:hover {
color: #fff;
text-decoration: none;
font-weight: normal;
}

.mainNav li {
margin: 0px;
width: 154px;
height: 28px;
border-left: 8px solid #e6e9f1;
}

.mainNav li.rightNav_singleButton_Tall, .mainNav li.rightNav_tallListElement {
height: 42px;
}

.mainNav li.mainNav_subNav {
/* whole sub nav */
margin: 0px;
padding: 0px;
width: 154px;
height: auto;
border-left: 8px solid #f0f2f7;
}

.mainNav li.mainNav_subNavTitle {
/* tier 1 titles */
margin: 0px;
padding: 0px;
width: 150px;
height: auto;
background: #f0f2f7;
border-left: 24px solid #f0f2f7;
/*border color is set later according to section*/
}

.mainNav li.mainNav_subNavTitle a {
width: 135px;
padding: 1px 0px 2px 15px;
border-bottom: 1px solid #d5d8df;
}

.mainNav li.mainNav_subNav2 {
/* tier 2 container */
margin: 0px;
padding: 0px;
height: auto;
width: 150px;
border: none;
}

.mainNav li.mainNav_subNav2 ul {
/* tier 2 container */
margin: 0px;
padding: 0px 0px 0px 0px;
height: auto;
width: 150px;
background: #d5d8df;
border-left: 24px solid #f0f2f7;
/*border color is set later according to section*/
}

.mainNav li.mainNav_subNav2 ul li {
/* tier 2 titles */
margin: 0px 0px 0px 15px;
padding: 0px; /*2px 0px 1px 15px;*/
height: auto;
width: 135px;
background: #e6e9f1;
border: none;
}

.mainNav li.mainNav_subNav2 ul li a {
width: 123px;
font-size: 10px;
padding: 2px 0px 1px 12px;
border-bottom: 1px solid #d5d8df;
}

#content_rightNav .mainNav li.sectionTitle a.thingsToDo,
.mainNav ul.thingsToDo li.mainNav_subNavTitle,
.mainNav ul.thingsToDo li.mainNav_subNav2 ul {
	border-color:#020f17;
}

#content_rightNav .mainNav li.sectionTitle a.thingsToDo:hover,
.mainNav ul.thingsToDo li#highlight_right a:hover,
.mainNav ul.thingsToDo a:hover {background-color: #020f17;}

.mainNav li#thingsToDo_subNav, .mainNav li.mainNav_subNav, .mainNav li#confWeddings, .mainNav li#accomodations, .mainNav li#boyneRewards, .mainNav li#gallery, .mainNav li#buyOnline {
position: relative;
z-index: 10;
}

#content_rightNav .mainNav li.mainNav_subNav {
position: relative;
z-index: 1;
}

#content_rightNav .mainNav li.sectionTitle a{
	border-left:24px solid;
	height:28px;
	line-height:28px;
	background-color:#e6e9f1;
	font:bold 12px/23px Times New Roman,Times,serif;
	padding:2px 0px 0px 6px;
	width:144px;
}

.rightNav_singleButton a, .rightNav_singleButton_Tall a{
	height:26px;
	line-height:24px;
	background-color:#e6e9f1;
	background-repeat:no-repeat;
	font:bold 12px/23px Times New Roman,Times,serif;
	width:138px;
	padding:2px 6px 0px 30px;
}

.rightNav_singleButton_Tall a{
	height:40px;
	line-height:18px;
}

.rightNav_singleButton a:hover {
	font:bold 12px/18px Times New Roman,Times,serif;
}

.rightNav_singleButton_Tall a:hover{
	font:bold 12px Times New Roman,Times,serif;
	line-height:18px;
}

#content_rightNav .mainNav li.sectionTitle.rightNav_tallListElement a{
	height:42px;
	line-height:18px;
}

img.rightNav_thingsToDoPic {border-left: 24px solid #dbad00;}
img.rightNav_boyneMountainPic {border-left: 24px solid #00529b;}
img.rightNav_boyneHighlandsPic {border-left: 24px solid #d08b1a;}
img.rightNav_bayHarborPic {border-left: 24px solid #c0a227;}
img.rightNav_emailSignupPic {border-left: 24px solid #b5a56f;}
img.rightNav_mediaPic {border-left: 24px solid #00719a;}
img.rightNav_genericPic {border-left: 24px solid #c1bbab;}

a.threeResorts{background-image:url("../images/rightNav/rightNav_threeResorts.gif");}
a.reserveNow{background-image:url("../images/rightNav/rightNav_makeReservation.gif");}
a.reserveNow_tall{background-image:url("../images/rightNav/rightNav_reserve_boyne.gif"); margin-bottom:6px;}
a.dollar{background-image:url("../images/rightNav/rightNav_liftTickets.gif");}
a.dollarLarge{background-image:url("../images/rightNav/rightNav_PackSpecEvents.gif");}
a.envelope{background-image:url("../images/rightNav/rightNav_spaEmail.gif");}
a.sunrise{background-image:url("../images/rightNav/rightNav_currentConditions.gif");}

a.threeResorts:hover{background-color:#006652;}
a.reserveNow:hover, a.reserveNow_tall:hover{background-color:#9ea900;}
a.dollar:hover, a.dollarLarge:hover{background-color:#003066;}
a.envelope:hover{background-color:#b5a56f;}
a.sunrise:hover{background-color:#dbad00;}

/* --- rightNav Banner --- */
.rightNav_banner {
text-align:right;
background-color:#e6e9f1;
margin:0px
}

/*--- Footer ---*/

#BoyneLogo {
	width:145px;
	height:0px;
	overflow:hidden !important;
	display:block;
	padding-top:74px;
	font-size:1px;
	background-image:url("../images/BB_body_logo.gif");
	border:none;
	text-decoration:none;
	margin:0px auto;
}