body {
  margin:0px;
  text-align:center;
  background-color:#333333;
}

#wrapper {
	width:852px;
	margin:0 auto;
	text-align:left;
}

#top-background {
	width:852px;
	background-repeat:none;
	background:url(../images/top.jpg);
	position:relative;
	height:750px;
}

#middle-background{
	width:852px;
	height:725px;
	position:relative;
	background:url(../images/middle.jpg);
}	

#bottom {
	width:852px;
	height:130px;
	position:relative;
	background-repeat:none;
	background:url(../images/bottom2.jpg);
}

#logo {
	margin-right:500px;
	float:left;
	width:349px;
	height:299px;
	background:url(../images/backtothecause_logo.jpg);
}
	
#tv{
	position:absolute;
	left:578px;
	top:155px;
	float:right;
	width:139px;
	height:106px;
	background:url(../images/bttctv2.gif);

}

#studiomoxy{
	position:absolute;
	left:463px;
	top:58px;
	float:right;
	width:48px;
	height:54px;
	background:url(../images/smlogo.jpg);
}


#left-content{
	width:346px;
	float:left;
}

#subleft-content{
	width:305px;
	float:left;
	margin-top:0px;
	margin-left:15px;
	position:absolute;
	left:240px;
	top:310px;
}

#curtainleft{
	width:53px;
	height:113px;
	float:left;
	background:url(../images/curtain-left.jpg);
}
	
#right-content{
	width: 180px;
	height:1200px
	margin-right:87px;
	float:right;
	position:absolute;
	left:590px;
	top:312px;
}

#right-content2{
	width: 193px;
	margin-right:78px;
	float:right;
	position:absolute;
	left:290px;
	top:150px;
}
#right-content3{
	width: 193px;
	float:right;
	position:absolute;
	left:583px;
	top:-450px;
}

#sponsor-content{
	width:350px;
	float:left;
	margin-left: 215px;
	position:absolute;
	left:10px;
	top: 10px;
}

#preparty{
	width:195px;
	height:437px;
	background:url(../images/preparty5.jpg);
	float:right;
	position:absolute;
	top:0px;
	left:0px;
	}
	
#shrinerstrivia{
	width:180px;
	height:79px;
	background:url(../images/shrinerstriviabutton.jpg);
	float:right;
	position:absolute;
	top:450px;
	left:5px;
	}
	

#curtainright{
	width: 177px;
	height: 145px;
	float:right;
	margin-right:79px;
	background:url(../images/shrinerslogoright.jpg);
}

/*sub pages*/
#aboutevent-top-background {
	width:852px;
	height:3150px;
	background-repeat:none;
	background:url(../images/top5.jpg);
	position:relative;
	text-align:center;
}


#aboutcause-top-background {
	width:852px;
	height:1850px;
	background-repeat:none;
	background:url(../images/top5.jpg);
	position:relative;
	text-align:center;
}


#costume-top-background {
	width:852px;
	height:1850px;
	background-repeat:none;
	background:url(../images/top5.jpg);
	position:relative;
	text-align:center;
}

#contact-top-background {
	width:852px;
	height:1850px;
	background-repeat:none;
	background:url(../images/top5.jpg);
	position:relative;
	text-align:center;
}

#preview-top-background {
	width:852px;
	height:1850px;
	background-repeat:none;
	background:url(../images/top5.jpg);
	position:relative;
	text-align:center;
}

#after-top-background {
	width:852px;
	height:1850px;
	background-repeat:none;
	background:url(../images/top5.jpg);
	position:relative;
	text-align:center;
}

#volunteer-top-background {
	width:852px;
	height:1850px;
	background-repeat:none;
	background:url(../images/top5.jpg);
	position:relative;
	text-align:center;
}

#tickets-top-background {
	width:852px;
	height:2100px;
	background-repeat:none;
	background:url(../images/top5.jpg);
	position:relative;
	text-align:center;
}
/*logos*/
#h-shriner{
	position:absolute;
	left:578px;
	top:155px;
	float:right;
	width:139px;
	height:106px;
	background:url(../images/bttctv2.gif);
}


/*photo gallery - after the cause*/

#pic-button a{
	margin-top:20px;
	margin-left:50px;
	float:left;
	width:182px;
	height:181px;
	background:url(../images/2007-pic1.jpg);
}

/*#pic-button a:hover{
	/*margin-top:20px;
	margin-left:50px;
	float:left;
	width:182px;
	height:181px;
	background:url(../images/2007-pic2.jpg);
	}
	
	a img {height: 35px; width: 70px; border-width: 0;}
	a#links img {background: url(links.gif) top left no-repeat;}
	a#links:hover img {background: url(links-hover.gif) top left no-repeat;}
	*/
/*new nav
 a.navButton {
 height:90px; 
 display:block; 
 float:left; 
 }

a#aboutevent {
 width:201px; 
 background:url('../images/b-aboutevent2.jpg'); 
 } 

a#aboutevent:hover {
 background-position:bottom; 
 }

a#home {
 width:201px; 
 background:url('../images/b-home2.jpg'); 
 } 

a#home:hover {
 background-position:bottom; 
 }

a#after {
 width:201px; 
 background:url('../images/b-after2.jpg'); 
 } 

a#after:hover {
 background-position:bottom; 
 }
 
 a#ticket {
 width:201px; 
 background:url('../images/b-ticket2.jpg'); 
 } 

a#ticket:hover {
 background-position:bottom; 
 }*/

/*nav*/

#nav{
	width:200px;
	float:left;
	position:absolute;
	left:0px;
	top:299px;
}	

#b-preparty a{
	float:left;
	width:200px;
	height:47px;
	background:url(../images/b-preparty.jpg);
}

#b-preparty a:hover{
	float:left;
	width:200px;
	height:47px;
	background:url(../images/b-prepartyro.jpg);
}
	
#b-preparty2{
	float:left;
	width:200px;
	height:47px;
	background:url(../images/b-prepartyro.jpg);
}

#b-home a{
	float:left;
	width:200px;
	height:47px;
	background:url(../images/b-home.jpg);
}

#b-home a:hover{
	float:left;
	width:200px;
	height:47px;
	background:url(../images/b-homero.jpg);
}

#b-home2{
	float:left;
	width:200px;
	height:47px;
	background:url(../images/b-homero.jpg);
}	

#b-aboutevent a{
	float:left;
	width:200px;
	height:45px;
	background:url(../images/b-aboutevent.jpg);
}

#b-aboutevent a:hover{
	float:left;
	width:200px;
	height:45px;
	background:url(../images/b-abouteventro.jpg);
}

#b-aboutevent2{
	float:left;
	width:200px;
	height:45px;
	background:url(../images/b-abouteventro.jpg);
}

#b-ticket a{
	float:left;
	width:200px;
	height:44px;
	background:url(../images/b-ticket.jpg);
}

#b-ticket a:hover{
	float:left;
	width:200px;
	height:44px;
	background:url(../images/b-ticketro.jpg);
}

#b-ticket2{
	float:left;
	width:200px;
	height:44px;
	background:url(../images/b-ticketro.jpg);
}

#b-costume a{
	float:left;
	width:200px;
	height:43px;
	background:url(../images/b-costume.jpg);
}

#b-costume a:hover{
	float:left;
	width:200px;
	height:43px;
	background:url(../images/b-costumero.jpg);
}

#b-costume2{
	float:left;
	width:200px;
	height:43px;
	background:url(../images/b-costumero.jpg);
}

#b-aboutcause a{
	float:left;
	width:200px;
	height:46px;
	background:url(../images/b-aboutcause.jpg);
}

#b-aboutcause a:hover{
	float:left;
	width:200px;
	height:46px;
	background:url(../images/b-aboutcausero.jpg);
}

#b-aboutcause2{
	float:left;
	width:200px;
	height:46px;
	background:url(../images/b-aboutcausero.jpg);
}

#b-volunteer a{
	float:left;
	width:200px;
	height:42px;
	background:url(../images/b-volunteer.jpg);
}

#b-volunteer a:hover{
	float:left;
	width:200px;
	height:42px;
	background:url(../images/b-volunteerro.jpg);
}

#b-volunteer2{
	float:left;
	width:200px;
	height:42px;
	background:url(../images/b-volunteerro.jpg);
}

#b-after a{
	float:left;
	width:200px;
	height:46px;
	background:url(../images/b-after.jpg);
}

#b-after a:hover{
	float:left;
	width:200px;
	height:46px;
	background:url(../images/b-afterro.jpg);
}

#b-after2{
	float:left;
	width:200px;
	height:46px;
	background:url(../images/b-afterro.jpg);
}

#b-contact a{
	float:left;
	width:200px;
	height:49px;
	background:url(../images/b-contact.jpg);
}

#b-contact a:hover{
	float:left;
	width:200px;
	height:49px;
	background:url(../images/b-contactro.jpg);
}

#b-contact2{
	float:left;
	width:200px;
	height:49px;
	background:url(../images/b-contactro.jpg);
}




.BIGred {
	color: #CC0000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
}
.redsubtitle {
	color: #CC0000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
}
.whitetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	
}
.pagetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF9933;
	text-transform: uppercase;
}	
.bluesubtitle {
	color: #3399FF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	}	
.bluesmallSubtitle {
	color: #3399FF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
}
.bluetxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3399FF;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}