/*************************/
/* A Day to Remember CSS */
/*************************/
/**************************************************** SITE STYLING ****************************************************/
html, body {
   background: #484C50;
   margin: 0px;
   padding: 0px;
}

body {
   color: #777777;
   font-family: Arial, Sans Serif;
}

a {
   color: gray;
}

a:hover {
   color: black;
}

img {
   border: none;
}

p {
   font-size: 13px;
   margin: 0px;
}

h2 {
   font-size:14px;
   margin: 0px;
}

#container {
   margin: 0 auto;
   width: 750px;
}

#wrapper {
   background: url('/images/day2remember_v2_10.jpg') repeat-y;
   float: left;
   width: 100%;
}

#header {
   float: left;
   width: 100%;
}

#header img {
   float: left;
}

#content {
   float: right;
   margin: 0px 87px 0px 87px;
   width: 576px;
}

#footer {
   background: white;
   float: left;
   font-size: 11px;
   padding-bottom: 15px;
   text-align: center;
   width: 100%;
}

#footer a {
   color: gray;
   font-size: 11px;
   margin: 15px 5px 5px 5px;
   text-decoration: none;
}

#footer a:hover {
   color: silver;
}

.caption {
   color: gray;
   font-size: 10px;
}

.denotes {
   font-size: 10px;
   font-style: italic;
}

.red {
   color: red;
   font-weight: bold;
}

.blue {
   color: blue;
   font-weight: bold;
}

.left {
   float: left;
}

.right {
   float: right;
}

.center {
	text-align:center;
}

.thirty {
   width: 28%;
}

.forty {
   width: 38%;
}

.sixty {
   width: 58%;
}

.seventy {
   width: 68%;
}

.hundred {
   width: 100%;
}

/****************************************************** HOMEPAGE ******************************************************/
#alz_resources {
   background: url('/images/alz_resources_02.jpg') repeat-y;
   float: left;
   padding: 0px 10px 0px 10px;
   width: 199px;
}

/***************************************************** TOURNAMENT *****************************************************/
#volleyball_info {
   background: url('/images/volleyball_info_02.jpg') repeat-y;
   float: left;
   padding: 0px 10px 0px 10px;
   width: 199px;
}

/*************************************************** FAMILY FESTIVAL **************************************************/
#festival_info {
   background: url('/images/festival_info_02.jpg') repeat-y;
   float: left;
   padding: 0px 10px 0px 20px;
   width: 189px;
}

/*************************************************** RAFFLE PRIZES ***************************************************/
#raffle_info {
   background: url('/images/raffle_info_02.jpg') repeat-y;
   float: left;
   padding: 0px 10px 0px 10px;
   width: 199px;
}
.raffle_details {
   font-size:14px;
   text-align:center;
}
.raffle_details span {
   color:red;
   font-weight:bold;
}
.disney_promotion {
   text-align:center;
}
.disney_promotion span {
   color:red;
   font-weight:bold;
}
.disney_promotion table p {
   font-size:10px;
}

/****************************************************** SPONSORS ******************************************************/
.sponsor_type {
   float: left;
   margin: 20px 0px 5px 0px;
}

#platinum {
   float: left;
   width: 100%;
}

#platinum td {
   color: black;
   font-size: 18px;
   font-weight:  bold;
   padding: 15px 0px 15px 0px;
   text-align: center;
   vertical-align: middle;
}

#platinum td a {
   color: black;
}

#gold {
   float: left;
   width: 100%;
}

#gold td {
   color: black;
   font-size: 15px;
   font-weight:  bold;
   padding: 15px 0px 15px 0px;
   text-align: center;
   vertical-align: middle;
}

#gold td a {
   color: black;
}

.sponsors {
   float: left;
   width: 100%;
}

.sponsors td {
   color: black;
   font-size: 13px;
   font-weight:  bold;
   padding: 15px 0px 15px 0px;
   text-align: center;
   vertical-align: middle;
}

.sponsors td a {
   color: black;
}


/****************************************************** CONTACT *******************************************************/
#contact_info {
   background: url('/images/contact_info_02.jpg') repeat-y;
   float: left;
   padding: 0px 10px 0px 10px;
   width: 199px;
}

/***************************************************** SLIDESHOW ******************************************************/
#slideshow {
   float: left;
   text-align: center;
   width: 100%;
}

#slide {
   border: 1px solid black;
   margin-bottom: 10px;
}

#thumbnails {
   background: #F0F0F0;
   border: 1px solid gray;
   float: left;
   height: 110px;
   overflow: auto;
   width: 332px;
}

#thumbnails div {
   float: left;
}

.thumbnail {
   border: 1px solid #484C50;
   float: left;
   height: 80px;
   margin: 5px;
}