.hideme
{
	display:none;
}

body {
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	line-height:12pt;
	background: #330000;
	margin: 80px 20px 50px 20px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(images/pageBG.gif);
	background-repeat: repeat;
	background-position: left top;
}
.oneColFixCtrHdr #container {
	width: 942px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(images/bg-body.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.topMenu
{
	display:block;
	width:500px;
	height:140px;
	position:relative;
	float:right;
}

.topMenu span
{
	display:none;
}

.topMenu ul
{
	list-style-type:none;
}

.socialParty
{
	width:155px;
	height:21px;
	background: url(images/text-followBand.gif) no-repeat top left;
	position:absolute;
	top:50px;
	left:15px;
}

.socialIcons
{
	position:absolute;
	top:80px;
	left:15px;
	margin:0px;
	padding:0px;
}

.socialIcons li
{
	display:block;
	width:24px;
	height:24px;
	float:left;
	margin-right:5px;	
}

.siBlog a:link,
.siBlog a:visited
{
	display:block;
	width:24px;
	height:24px;
	background: url(images/socialIcons.png) no-repeat 0px 0px;
}

		.siBlog a:hover
		{
			background: url(images/socialIcons.png) no-repeat 0px -30px;
		}

.siFacebook a:link,
.siFacebook a:visited
{
	display:block;
	width:24px;
	height:24px;
	background: url(images/socialIcons.png) no-repeat -28px 0px;
}

		.siFacebook a:hover
		{
			background: url(images/socialIcons.png) no-repeat -28px -30px;
		}

.siFlickr a:link,
.siFlickr a:visited
{
	display:block;
	width:24px;
	height:24px;
	background: url(images/socialIcons.png) no-repeat -56px 0px;
}

		.siFlickr a:hover
		{
			background: url(images/socialIcons.png) no-repeat -56px -30px;
		}
		
.siMySpace a:link,
.siMySpace a:visited
{
	display:block;
	width:24px;
	height:24px;
	background: url(images/socialIcons.png) no-repeat -84px 0px;
}

		.siMySpace a:hover
		{
			background: url(images/socialIcons.png) no-repeat -84px -30px;
		}
		
.siTwitter a:link,
.siTwitter a:visited
{
	display:block;
	width:24px;
	height:24px;
	background: url(images/socialIcons.png) no-repeat -112px 0px;
}

		.siTwitter a:hover
		{
			background: url(images/socialIcons.png) no-repeat -112px -30px;
		}
		
.siYouTube a:link,
.siYouTube a:visited
{
	display:block;
	width:24px;
	height:24px;
	background: url(images/socialIcons.png) no-repeat -140px 0px;
}
		
.siYouTube a:hover
{
	background: url(images/socialIcons.png) no-repeat -140px -30px;
}
		
.inviteToPlay a
{
	display:block;
	width:125px;
	height:76px;
	background: url(images/text-inviteBandPlay.gif) no-repeat 0px 0px;
	position:absolute;
	top:38px;
	left:185px;
}

.getTee a
{
	display:block;
	width:145px;
	height:110px;
	background: url(images/getYourTee.gif) no-repeat 0px 0px;
	position:absolute;
	top:17px;
	left:332px;
}

.sep1
{
	width:2px;
	height:97px;
	background: url(images/topMenuSep.gif) no-repeat 0px 0px;
	position:absolute;
	top:31px;
	left:322px;
}

.sep2
{
	width:2px;
	height:97px;
	background: url(images/topMenuSep.gif) no-repeat 0px 0px;
	position:absolute;
	top:31px;
	left:170px;
}

.mainPhoto
{
    background: url(images/loading.gif) no-repeat 50% 50%;
}
		
.mainPhoto img
{
	border:5px solid #593f29;
	width:850px; 
    height:270px;
    display:block;
}

.oneColFixCtrHdr #mainheader { 
	padding: 0px 40px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image: url(images/bg-header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	top:-15px;
}

.clsLogo
{
	position:absolute;
	left: 20px;
	top: -53px;
}


.oneColFixCtrHdr #mainheader h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.oneColFixCtrHdr #mainfooter {
	padding: 0 40px 20px 40px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-image: url(images/bg-footer.gif);
	background-repeat: no-repeat;
	background-position: -2px 20px;
	position:relative;
	top:28px;
	height:60px;
}
.oneColFixCtrHdr #mainfooter p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.clearfloat
{
	clear:both;
}

.copyRight
{
    color: #cab08c;
    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
    margin-top:20px;
}

.iconCal
{
    margin-left:3px;
    position:relative;
    top:5px;
}

.inviteJoshBox,
.getTeeBox
{
    border:0px solid #000;
    width:420px;
    float:right;
}

.lblTitle h2
{
    margin:0px 0px 10px 0px;
    color:#340000;
    border-bottom:2px solid #340000;
    padding-bottom:5px;  
}

.oneColumn
{
    width:860px;
    height:auto;
    display:block;   
}

.twoColumnLeft
{
    float:left;
    width:550px;
    height:auto;
    display:block;
    border-right: 1px solid #808080;
    padding-right:20px;   
}

.twoColumnRight
{
    width:270px;
    margin-left:570px;
    height:auto;
    display:block;
    padding-left:20px;
    position:relative;
    top:-18px;   
}

.twoColumnLeft h2,
.oneColumn h2
{
    border-bottom:2px solid #000;
    padding:5px;
    margin:30px 0px 0px 0px;
    font-size:16pt;
    letter-spacing:-1px;
    font-weight:700;   
}

.twitFeedBox
{
    background:url(images/twitBG.gif) no-repeat top left;
    display:block;
    width:270px;
    height:200px;
    padding:5px;
    margin-top:10px;
    position:relative;
    left:-5px;
}

.TwitterStatus
{
    border-top:1px solid #fff;
    border-bottom:1px solid #56b1ce;
    margin:0px;
    padding:10px 0px;
}

.twitterTitle
{
    position:relative;
    top:8px;
}

.twitImg
{
    position:relative;
    top:9px;
}

.twitFeed
{
    display:block;
    width:255px;
    height:190px;
    overflow:auto;
    padding:5px;
}

.mainMenuBar
{
    display:block;
    background:url(images/menuImage.gif) no-repeat top left;
    width:838px;
    height:50px;
    margin-bottom:15px;
    position:relative;
    left:10px;
}

.menuList
{
    margin:0px;
    padding:0px;
    list-style-type:none;
    width:838px;
    height:50px;
    position:relative;
    top:5px;
}

.menuList li
{
    float:left;
    margin:0px;
    padding:0px;
    list-style-type:none; 
    display:inline;
}

.menuHome,
.menuAbout,
.menuSchedule,
.menuMCL,
.menuImages,
.menuVideos,
.menuContact
{
    display:block;
    height:30px;
    position:absolute;  
}

.menuHome{width:45px;left:27px;}
.menuAbout{width:75px;left:115px;}
.menuSchedule{width:70px;left:225px;}
.menuMCL{width:162px;left:330px;}
.menuImages{width:60px;left:527px;}
.menuVideos{width:58px;left:620px;}
.menuContact{width:90px;left:716px;}