\@font-face {

font-family: VistaSansOT-Bold;
font-style: normal;
font-weight: normal;
src: url(VistaSansOT-Bold.eot);

}

body { background: url("img/pg_bg.jpg") repeat; margin: 0px;}


	#header {
	
	width: 1000px;
	height: 165px;
	
	}

	#content {
	
	background: url("img/form_bg.jpg") no-repeat;
	width: 1000px;
	height: 770px;
			
	}

	#footer {
	
	background: url("img/footer.jpg") no-repeat;
	width: 1000px;
	height: 47px;
			
	}
	
	#hop_logo {
		
	position: relative;
	left: 775px;
	top: 530px;
	float: left;
	
	}

	#content_form_page {
	
	background: url("img/form_bg.jpg") no-repeat;
	width: 1000px;
	height: 1127px;
			
	}

	#content_home {
	
	background: url("img/content_home.jpg") no-repeat;
	width: 1000px;
	height: 780px;
			
	}
		
	#content_winner {
	
	background: url("img/content_judging.jpg") no-repeat;
	width: 1000px;
	height: 584px;
			
	}
	
	#content_schedule {
	
	background: url("img/content_schedule.jpg") no-repeat;
	width: 1000px;
	height: 754px;
			
	}
	
	#content_idols-new {
	
	background: url("img/content_idols.jpg") no-repeat;
	width: 1000px;
	height: 1210px;
			
	}
	
	#content_judging {
	
	background: url("img/content_judging.jpg") no-repeat;
	width: 1000px;
	height: 584px;
			
	}
	
	#content_rules {
	
	background: url("img/content_rules.jpg") no-repeat;
	width: 1000px;
	height: 530px;
			
	}
	#content_div {
		
	position: relative;
	left: 118px;
	width: 510px;
	font-family: arial;
	font-size: 14px;
	line-height: 18px;
	color: #045B72;
	float: left;
	
	}

	#content_div-home {
		
	position: relative;
	left: 100px;
	width: 1000px;
	font-family: arial;
	font-size: 14px;
	line-height: 18px;
	color: #045B72;
	float: left;
	
	}
	
	#navigation {
		
	background: url("img/nav_bg_main.jpg") no-repeat;
	width: 1000px;
	height: 30px;
	
	}
	
	#nav_container {
		
	position: relative;
	left: 100px;
	width: 800px;
	height: 30px;
	font-family: arial;
	font-size: 14px;
	line-height: 16px;
	color: #045B72;
	
	}
	
	#home {
	
	position: relative;
	left: 230px;
		
	}
	
	#contactus {
		
	position: relative;
	top: 10px;
	left: 850px;
	
	}
	
	.submit {
	
	position: relative;
	left: 325px;
	width: 150px;
	height: 20px;	
	background: #00AEBE;
	color: #FFFFFF;
	border: solid;
	border-width: 1px;
	border-color: #045B72;
	font-family: arial;
	font-size: 16px;
	line-height: 16px;
	cursor: hand;
	
	}
	
	.sched_header {
	
	background: #1F7A92;
	font-family: arial;
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
	border: solid:
	border-color: #FFFFFF;
	border-width: 1px;
	padding: 5px;
	
	}

	.left_col {
	
	background: #01AEBE;
	font-family: arial;
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
	border: solid:
	border-color: #FFFFFF;
	border-width: 1px;
	padding: 5px;
	
	}
	
	.light_blue_col {
	
	background: #3462A8;
	font-family: arial;
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
	border: solid:
	border-color: #FFFFFF;
	border-width: 1px;
	padding: 5px;
	
	}

	.purple_col {
	
	background: #540F84;
	font-family: arial;
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
	border: solid:
	border-color: #FFFFFF;
	border-width: 1px;
	padding: 5px;
	
	}
	
	.smbr {
	
	font-size: 2px;
	font-height: 2px;
	
	}
	
	.footer_smbr {
	
	font-size: 4px;
	font-height: 4px;
	
	}

	.text {
	
	font-family: arial;
	font-size: 14px;
	line-height: 18px;
	color: #045B72;
	

	}
	
	.idols-td {
	
	width: 140px;
	text-transform: uppercase;
	border: 1px solid #045B72;
	padding: 5px 5px 0px 5px;
	background: url("img/idols-td-bg.jpg");
	font-family: arial;
	font-size: 10px;
        vertical-align:top;
	line-height: 13px;
	color: #045B72;
			
	}

	.idols-td-hp {
	
	background: url("img/idols-td-bg.jpg");
	padding: 5px 5px 0px 5px;
	text-transform: uppercase;
	border: 1px solid #045B72;
	font-family: arial;
	font-size: 10px;
    text-align:center;
    vertical-align:top;
	line-height: 13px;
	color: #045B72; 
			
	}
	
	#bio-box {
		
	margin-left: 8px;
	margin-top: 2px;
	border: 1px dotted #6E3396;
	width: 439px;
	height: 450px;
	padding: 10px;
	background: #FFFFFF;

	
	}
        
        #winner-bio-box {
		
	margin-left: 8px;
	margin-top: 2px;
	border: 1px dotted #6E3396;
	width: 439px;
	height: 420px;
	padding: 10px;
	background: #FFFFFF;

	
	}
	a.txt, a:visited.txt, a:active.txt {
	
	font-family: arial;
	font-size: 14px;
	line-height: 18px;
	color: #045B72;
	text-decoration: underline;

	}

	a:hover.txt {
	
	font-family: arial;
	font-size: 14px;
	line-height: 18px;
	color: #409EB7;
	text-decoration: underline;
	
	}
	
	a.footer, a:visited.footer, a:active.footer {
	
	font-family: arial;
	font-size: 12px;
	line-height: 18px;
	color: #045B72;
	text-decoration: underline;

	}

	a:hover.footer {
	
	font-family: arial;
	font-size: 12px;
	line-height: 18px;
	color: #409EB7;
	text-decoration: underline;
	
	}

#countdownbg {
margin-left: 25px;
width: 750px;
height: 75px;
background: url("img/countdown-bg.jpg") no-repeat;

}

#lcdstyle{ /*Example CSS to create LCD countdown look*/
width: 750px;
height: 100px;
color: #FFFFFF;
font: 26px Arial;
line-height: 76px;
text-align: center;
}

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
font-size: 80%
}

	
	INPUT {font-family: arial; font-size: 1em; font-height: 1em;}
	
	TEXTAREA { width: 35em; height: 7em; font-family: arial; font-size: 1em; font-height: 1em;}
	
	#why-question {
	width: 390px;
	}
	
	a.signup, a:visited.signup, a:active.signup {height: 30px; width: 120px; background: url("img/signup_bg.jpg") 0 0 no-repeat; display: block;}
	a:hover.signup {height: 30px; width: 120px; background: url("img/signup_bg.jpg") -120px 0 no-repeat; display: block;}

	a.semi, a:visited.semi, a:active.semi {height: 30px; width: 120; background: url("img/semi_bg.jpg") 0 0 no-repeat; display: block;}
	a:hover.semi {height: 30px; width: 120px; background: url("img/semi_bg.jpg") -120px 0 no-repeat; display: block;}


	a.rules, a:visited.rules, a:active.rules {height: 30px; width: 100px; background: url("img/rules_bg.jpg") 0 0 no-repeat; display: block;}
	a:hover.rules {height: 30px; width: 100px; background: url("img/rules_bg.jpg") -100px 0 no-repeat; display: block;}

	a.schedule, a:visited.schedule, a:active.schedule {height: 30px; width: 120px; background: url("img/schedule_bg.jpg") 0 0 no-repeat; display: block;}
	a:hover.schedule {height: 30px; width: 120px; background: url("img/schedule_bg.jpg") -120px 0 no-repeat; display: block;}

	a.judging, a:visited.judging, a:active.judging {height: 30px; width: 120px; background: url("img/judging_bg.jpg") 0 0 no-repeat; display: block;}
	a:hover.judging {height: 30px; width: 120px; background: url("img/judging_bg.jpg") -120px 0 no-repeat; display: block;}

	a.idols, a:visited.idols, a:active.idols {height: 30px; width: 120px; background: url("img/2009idols.jpg") 0 0 no-repeat; display: block;}
	a:hover.idols {height: 30px; width: 120px; background: url("img/2009idols.jpg") -120px 0 no-repeat; display: block;}
	
	a.home, a:visited.home, a:active.home {height: 30px; width: 100px; background: url("img/home_bg.jpg") 0 0 no-repeat; display: block;}
	a:hover.home {height: 30px; width: 100px; background: url("img/home_bg.jpg") -100px 0 no-repeat; display: block;}
	
	a.auditions, a:visited.audtitions, a:active.auditions {height: 121px; width: 300px; background: url("img/auditions1.jpg") 0 0 no-repeat; display: block;}
	a:hover.auditions {height: 121px; width: 300px; background: url("img/auditions1.jpg") -300px 0 no-repeat; display: block;}
	
	a.contact, a:visited.contact, a:active.contact {height: 17px; width: 29px; background: url("img/contactus.jpg") 0 0 no-repeat; display: block;}
	a:hover.contact {height: 17px; width: 29px; background: url("img/contactus.jpg") -29px 0 no-repeat; display: block;}