/* CSS Document */

body 
{ 
	background: #000000; 
	color:#fff; 
	height: 100%; 
	font-family:Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
}

/* Main Elements 
------------------------------------*/
#container
{
	z-index: 2;
	position:absolute;
	width:1000px;
	height:100%;
	margin:0;
	top:0;
	bottom:0;
	left: 0;
	padding:0;		
}


#logo
{
	position: relative;
	display:block;
	top:25px;
	left:32px;
	height:81px;
	width:60px;
}
	
a#logo 
{
	background: url(../images/vfs-logo.gif) top left;
}
	
#logo span {display:none;}
	
	
#life-changing
	{
		position: absolute;
		background: url(../images/a-life-changing-experience.gif) top left;
		top:60px;
		padding:0;
		left:125px;
		height:14px;
		width:281px;		
	}
	
#life-changing span {display: none;}

#banner
{
	position:absolute;
	top:132px;
	height:228px;
	width:1000px;
}

#banner span {display:none;}

#banner .celebrate
	{
	background: url(../images/celebrate.jpg) top left no-repeat;
	width:312px;
	height:228px;
	position:absolute;
	
	}

#banner .twenty
	{
	background: url(../images/20-years.jpg) top left no-repeat;
	position:absolute;
	left:312px;
	width:313px;
	height:228px;	
	
	}

#banner .onemillion
	{
	background: url(../images/1-million-dollars-blank.jpg) top left no-repeat;
	position:absolute;
	left:625px;
	width:255px;
	height:228px;
	}
	
#banner .indicator
	{
	background: url(../images/indicator.jpg) top left no-repeat;
	position:absolute;
	left:880px;
	width:121px;
	height:227px;
	}

/* Copy
------------------------------------*/
#maincopy-long
	{
	position:absolute;
	top:397px;
	left:110px;
	width:475px;
	font-size:80%;
	}
	
#maincopy-long a, #maincopy-long a:active, #maincopy-long a:visited {color:#ffffff; text-decoration:underline;}
#maincopy-long a:hover {background:#ffffff; color:#000000; text-decoration:none;}
	
#maincopy-short
	{
	position:absolute;
	top:382px;
	left:125px;
	width:225px;
	font-size:80%;
	/*text-align:justify;*/
	}

/* News
------------------------------------*/	
#news-container
{
	position:absolute;
	top:382px;
	left:375px;
	width:504px;
	/*border:1px solid red;*/

}

	#news-container .datetitle
	{		
		color:#d32442;
		font-size:80%;
		font-weight:bold;
		text-transform:uppercase;
		padding:0 0 10px 0;	
	}
	
	#news-container a, a:visited, a:active
	{
		color:#ffffff;
		text-decoration:none;
	}
	
	#news-container a:hover
	{
		color:#ffffff;
		text-decoration:underline;		
	}

	#news-container .news-col-one
	{
		position:relative;
		width:250px;
		height:auto;
		/*border:1px solid red;*/
		padding:3px 0 0 1px;
	}
	
	#news-container .news-col-two
	{
		position:absolute;
		left:276px;
		top:0;
		width:250px;
		height:auto;
		padding:3px 0 0 1px;
	}
	
		#news-item
		{
			padding:0 0 25px 0;
			/*height:85px;*/
		}
		
			#news-item .title
			{
				font-size:80%;
				font-weight:bold;
				text-transform:uppercase;
				padding: 0 0 5px 0;
			}
			
			#news-item .copy
			{
				font-size:75%;
			}
			
			#news-item .news-image
			{
				float:left;
				margin:0 10px 0 0;
				height:85px;			
			}
			
/* Update
------------------------------------*/	

#update
{
	position:absolute;
	left:120px;
	top:170px;	
}

#updatecopy-short
	{
	position:absolute;
	left:85px;
	width:530px;
	font-size:80%;
	background-color:#ffffff;
	color:#404040;
	padding: 10px;
	}

#updatecopy-short h3 {font-size:110%;}

#update .datetitle
{
	color:#404040;
	background:#dfdfdf;
	text-transform:uppercase;
	margin: 4px 0;
	padding:1px;
}

#update .datetitle-expire
{
	color:#B31B34;
	background:#FFE1E1;
	border:1px solid #B31B34;
	text-transform:uppercase;
	margin: 4px 0;
	padding:1px;
}

#update a, a:visited, a:active
{
	text-decoration:underline;
	/*color:#ffffff;*/
	color:#404040;
	line-height:1.55em;
}

#update a:hover
{
	/*color:#000000;
	background:#ffffff;*/
	color:#ffffff;
	background:#404040;
	text-decoration:none;
	line-height:1.55em;
}


#update-container
{
	position:absolute;
	top:152px;	
	left:85px;
	width:504px;
	/*border:1px solid red;*/
}

#update-container .datetitle
{
	text-decoration:underline;
	font-size:80%;
	text-transform:uppercase;
	padding:0 0 10px 0;	
		
	/*color:#d32442;
	font-size:90%;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 0 10px 0;	*/
}

#update-container .col-one
{
	position:relative;
	width:250px;
	height:auto;
	/*border:1px solid red;*/
	padding:3px 0 0 1px;
}
	
#update-container .col-two
{
	position:absolute;
	left:276px;
	top:0;
	width:250px;
	height:auto;
	padding:3px 0 0 1px;
}

/* Footer 
------------------------------------*/
#footer
{
	position:relative;
	top:545px;
	left:110px;
	/*border:1px solid red;*/
	width:400px;
	height:20px;
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

	#footer a, #footer a:visited, #footer a:active
	{
		color:#ffffff;
		text-decoration:none;
	}
	
	#footer a:hover
	{
		color:#ffffff;
		text-decoration:underline;		
	}

/* Footer  Alternative
------------------------------------*/
#footeralt
{
	
	 position: relative; left:-390px; top:-20px; float:left; width:360px; height:20px;
	/*position:absolute;
	top:750px;
	left:125px;
	width:400px;
	height:20px;
	font-size:70%;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;	
}

	#footeralt a.ulink, #footeralt a.ulink:visited, #footeralt a.ulink:active
	{
		font-weight:normal;
		color:#ffffff;
		text-decoration:none;
	}
	
	#footeralt a.ulink:hover
	{
		font-weight:normal;
		background:none;
		color:#ffffff;
		text-decoration:underline;		
	}
	
/* Get Started 
------------------------------------*/
#submit-application
{
	position:absolute;	
	background: url(../images/submit-your-application.gif) top left no-repeat; display:block;
	top:110px;
	/*left:295px;	*/
	left:205px;	
	height:47px;
	width:369px;	
}

#submit-application span {display:none;}

#program-name
{
	position:absolute;
	top:107px;
	left:205px;		
	color:#efefef;
	width:530px;
}

#program-name h2 {	font-size:120%;}


/* Form Body
------------------------------------*/
#form
{
	position:absolute;
	/*left:214px;*/
	left:125px;
	top:190px;
}

	#form .stepone
	{
	background: url(../images/step-1.jpg) top left no-repeat;
	height:116px;
	width:262px;
	margin:0 0 48px 0;		
	}
	
	#form .steptwo
	{
	background: url(../images/step-2.jpg) top left no-repeat;
	height:143px;
	width:262px;
	}
	
	#form .adobenote
	{
	background: url(../images/asterisk.jpg) top left no-repeat;
	height:116px;
	width:262px;			
	}
	
	#form .stepthree
	{
	position:absolute;
	top:0px;
	left:300px;
	background: url(../images/step-3.jpg) top left no-repeat;
	height:116px;
	/*border:1px solid red;*/
	width:262px;			
	}
	
	#form .steptitle
	{
		position:relative;
		left:77px;
		color:#d32442;
		font-size:80%;
		font-weight:bold;
		text-transform:uppercase;
		padding:0 0 10px 0;	
	}
	
	#form .steptitleother
	{
		position:absolute;
		left:375px;
		top:5px;
		color:#d32442;
		font-size:80%;
		font-weight:bold;
		text-transform:uppercase;
		padding:0 0 10px 0;	
		width:200px;
		z-index:100;
	}
	
	#form .steptitlepdf
	{
		position:relative;
		margin:0 0 0 7px;
		top:2px;
	}
	
	#form .stepcopy
	{
		position:relative;
		left:77px;
		width:195px;
		font-size:80%;		
	}
	
	#form .stepcopyform
	{
		position:relative;
		left:75px;
		top:30px;
		width:250px;
		font-size:80%;		
	}
	
	#form a, #form a:active, #form a:visited
	{
		color:#d32442;
		text-decoration:underline;
		font-weight:bold;
	}
	
	#form a:hover
	{
		background-color:#d32442;
		color:#000000;
		text-decoration:none;
	}
	
	#form .error
	{
		/*background:#FFFFE1;*/
		color:#FF9900;
		/*width:auto;	*/
		padding: 3px 0 2px 2px;
		font-weight:bold;
	}
	
	#form .label
	{
		padding: 3px 0 2px 0;
		color:#ffffff;		
	}
	
	#form a.label, #form a:visited.label, #form a:active.label
	{
		color:#ffffff;
		text-decoration:none;		
	}	
	
	#form a:hover.label
	{
		color:#ffffff;
		background:none;
		text-decoration:underline;			
	}
	
	
	#form input
	{		
		padding: 2px 0;
		font-size:80%;
	}
	
	#form input.normal
	{
		width:200px;		
	}
	
	#form select
	{
		width:200px;
		padding: 2px 0;
		font-size:80%;
	}

/* Form Page Dollar Indicator
------------------------------------*/
#indicator-large
{
	position:absolute;
	background:url(../images/indicator-large.jpg) top left no-repeat;
	width:150px;
	height:600px;
	left:771px;
	top:0;
}

#indicator-large span {display:none;}

/* Why we need
------------------------------------*/
#whyweneed
{
	width:240px;
	height:auto;
	margin-left: auto; margin-right: auto;
	margin-top: 20px;
	font-size:80%;	
}

	#whyweneed a,  #whyweneed a:active, #whyweneed a:visited
	{
		color:#d32442;
		text-decoration:underline;
		font-weight:bold;
	}
	
	#whyweneed a:hover
	{
		background-color:#d32442;
		color:#000000;
		text-decoration:none;
	}

	#whyweneed h3
	{
		font-size:100%;
		font-weight:bold;
		text-decoration:underline;
	}
	
/* Apply Page
------------------------------------*/

#apply
{
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	width:500px;
	left:125px;
	top:125px;
	font-size:80%;
}

#apply h3
	{
		position:relative;
		color:#d32442;		
		font-weight:bold;
		text-transform:uppercase;
	}

#applyform
{
	position:relative;	
	top:5px;
}

#applyform textarea
{
	width:500px;
	margin:5px 0 8px 0;
}

#apply .big-links
{
	border:1px solid #333333;
	padding:3px;
	margin-bottom:15px;
}


#apply a, #apply a:active, #apply a:visited
	{
		color:#ffffff;
		text-decoration:underline;
		font-weight:bold;
	}
	
	#apply a:hover
	{
		background-color:#000000;
		color:#ffffff;
		text-decoration:none;
	}

/* Hot Links
------------------------------------*/

#links 
{ 		
	 		
	padding: 0 0 3px 0;	
	width:215px;		
}

	#links ul
	{
		margin:0;
		padding:0;
	}
	
	#links li {	
		margin:0; 
		padding: 0;
		list-style: none;

	}
	
	
	/* \*/ * html #links li, #links a {display: inline;} /* */	
	
	#links li, #links a {
		
		height: 20px; 
		display: block;
	}
	
	
			
	#links li a.home:hover	{	background: url(../images/home-over.gif); }
	#links li a.home		{	background: url(../images/home.gif); }
	
	#links li a.ae:hover	{	background: url(../images/acting-ess-over.gif); }
	#links li a.ae			{	background: url(../images/acting-ess.gif); }
	
	#links li a.fd:hover	{	background: url(../images/foundation-over.gif); }
	#links li a.fd			{	background: url(../images/foundation.gif); }
	
	#links li a.twod:hover	{	background: url(../images/classical-animation-over.gif); }
	#links li a.twod		{	background: url(../images/classical-animation.gif); }
	
	#links li a.threed:hover{	background: url(../images/3d-animation-over.gif); }
	#links li a.threed		{	background: url(../images/3d-animation.gif); }
	
	#links li a.ac:hover	{	background: url(../images/acting-over.gif); }
	#links li a.ac			{	background: url(../images/acting.gif); }
	
	#links li a.dca:hover	{	background: url(../images/digital-char-animation-over.gif); }
	#links li a.dca			{	background: url(../images/digital-char-animation.gif); }
	
	#links li a.dd:hover	{	background: url(../images/digital-design-over.gif);}
	#links li a.dd			{	background: url(../images/digital-design.gif); }
	
	#links li a.ebm:hover	{	background: url(../images/entertainment-bus-mgt-over.gif); }
	#links li a.ebm			{	background: url(../images/entertainment-bus-mgt.gif); }
	
	#links li a.fp:hover	{	background: url(../images/film-production-over.gif); }
	#links li a.fp			{	background: url(../images/film-production.gif); }
	
	#links li a.gd:hover	{	background: url(../images/game-design-over.gif); }
	#links li a.gd			{	background: url(../images/game-design.gif); }
	
	#links li a.md:hover	{	background: url(../images/makeup-design-over.gif); }
	#links li a.md			{	background: url(../images/makeup-design.gif); }
	
	#links li a.sd:hover	{	background: url(../images/sound-design-over.gif); }
	#links li a.sd			{	background: url(../images/sound-design.gif); }
	
	#links li a.wr:hover	{	background: url(../images/writing-over.gif); }
	#links li a.wr			{	background: url(../images/writing.gif); }
	
	#links li a.ho:hover	{	background: url(../images/houdini-certification-over.gif); }
	#links li a.ho			{	background: url(../images/houdini-certification.gif); }
	
	#links li div				{	height:1%; display:none; }