html {
	
}
body,td,th {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
body {
	height: 100%;
	background-color: #000;
	background-image: url(../images/img/grey_wood_bg.jpg);
	margin-left: 0px;
	margin-top: 0px;
	 padding-bottom:133px;   /* Height of the footer */
	overflow: auto; overflow-x: hidden;
}
#header {
	position:absolute;
	background-image: url(../images/img/header3.gif);
	background-position:center;
	background-repeat:no-repeat;
	left:0px;
	top:0px;
	width:100%;
	z-index:-1;
	height: 649px;
	
	
}
#logo {
	position:absolute;
	left:146px;
	top:0px;
	width:337px;
	height:107px;
	z-index:1;
}
#albumAd {
	position:absolute;
	left:230px;
	top:340px;
	width:256px;
	height:200px;
	z-index:2;
}
#bio_btn {
	position:absolute;
	left:406px;
	top:123px;
	width:64px;
	height:49px;
	z-index:3;
}
#disco_btn {
	position:absolute;
	left:316px;
	top:176px;
	width:176px;
	height:70px;
	z-index:4;
}
#events_btn {
	position:absolute;
	left:363px;
	top:246px;
	width:103px;
	height:46px;
	z-index:5;
}
#media_btn {
	position:absolute;
	left:385px;
	top:294px;
	width:88px;
	height:56px;
	z-index:6;
}
#slogan {
	position:absolute;
	left:486px;
	top:449px;
	width:392px;
	height:70px;
	z-index:7;
}

.featured	{
	height:204px;
	 padding-top:40px;
}

.stepcarousel{
	position: absolute; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 490px; /*Width of Carousel Viewer itself*/
	height: 335px; /*Height should enough to fit largest content's height*/
	left: 491px;
	top: 87px;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0px;
	top: 0px;
	width: 490px;
	height: 1101px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 0px 0px 0px; /*margin around each panel*/

width: 490px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#main_content {
	background-image:url(../images/img/paper3.gif);
	
	background-position:center;
	background-repeat:repeat;
	position:absolute;
	left:0px;
	top:406px;
	width:100%;
	height:140%;
	z-index:-2;
	
  
}

#left_side {
	position:relative;
	margin-left:320px;
	top:200px;
	width:350px;
	height:100%;
	z-index:9;
}

#content {
	position:absolute;
	left:314px;
	top:199px;
	width:637px;
	z-index:9;
}

.newsStory h2 {
		color:#905628;
		padding-bottom:5px;
		padding-top:1px;
		background:transparent url(../images/underTitle.png);
		background-repeat: no-repeat;		
		}
.newsStory{
	padding-bottom:30px;
	
	}

.postdate{
	margin-top:15px;
	margin-bottom:15px;
	color:#905628;
}	
#news{
	padding-left:180px;
	padding-right:180px;
	margin-left:17px;	
	background:transparent url(../images/content_sub_tile.jpg);
	background-repeat:repeat-y;
	background-position:top center;
}
#apDiv1 {
	position:absolute;
	left:384px;
	top:0px;
	width:265px;
	height:458px;
	z-index:9;
}
#apDiv2 {
	position:absolute;
	left:532px;
	top:546px;
	width:430px;
	height:40px;
	z-index:9;
}

#headerPic {
	position:absolute;
	left:495px;
	top:87px;
	width:457px;
	height:255px;
	z-index:9;
}

#social {
	position:absolute;
	left:349px;
	top:542px;
	width:89px;
	height:35px;
	z-index:10;
}

#main_content #content .newsStory p {
	font-size: 14px;
	color: #960;
}

.albumBlock h2 {
		color:#905628;
		padding-bottom:5px;
		padding-top:1px;
		background:transparent url(../images/underTitle.png);
		background-repeat: no-repeat;		
		}
.albumBlock{
	padding-bottom:150px;
	
	}