@charset "utf-8";
body  {
	background: #FFFFFF url(../images/body_bg.jpg) repeat-x left top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
}

.center #container {
	width: 980px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	font-size: 12px;
}
.ubrBody #container {
	width: 980px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	font-size: 12px;
}
h1 { font-size: 1.1em; color:#C3292B }
h2 { color: #C32A2D; margin-top: 4px; }
h3 { font-size: 14px; color:#C3292B; line-height: 12px; margin-top: 12px; text-indent: 30px; }
.center #silencead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #D57F1E;
	margin-top: 12px;
}
.textlink { text-decoration:none; color:#C3292B; font-weight:bold;}
.textlinksmall {
	text-decoration:none;
	color:#C3292B;
	font-size: 1.0em;
}
.imagemiddle { margin: 0px 21px 0px 21px; }
.img_left { margin-right:18px; margin-bottom:6px; }
.img_right { margin-left:18px; margin-bottom:6px; }
.imgfloatright {
	float: right;
}

.lscptupload { padding-left: 160px; }
.redtext { color:#C3292B; font-weight:bold; }
.imgaligncenter {
	margin: 0px 0px 22px 180px;
}
.main { float: left; width: 656px; margin-left: 24px; margin-top: 60px; }
.tac {
	width: 300px;
}
.select { width: 150px; }
.vidscroll {
	height:500px;
	overflow:auto;
	width: 700px;
}
.scroll {
	height:120px;
	overflow:auto;
	padding-right:4px;
	width: 450px;
	margin-left: 30px;
	margin-top: 2px;
}
.footermenu { text-decoration:none; color:#000000; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; }
.center #container #content .imagecenter { text-align: center; }
.center #container #content .judges .imagehow {	margin-left: 70px; }
.video1 {
	float: left;
	height: 142px;
	width: 142px;
	margin-top: 12px;
	text-align: center;
	margin-left: 12px;
	margin-right: 12px;
}
#container #header {
	background:url(../images/header_bg.jpg) no-repeat left top;
	position: relative;
	height: 174px;
	width: 980px;
	top: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

#container #menu {
	height: 22px;
	width: 516px;
	position: relative;
	top: 46px;
	left: 67px;
}
#container #header #logo {
	height: 87px;
	width: 200px;
	top: 20px;
	position: absolute;
	left: 640px;
}
#container #content {
	background:url(../images/content_bg.jpg) repeat-y left top;
	position: relative;
	height: auto;
	width: 902px;
	z-index: 2;
	top: 0px;
	margin: 0px 35px 0px 43px;
	background-color: #FFFFFF;
	padding: 12px 0px 18px 0px;
}

#container #content #introtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	width: 720px;
	margin-left: 100px;
	z-index: 2;
	line-height: 1.1em;
	position: relative;
	min-height: 540px;
}
.center #container #content #introtextmusic #musicdisplay {
	height: 420px;
}



#container #leftimage {
	background-image: url(../images/left_image.png);
	background-repeat: no-repeat;
	height: 212px;
	width: 111px;
	z-index: 4;
	position: absolute;
	top: 174px;
	left: 0px;
}

#container #rightimage {
	background-image: url(../images/right_image.jpg);
	background-repeat: no-repeat;
	height: 212px;
	width: 104px;
	z-index: 4;
	position: absolute;
	top: 174px;
	float: right;
	left: 876px;
}
/*footer*/
#container #squiggle {
	background-image: url(../images/squiggle.jpg);
	background-repeat: no-repeat;
	height: 214px;
	width: 265px;
	position: relative;
	bottom: 0px;
	left: 13px;
	z-index: 2;
}
#container #footer {
	background: url(../images/footer_bg.jpg) no-repeat left bottom;
	height: 252px;
	width: 902px;
	top: 0px;
	margin: 0px 35px 0px 43px;
	font-size: 1.2em;
	line-height: 1.2em;
}
#container #footer #frow1 {
	text-align:center;
	padding-top: 20px;
	margin-top: 0px;
	height: 83px;
}
#container #footer #frow2 { text-align:center; margin-top: 20px; }
#container #footer #frow3 { text-align:center; margin-top: 20px; }
#container #footer #frow4 { color:#C3292B; text-align:center; margin-top: 20px; font-weight:bold; }
#container #footer #frow4 a:hover { color: #C3292B; }

/*form pages*/
#form #form1 .lform {
	float: left;
	width: 340px;
	margin-left: 12px;
	margin-top: 60px;
	height: 300px;
}
.fullform {
	float: left;
	width: 660px;
	margin-left: 24px;
	margin-top: 60px;
}

#form #form1 .rform {
	float: right;
	width: 300px;
	margin-right: 20px;
	margin-top: 60px;
	height: 300px;
}
#form #form1 .lform .file {
	width: 300px;
}

#form #form1 .message {
	float: left;
	height: 304px;
	width: 302px;
}
#form  #form1  .subbtn {
	float: left;
	width: 78px;
	margin-top: 10px;
	margin-left: 110px;
}
#form #form1 label {
	float: left;
	width: 12.5em;
}
#form #container #content #introtextvideo #videoupload #form1 .rform #accept2 {
	width: 110px;
}


#form #form1 .required {
	color: #b51134;
	font-size: 0.85em;
}

#form #form1 input {
	width: 150px;
}

/*music pages*/
#frow1 #smusicflink {
	height: 83px;
	width: 200px;
	float:left;
	margin:0px 10px 0px 0px;
	left: 130px;
	position: relative;
}
#smusicflink #smusictop {
	height: 49px;
	width: 200px;
}
#smusicflink #smusicbot {
	height: 34px;
	width: 200px;
}
#form #container #content #introtextmusic #musicupload {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 707px;
	margin-left: 100px;
	z-index: 2;
	line-height: 1.2em;
	position: relative;
}
#form #container #content #introtextmusic #musicupload2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 720px;
	margin-left: 100px;
	z-index: 2;
	line-height: 1.2em;
	position: relative;
}
#form  #container  #content  #introtextmusic  #sharemusic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 720px;
	margin-left: 100px;
	z-index: 2;
	line-height: 1.2em;
	position: relative;
}
#form #container #content #musicupload {
	background:url(../images/upload_music1_bg.jpg) no-repeat left top;
	height: 390px;
	width: 707px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
}
#form #container #content #musicupload2 {
	background:url(../images/upload_music_bg3.jpg) no-repeat left top;
	height: 317px;
	width: 707px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
}
#form  #container  #content  #sharemusic {
	background:url(../images/share_music.jpg) no-repeat left top;
	height: 524px;
	width: 707px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
}

/*video pages*/
#frow1 #svideoflink {
	height: 83px;
	width: 200px;
	float:left;
	left: 140px;
	position: relative;
}
#svideoflink #svideotop {
	height: 49px;
	width: 200px;
}
#svideoflink #svideobot {
	height: 34px;
	width: 200px;
}
#form #container #content #introtextvideo #videoupload {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 707px;
	margin-left: 100px;
	z-index: 2;
	line-height: 1.2em;
	position: relative;
}
#form #container #content #videoupload {
	background:url(../images/upload_video1_bg.jpg) no-repeat left top;
	height: 390px;
	width: 707px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
}
#form  #container  #content  #introtextvideo  #sharevideo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 720px;
	margin-left: 100px;
	z-index: 2;
	line-height: 1.2em;
	position: relative;
}
.center #container #content #introtextvideo #videodisplay {
	height: 530px;
	margin-left: 120px;
}

#form  #container  #content  #sharevideo {
	background:url(../images/share_video.jpg) no-repeat left top;
	height: 524px;
	width: 707px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
}
/*script pages*/
#frow1 #sscriptflink {
	height: 83px;
	width: 200px;
	float:left;
	position: relative;
	left: 160px;
}
#sscriptflink #sscripttop {
	height: 49px;
	width: 200px;
}
#sscriptflink #sscriptbot {
	height: 34px;
	width: 200px;
}
#form #container #content #introtextscript #scriptupload {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 720px;
	margin-left: 100px;
	z-index: 2;
	line-height: 1.2em;
	position: relative;
}

#form #container #content #scriptupload {
	background:url(../images/upload_script_bg.jpg) no-repeat left top;
	height: 534px;
	width: 707px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
}

/*tips page*/
#container #content .tips {
	font-family: Arial, Helvetica, sans-serif;
	width: 730px;
	margin-left: 100px;
	z-index: 2;
	position: relative;
	height: 210px;
}
.center #container #content .tips .tipstext {
	float: left;
	height: 210px;
	width: 537px;
	background-image: url(../images/tips_text_bg.jpg);
}

/*judges page*/
#container #content .judges {
	font-family: Arial, Helvetica, sans-serif;
	width: 687px;
	margin-left: 115px;
	z-index: 2;
	position: relative;
	height: 290px;
}

#container #content .judges2 {
	font-family: Arial, Helvetica, sans-serif;
	width: 687px;
	margin-left: 115px;
	z-index: 2;
	position: relative;
	height: 290px;
	margin-top: 24px;
}

.center  #container  #content  .judges  .judgesbox {
	float: left;
	height: 280px;
	width: 207px;
	padding-right: 22px;
}
.center  #container  #content  .judges2  .judgesbox {
	float: left;
	height: 280px;
	width: 207px;
	padding-right: 22px;
}

/*about get connected page*/
#container #content #aboutgetconnected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	width: 720px;
	margin-left: 100px;
	z-index: 2;
	line-height: 1.1em;
	position: relative;
	min-height: 590px;
}

/*about competition page*/
#container #content #aboutcompetition {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	width: 720px;
	margin-left: 100px;
	z-index: 2;
	line-height: 1.1em;
	position: relative;
	min-height: 520px;
}

/*prizes page*/
#container #content #prizes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	width: 720px;
	margin-left: 100px;
	z-index: 2;
	line-height: 1.1em;
	position: relative;
	min-height: 300px;
}

/*partners page*/
#container #content .partners {
	font-family: Arial, Helvetica, sans-serif;
	width: 681px;
	margin-left: 115px;
	z-index: 2;
	position: relative;
	height: 170px;
}
#container #content .partners2 {
	font-family: Arial, Helvetica, sans-serif;
	width: 681px;
	margin-left: 115px;
	z-index: 2;
	position: relative;
	height: 149px;
}
.center  #container  #content  .partners  .partnersbox {
	float: left;
	height: 149px;
	width: 207px;
	padding-right: 20px;
}
.center  #container  #content  .partners2  .partnersbox {
	float: left;
	height: 149px;
	width: 207px;
	padding-right: 20px;
}

/*how to page*/
#container #content .howto {
	font-family: Arial, Helvetica, sans-serif;
	width: 687px;
	margin-left: 115px;
	z-index: 2;
	position: relative;
	height: 230px;
}
.center  #container  #content  .howto  .howbox {
	float: left;
	height: 230px;
	width: 229px;
}
/*how to page*/
#form #container #content #introtexterror #errorpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 720px;
	margin-left: 100px;
	z-index: 2;
	line-height: 1.2em;
	position: relative;
}
#form #container #content #errorpage {
	background:url(../images/error.jpg) no-repeat left top;
	height: 260px;
	width: 707px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
}
