@charset "utf-8";
/* CSS Document */
<!-- 
/* Window Styles */
body, html {
	background-color: #000000;
	color: #ffffff;
	text-align: center;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}

/* main sections of page */
header {
	background-color: #000000;
	opacity: 0.75;
	width: 800px;
	text-align: center;
	/* border-bottom: #ffffff 3px double; */
}

section {
	width: 800px;
}

article {
	
}

aside {
	float: left;
	width: 200px;
	position: relative;
	top: -550px;
	left: 550px;
}

footer {
	background-color: #000000;
	opacity: 0.75;
	/* position: absolute;
	bottom: 10px; */
	width: 800px;
	text-align: center;
	border-top: #ffffff 3px double;
}

/* General Link Styles */
a, a:link, a:visited {
	text-decoration: none;
	color: #ffcc00;
}
a:hover, a:active {
	text-decoration: underline;
	color: #ff0000;
}

a img {
	/* border: none;
	border: #ffffff 3px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px; */
}

/* Heading Level and Paragraph Styles */
h1 {
	/* text-shadow: 3px 3px 5px #000000; */
}

h2 {
	text-decoration: underline;
	color: #cc0033;
}

h3 {
	display: block;
	color: #ffcc00;
}

p {
	text-indent: 25px;
	text-align: justify;
}

hr {
	width: 75%;
	height: 3px;
	background-color: #ffcc00;
	border-style: #ffcc00 5px outset;
}

/* Table Styles */
table {
	border-collapse: separate;
	border-spacing: 10px;
}

td:nth-of-type(1) {
	text-align: right;
	width: 230px;
}
td:nth-of-type(2) {
	text-align: left;
}
td {
	vertical-align: top;
	padding: 10px 0px;
}

#row_02, #row_03, #row_04, #row_05, #row_06, #row_07, #row_08 {
	clear: left;
}

#cell_11, #cell_21, #cell_31, #cell_41, #cell_51, #cell_61, #cell_71, #cell_81 {
	float: left;
	padding: 10px;
	text-align: center;
}

#cell_12, #cell_22, #cell_32, #cell_42, #cell_52, #cell_62, #cell_72, #cell_82 {
	float: left;
	padding: 10px;
	text-align: center;
}

/* List Styles */
ol {
	text-align: left;
}

li {
	padding: 10px 0px;
}

select {
	background-color: #000000;
	color: #ffffff;
	padding: 0px 20px;
	float: right;
	text-transform: uppercase;
	text-align: center;	
	width: 130px;
	font-size: normal;
	font-weight: lighter;
	border-left: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
	border-top: none;
	border-bottom: none;
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #ffffff;
}
option {
	background-color: #000000;
	opacity: 0.9;
	border: #ffffff 1px solid;
}

/* Classes */
.name {
	text-transform: capitalize;
	font-weight: bolder;
	color: #cc0033;
}

.left, td.left {
	text-align: left;
}
.center, td.center {
	text-align: center;
}
.right, td.right {
	text-align: right;
}

.float_left {
	float: left;
}

.textbox_width {
	width: 250px;
}

.textbox_width2 {
	width: 170px;
}

.text_area {
	width: 250px;
	height: 100px;
}

.underline {
	text-decoration: underline;
	font-weight: bolder;
}

.thumbs img {
	margin: 20px;
	border: 3px double #ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div.roundEdges img {
	border: 3px double #ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.cursor:hover {
	cursor: pointer;
	cursor: hand;
}

.quote, .italics {
	font-style: italic;	
}

/* Unique IDs */
#page {
	/*background-image: url(../images/new_legacy_usa_bg.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover; */
	width: 800px;
	/* height: 1080px; */
	margin: 0 auto;
	padding: 10px;
}

video {
	display: block;	
	width: auto;
	height: auto;
	text-align: center;
	margin: 0px auto;
	box-shadow: 0 0 10px #cccccc;
	border: #000000 3px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}
video #bgVideo {
	position: fixed;
	top: auto;
	left: auto;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateX(0%) translateY(-0%);
	transform: translateX(0%) translateY(0%);
	background: ;
	background-size: cover;
}

video #previewVideo {
	position: fixed;
	top: auto;
	left: auto;
	min-width: 100%;
	min-height: 100%;
	width: 640px;
	height: 480px;
	z-index: 200;
	-webkit-transform: translateX(-50%) translateY(--0%);
	transform: translateX(-50%) translateY(-50%);
	background: ;
	background-size: cover;
}

#logo {
	padding: 20px 0px;
	opacity: 0.9;
}
#logo img {
	border: #ffffff 3px double;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#credits {
	background-color: #000000;
	opacity: 0.75;
	text-align: center;
	border-bottom: #ffffff 3px double;
}

#menu {
	background-color: #000000;
	opacity: 0.75;
	text-align: left;
	width: 800px;
	height: auto;
	text-transform: uppercase;
	padding: 5px 0px;
	border-color: #ffffff;
}
#menu a, #menu a:link, #menu a:visited {
	color: #ffffff;
	/* text-shadow: 1px 1px 2px #ff0000; */
	padding: 0px 20px;
	border-left: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
}
#menu a:hover, #menu a:active {
	color: #000000;
	background-color: #ffffff;
	text-decoration: none;
}

#subMenu {
	/* position: absolute;
	top: 550px;
	left: 100px; */
	width: 200px;
	height: auto;
	display: inline-block;
	background-color: #cc0033;
	border: #ffcc00 3px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#subMenu a, #subMenu a:link, #subMenu a:visited {
	background-color: #cc0033;
	margin: 5px 0px;
}
#subMenu a:hover, #subMenu a:active {
	text-decoration: none;
	background-color: #ffcc00;
}

.subMenuCollab {
	color: #ffcc00;
	background-color: #cc0033;
	text-align: center;
	width: 150px;
	border: #ffcc00 3px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.subMenuCollab a:hover {
	color: #ffffff;	
	text-decoration: none;
}

#box {
	/* position: absolute;
	bottom: 150px; */
	width: 200px;
	text-align: center;	
	z-index: 150;	
}
#box a, #box a:link, #box a:visited {
	background-color: #000000;
	color: #ffffff;
	opacity: 0.75;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-weight: bolder;
	white-space: nowrap;
	padding: 20px 10px;
	margin: 2px;
	width: 225px;
	border: #ffffff 2px double;
	display: inline-block;
}
#box a:hover, #box a:active {
	background-color: #ffffff;
	color: #000000;
	opacity: 0.75;
	text-decoration: none;
}

#video_intro {
	padding: 20px;
}

#sizzle_reel {
	float: left;
	padding: 20px;
}

#donate_page {

}

#overview_page {
	position: relative;
	top: -200px;
}

#executive_page {

}

#advisor_page {

}

#sponsors_page {
	
}

#artists_page {

}

#choreographer_page {

}

#media_page {

}

#event {
	font-size: smaller;
	width: 210px;
	hieght: 200px;
	z-index: 10;
	overflow: auto;
	margin: 20px 5px;
	float: right;	
	border: 3px solid #cccccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#rsvp {
	color: #ffcc00;
	font-size: smaller;
	font-weight: bold;
	border: 3px solid #cccccc;
	width: 200px;
	hieght: 200px;
	margin: 20px 5px;
	float: right;
}
#rsvp input.button {
	background-color: #ffcc00;
	color: #cc0033;
}

#copyright {
	font-size: smaller;
	text-align: center;
	padding: 10px 0px;
}

#donate {
	/* position: absolute;
	bottom: 70px; */
	width: 800px;
	/*background-color: #ffffff;*/
	color: #ffffff;
	opacity: 0.75;
	text-align: center;
	font-size: smaller;
	font-weight: bolder;
	padding: 10px 0px;
}
#donate a, #donate a:link, #donate a:visited {
	color: #ffcc00;
	text-transform: uppercase;
}
#donate a:hover, #donate a:active {
}
-->