/********************************** 
Site:		Blue Mountain Station
Author:		Miguel
Email:		miguel@artmil.com
Page:		Details (has styles for ul & li)

Basic structure, easy to change.
Valid HTML & CSS
**********************************/
@import "main.css";

#bodyWrap{
	width: 900px;
	height: 500px;
	background: top left url(../images/details/background.jpg) no-repeat #f1ddcb;
}
#bodyWrap2{
	width: 900px;
	height: 500px;
	background: bottom right url(../images/details/side_image.png) no-repeat;
}
#bodyContentWrap{
	float: left;
	width: 850px;
	height: 440px;
	padding-top: 30px;
	padding-left: 50px;
	padding-bottom: 10px;
	overflow: auto;
}

/* UL and LI style */
#bodyContentWrap ul{
	width: 500px;
	color: #831c00;
	font-size: 22px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0;
}

#bodyContentWrap ul li{
	color: #3d210f;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 10px;
	list-style-position: inside;
	margin: 0 0 0 0;
}
#bodyContentWrap ul li ul{
	color: #831c00;
	font-size: 12px;
	list-style-type: none;
	padding: 0 0;
	margin: 0;
}
#bodyContentWrap ul li li{
	list-style-type: circle;
	
}
#bodyContentWrapBoxWrap{
	width: 500px;
	height: 60px;
	padding: 20px 0px;
}
#bodyContentWrapBox{
	width: 210px;
	float: left;
	padding: 0px 20px;
}

/* all this really does is just swap the background image */

/* Footer Why */
#subNav{
	text-align: center;
	width: auto;
	float: right;
	height: 20px;
	color: #d8c1b1;
	background-color: #827348;
}
#subNav a{
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 6px;
}
#subNav a:hover{
	color: #d8c1b1;
}