body   {
    background-color: #FF0047;
     margin-left: auto;
     margin-top: auto; 
}

.wrap{
	position:absolute;
    background-color: #FF0047;
	width: 100%;
	left:0;
	top:0;
	}

.container {
/*	 float:left; */
	 width: 560px;
	 background-color: #FF0047;
	 left: 0px;
	 top: 0px;
	 margin-left: auto;
	 margin-right: auto;
	 
	 }

.column {
width: 500px;
height:100%;
text-align: justify;
padding-left:0px;
padding-left:0px;
font-family:"Times New Roman", Times, serif; font-size:14px; color: white;
}

.p
{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: white;

}

h1 {font-size:200%;}
h2 {font-size:140%;}
h3 {font-size:110%;}
h4 {font-size:100%; color:#FFFFFF;}
.title {  font-family: "Times New Roman", Times, serif; font-size: 16pt; color: #fff; font-weight: normal; letter-spacing: 2px; } 
.sub_title {  font-family: "Times New Roman", Times, serif; font-size: 12pt; color: #fff; font-weight: normal; letter-spacing: 1px; }

ul {list-style:circle;}
ol {list-style:upper-roman;}

a:link {color:#000080;}
a:hover {color:black;}

.sprite   {
background-image: url(../images/sprite.jpg);
font-family:Arial, Helvetica, sans-serif;
}

.name {  font-family: "Times New Roman", Times, serif; font-size: 12pt; color: #fff; font-weight: normal; letter-spacing: 1px; }

.mary .sprite {
background-position: 0px 0px;
width: 150px;
height: 180px;
float: left;
margin-left: px;
margin-bottom: px;
}

.mary2 .sprite {
background-position: 0px 0px;
width: 150px;
height: 180px;
float: left;
margin-left: 0px;
margin-right: 20px;
margin-bottom: 20px;
}

.david .sprite {
background-position: -153px 0px;
width: 150px;
height: 180px;
float: left;
margin-left: 10px;
margin-bottom: 0px;
}

.david2 .sprite {
background-position: -153px 0px;
width: 150px;
height: 180px;
float: left;
margin-left: 10px;
margin-right: 20px;
margin-bottom: 20px;
}

.katherine .sprite {
background-position: -303px 0px;
width: 150px;
height: 180px;
float: left;
margin-left: 10px;
margin-bottom: 0px;
}

.katherine2 .sprite {
background-position: -303px 0px;
width: 150px;
height: 180px;
float: left;
margin-left: 10px;
margin-right: 20px;
margin-bottom: 20px;
}

.header .sprite {
background-position: 0px -320px;
width: 400px;
height: 105px;
float: clear;
margin-left: px;
margin-bottom: 10px;
}

.music_by .sprite {
background-position: 0px -187px;
width: 460px;
height: 42px;
float: left;
margin-left: px;
}

.instruments .sprite {
background-position: -242px -230px;
width: 256px;
height: 92px;
float: clear;
margin-left: 140px;
}

.stc .sprite {
background-position: 0px -233px;
width: 230px;
height: 48px;
padding-top:px;
padding-left:px;
float: left;
}

.colorfoto .sprite {
background-position: 0px -280px;
width: 200px;
height: 40px;
float: left;
margin-left: 50px;
margin-top: 10px;
}

.mary_name .sprite {
background-position: 0px -440px;
width: 180px;
height: 60px;
float: clear;
margin-left: 160px;
margin-top: 10px;
margin-bottom: 15px;
}

.david_name .sprite {
background-position: -188px -440px;
width: 258px;
height: 60px;
float: clear;
margin-left: 160px;
margin-top: 10px;
margin-bottom: 15px;
}

.kath_name .sprite {
background-position: -250px -242px;
width: 240px;
height: 60px;
float: clear;
margin-left: 160px;
margin-top: 10px;
margin-bottom: 15px;
}

.footer {
	position: relative;
	float: left;
	width: 560px;
	text-align:center;
	z-index:1;
	padding-bottom:5px;
	padding-top:15px;
	margin-top: 0px;
	margin-left: 0px;
	border-top: 1px solid #cccccc;
	font-family: Arial, Verdana;
    font-size : 12px;
	line-height:20px;
	color:#fff; 
}

.map {
width: 560px;
text-align: justify;
padding-left:0px;
padding-left:0px;
font-family:"Times New Roman", Times, serif; font-size:14px; color: white;
}

video {
width: 560px;
align:center;
padding-left:0px;
padding-left:0px;
font-family:"Times New Roman", Times, serif; font-size:14px; color: white;
}

.sponsors {
	position:relative;
	float:left;
	width:510px;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
}

.photo_bar{
	position:relative;
	float:left;
	width:520px;
	padding-left:40px;
	padding-top:0px;
	padding-bottom:20px;
}

.photo_box{
	position:relative;
	width:500px;
	margin:px;
	padding-top:10px;
	padding-bottom:20px;
}


.photo {
	float:left;	
	width:150px;
	margin: 20px 5px 0px 5px;
}

.photo img {
	border: 0px;
	margin-top:10px 0 0 10px;
}


.img {
	border: 1px solid black;
	margin: 0 15px 20px 0;
	float: left;
}

.comp_box {
	position:relative;
	width:500px;
	padding-left:30px;
	padding-right:30px;
	padding-top:0px;
	padding-bottom:0px;
}

.comp_box img {
	border: 1px solid black;
	margin-top:20px;
	margin-bottom:20px;
	
}

.photo p {
	margin:0;
	padding: 0 0 0 0;
	font-family:  font-family: "Times New Roman", Times, serif; font-size: 12px; line-height: 1.3; color: #fff;
}


.nav_bar {
	position: relative;
	padding-top:5px;
	padding-bottom:10px;
	
}

a.type1:link {color : #fff;
    font-family : Arial, Verdana;
    font-size : 12px;
    text-decoration : underline;}
a.type1:visited {color: #fff;
	font-family : Arial, Verdana;
    font-size : 12px;
    text-decoration : underline;}
a.type1:hover {color: #fff;
	font-family : Arial, Verdana;
    font-size : 12px;
    text-decoration: bold; }
a.type1:active {color: #fff;
    font-family : Arial, Verdana;
    font-size : 12px;
    text-decoration : none}

