@charset "UTF-8";
/* CSS Document */

body {
margin: 0px;
background: url(../images/bg.jpg) top center repeat-y #f2f2f2;
color: #474747;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#Container {
width:920px;
margin: 0 auto;
}

.float {
float: left;
}

.clear {
clear: both;
}

.red {
color: #ac0000;
}

.red2 {
color: #ac0000;
text-decoration: underline;
}

h3 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 14px;
}

.float-left {
    width: 200px;
    float: left;
}

.float-center {
    width: 200px;
    float: left;
}


.float-right {
    width: 200px;
    float: left;
}



.float-left2 {
    width: 350px;
    float: left;
}

.float-right2 {
    width: 300px;
    float: left;
}


/**********************************
Header
**********************************/

#header-underline {
height: 34px;
background: url(../images/header-underline.png) top left repeat-x;
}

#header-underline h4 {
font-weight: normal;
font-size: 18px;
margin: 0;
padding: 8px 0px 0px 20px;
}

/**********************************
Left Column (Nav)
**********************************/
#left-column {
width: 190px;
float: left;
}

#main-nav {
width: 177px;
float: left;
margin-top: 15px;
}

#nav-header-bg {
height: 22px;
background: url(../images/h4-bg.png) top left repeat-x;
}

#nav-header-bg h4 {
font-weight: normal;
font-size: 12px;
color: #888888;
margin: 0;
padding: 4px 0px 0px 10px;
}

#left-column ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#left-column li {
padding: 6px 0px 6px 10px;
border-bottom: 1px solid #d3d3d3;
}

#left-column li a {
display: block;
color: #474747;
text-decoration: none;
}

#left-column li a:hover {
color: #ac0000;
}

#difference-nav {
width: 177px;
float: left;
margin-top: 15px;
}

#difference-nav span {
color: #ac0000;
}

#photo-gallery {
width: 177px;
float: left;
margin-top: 15px;
}

#photo-gallery img {
border: 1px solid #d3d3d3;
margin-top: 10px;
margin-bottom: 15px;
}

/**********************************
Main Column
**********************************/
#main-column {
width: 730px;
float: left;
}

/**********************************
Top Banner
**********************************/

#top-banner {
	width: 717px;
	height: 124px;
	float: left;
	margin-top: 15px;
	background: url(../images/top-banner.jpg) top left no-repeat;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding-top: 7px;
}

#top-banner b {
color: #ac0000;
font-size: 24px;
letter-spacing: normal;
}

#promo {
width: 261px;
height: 64px;
float: left;
margin-top: 15px;
margin-left: 95px;
background: url(../images/promo.jpg) top left no-repeat;
text-align: center;
font-size: 15px;
font-weight: bold;
padding-top: 12px;
}

#promo b {
color: #ac0000;
font-size: 16px;
letter-spacing: normal;
}

.photo {
float: right;
clear: right;
margin-top: 10px;
display: block;
}

/**********************************
Middle Banner
**********************************/

#middle-banner {
width: 717px;
float: left;
margin-top: 15px;
}

#featured {
width: 800px;
height: 237px;
float: left;
margin-right: 13px;
}

#featured-header {
height: 26px;
width: 468px;
float: left;
color: #ffffff;
background: url(../images/featured-header.jpg) #484848 top left repeat-x;
padding-top: 6px;
}

#featured-header h2 {
font-size: 16px;
padding: 6px 10px;
margin: 0px;
display: inline;
}

#featured-box {
width: 701px;
overflow:hidden;
height: 205px;
float: left;
border-top: 1px solid #d3d3d3;
border-left: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
background-color: #ececec;
padding: 6px;
}

#featured-profile {
width: 690px;
height: 195px;
float: left;
border: 1px solid #dddddd;
background-color: #ffffff;
padding: 4px;
}

#featured-profile img {
float: left;
border: 1px solid #dddddd;
margin-right: 6px;
}

#featured-profile b {
font-size: 18px;
color: #ac0000;
}

.red {
color: #ac0000;
}

#profile-text {
width: 670px;
display:inline;
float: left;
margin: 5px 0px 5px 5px;
}

#profile-text a {
color: #ac0000;
text-decoration: none;
}

#profile-text a:hover {
color: #474747;
}

#slider {
    width: 715px;
    position: relative;
}

.scroll {
    height: 190px;
    width: 700px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
	padding: 3px;
    height: 180px;
    width: 700px;
}

float {
float: left;
}

#featured-list {
float: left;
padding-top: 4px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0px;
	margin-left: 300px;
	display: inline;
}

ul.navigation li {
	width: 36px;

	display: inline;
}

ul.navigation a {
	width: 36px;
    text-decoration: none;
	line-height:22px;
	color: #474747;
	width: 36px;
	background: url(../images/tab-gray.jpg) top left no-repeat;
	font-size: 16px;
	font-weight: bold;
	padding: 6px 14px;
}

ul.navigation a:hover {
	width: 36px;
	height: 27px;
	color: #ffffff;
	background: url(../images/tab-red.jpg) top left no-repeat;
}

ul.navigation a.selected {
	width: 36px;
	height: 27px;
	color: #ffffff;
	background: url(../images/tab-red.jpg) top left no-repeat;
}

ul.navigation a:focus {
    outline: none;
}

.hide {
    display: none;
}

#mid-wrap {
width: 236px;
height: 237px;
float: left;
}

#tickets div, #donations div {margin-left:115px;}
#tickets {
width: 236px;
height: 106px;
float: left;
background: url(../images/tickets-bg.jpg) top left no-repeat;
padding-top: 5px;
color: #474747;
text-decoration: none;
}

a:hover #tickets {
cursor: pointer;
}

#donations {
width: 236px;
height: 106px;
float: left;
margin-top: 15px;
background: url(../images/donations-bg.jpg) top left no-repeat;
padding-top: 5px;
color: #474747;
text-decoration: none;
}

a:donations #tickets {
cursor: pointer;
}

#mid-wrap b {
font-weight: normal;
font-size: 18px;
color: #ac0000;
}

/**********************************
Main Content
**********************************/

#main-content {
width: 717px;
float: left;
margin-top: 15px;
margin-bottom: 30px;
}

#main-header {
height: 32px;
width: 717px;
float: left;
color: #ffffff;
background: url(../images/featured-header.jpg) #484848 top left repeat-x;
}

#main-header h2 {
font-size: 16px;
padding: 6px 10px;
margin: 0px 0px;
}

#content {
width: 685px;
float: left;
padding: 15px;
border-left: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
}

#text {
width: 445px;
float: left;
padding-right: 15px;
}

#text i {
font-size: 15px;
}

#right-col {
width: 225px;
height: 100%;
float: left;
}

#right-col img {
border: 1px solid #d3d3d3;
margin-top: 10px;
margin-bottom: 15px;
}

#content a {
color: #ac0000;
text-decoration: none;
}

#content a:hover {
color: #474747;
}

/**********************************
Footer
**********************************/

#footer {
width: 880px;
height: 30px;
float: left;
margin-top: 5px;
background-color: #484848;
color: #888888;
padding: 20px;
}

#footer a {
color: #ffffff;
text-decoration: none;
}

#footer a:hover {
color: #000000;
}

.right {
float: right;
margin-left: 10px;
}

.history-pic {
width: 50%;
float: left;
margin-bottom: 25px;
font-weight: bold;
}

.history-pic img {
border: 1px solid #d3d3d3;
margin-bottom: 5px;
}

.redtext {
font-weight:bold;
color: #ac0000;
}

.img-border {
border: 1px solid #d3d3d3;
}

.video-box {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

.hp-vid {
margin: 0 auto;
height: 344px;
width: 425px;
border: 1px solid #d3d3d3;
}

.store-pic {
border: 1px solid #d3d3d3;
float: left;
padding: 4px;
margin-right: 10px;
}

.store-pic2 {
border: 1px solid #d3d3d3;
float: left;
margin-right: 10px;
}