/*
	
	Title:      	Classical Animation / Program Specific CSS Style for VFS.com
	Author:     	Jun Ho Moon, jhmoon@vfs.com
	Created:		May 24, 2006



	/* Program Color - #A05804
	------------------------------------------- */
	
		#side-menu h2,
		#proven-education h2,
		#content-inner h2 {
			background-color: #dec5a7;
			color: #404040;
			border-top:1px solid #929292;
			}
	
		/*#side-menu h2,
		#content-inner h2, */
		#content dl.advisory-board,
		#proven-education,
		.box,
		.box_flat,
		.box-menu, 
		.sub-menu-list,
		table.proven_education td.desc {
			background-color: #f1e6da;
			}
			
			  a:focus, a:active {
   outline: none;

      }
			
	/* What You Will Learn Section 
		-------------------------------------*/
	
		#what-you-will-learn .top-row {margin:0; padding:0; clear:both; _clear:left;}
			#what-you-will-learn .top-image-col {float:left; width:164px; height:77px; margin:0 0 0 -5px; padding:0;}
			#what-you-will-learn .top-image-col2 {float:left; width:298px; _width:298px;padding-left:5px;}
			
				#what-you-will-learn h4.character-title {
					background:url(http://media.vfs.com/assets/images/CA/homepage/character-title-hover.gif) top left no-repeat; 
					width:300px; 
					height:19px; 
					display:block; 
					margin:9px 0 6px -7px; 
				}
				#what-you-will-learn a.character-title {
					background:url(http://media.vfs.com/assets/images/CA/homepage/character-title.gif) top left no-repeat; 
					width:300px; 
					height:19px; 
					display:block;
				}
				
				#what-you-will-learn a:hover.character-title {background:url(http://media.vfs.com/assets/images/CA/homepage/character-title-hover.gif) top left no-repeat;}
				#what-you-will-learn div.character-image {
					background:url(http://media.vfs.com/assets/images/CA/homepage/character_de_image_hover.jpg) top left no-repeat; 
					width:164px; 
					height:77px; 
					display:block; }
				#what-you-will-learn  a.character-image {
					background:url(http://media.vfs.com/assets/images/CA/homepage/character_de_image.jpg) top left no-repeat; 
					width:164px; 
					height:77px; 
					display:block;}
				#what-you-will-learn  a:hover.character-image {background:url(http://media.vfs.com/assets/images/CA/homepage/character_de_image_hover.jpg) top left no-repeat;}
				
				#what-you-will-learn h4.story-title {
					background:url(http://media.vfs.com/assets/images/CA/homepage/storyboard-title-hover.gif) top left no-repeat; 
					width:300px; 
					height:19px; 
					display:block; 
					margin:9px 0 6px -7px; 
				}
				#what-you-will-learn a.story-title {
					background:url(http://media.vfs.com/assets/images/CA/homepage/storyboard-title.gif) top left no-repeat; 
					width:300px; 
					height:19px; 
					display:block;
				}
				#what-you-will-learn a:hover.story-title {background:url(http://media.vfs.com/assets/images/CA/homepage/storyboard-title-hover.gif) top left no-repeat;}
				#what-you-will-learn div.story-image {
					background:url(http://media.vfs.com/assets/images/CA/homepage/story_image_hover.jpg) top left no-repeat; 
					width:164px; 
					height:77px; 
					display:block; }
				#what-you-will-learn  a.story-image {
					background:url(http://media.vfs.com/assets/images/CA/homepage/story_image.jpg) top left no-repeat; 
					width:164px; 
					height:77px; 
					display:block;}
				#what-you-will-learn  a:hover.story-image {
				background:url(http://media.vfs.com/assets/images/CA/homepage/story_image_hover.jpg) top left no-repeat;}
				#what-you-will-learn h4.animation-art-title {
					background:url(http://media.vfs.com/assets/images/CA/homepage/animation-art-title_hover.gif) top left no-repeat; 
					width:300px; 
					height:19px; 
					display:block; 
					margin:9px 0 0px -7px; 
				}
				#what-you-will-learn a.animation-art-title {
					background:url(http://media.vfs.com/assets/images/CA/homepage/animation-art-title.gif) top left no-repeat; 
					width:300px; 
					height:19px; 
					display:block;
				}
				#what-you-will-learn a:hover.animation-art-title {background:url(http://media.vfs.com/assets/images/CA/homepage/animation-art-title_hover.gif) top left no-repeat;}
				#what-you-will-learn div.animation-art-image {
					background:url(http://media.vfs.com/assets/images/CA/homepage/aniart_image_hover.jpg) top left no-repeat; 
					width:164px; 
					height:77px; 
					display:block; }
				#what-you-will-learn  a.animation-art-image {
					background:url(http://media.vfs.com/assets/images/CA/homepage/aniart_image.jpg) top left no-repeat; 
					width:164px; 
					height:77px; 
					display:block;}
				#what-you-will-learn  a:hover.animation-art-image {background:url(http://media.vfs.com/assets/images/CA/homepage/aniart_image_hover.jpg) top left no-repeat;}
				#what-you-will-learn h4.flash-title {
					background:url(http://media.vfs.com/assets/images/CA/homepage/flash-title-hover.gif) top left no-repeat; 
					width:300px; 
					height:19px; 
					display:block; 
					margin:9px 0 6px -7px; 
				}
				#what-you-will-learn a.flash-title {
					background:url(http://media.vfs.com/assets/images/CA/homepage/flash-title.gif) top left no-repeat; 
					width:300px; 
					height:19px; 
					display:block;
				}
				#what-you-will-learn a:hover.flash-title {background:url(http://media.vfs.com/assets/images/CA/homepage/flash-title-hover.gif) top left no-repeat;}
				#what-you-will-learn div.flash-image {
					background:url(http://media.vfs.com/assets/images/CA/homepage/flashdigital_image_hover.jpg) top left no-repeat; 
					width:164px; 
					height:77px; 
					display:block; }
				#what-you-will-learn  a.flash-image {
					background:url(http://media.vfs.com/assets/images/CA/homepage/flashdigital_image.jpg) top left no-repeat; 
					width:164px; 
					height:77px; 
					display:block;}
				#what-you-will-learn  a:hover.flash-image {background:url(http://media.vfs.com/assets/images/CA/homepage/flashdigital_image_hover.jpg) top left no-repeat;}
		
				
		
				#what-you-will-learn .character-title span,
				#what-you-will-learn .character-image span,
				#what-you-will-learn .story-title span,
				#what-you-will-learn .story-image span,
				#what-you-will-learn .animation-art-title span,
				#what-you-will-learn .animation-art-image span,
				#what-you-will-learn .flash-title span,
				#what-you-will-learn .flash-image span	{display:none;}
				
				#what-you-will-learn a.more-link, #what-you-will-learn a.more-link:visited { color:#ceb08d; background:none; padding:0; float:none; font-size:12px;text-decoration:underline;}
				#what-you-will-learn a.more-link:hover { color:#404040; background-color:#EFEFEF;text-decoration:none;}
				#comp_learn #title { border:1px solid #e3e3e3; }
					#title-text .wywl_description h2, #title-text .wywl_description h3 { padding:0;margin-top:12px;_margin-top:0px;margin-left:15px;margin-bottom:7px;background:#fff none repeat scroll 0%;font-size:14px; border:none; }
					#title-text .wywl_description h3.secondary { background-color: #dec5a7;color: #404040;border-top:1px solid #cccccc;display:block;font-size:100%;letter-spacing:1px;line-height:1em;width:440px;height:22px;margin: 0 0 10px 9px; }
					#title-text .wywl_description h3.secondary span { padding:5px 5px 5px 6px;margin-bottom:1px;display:block; }
					#title-text .wywl_description h3.secondary span.caps  {display:inline;padding:0;margin:0;}
					#title-text .wywl_description p { padding:0 15px;}
					#wywl0 { padding-top:0px;_padding-top:10px; }
						#wywl0 .wywl_description p {margin-bottom:1em;}
					.wywl_body { padding-top:12px;_padding-top:4px; clear:both; }
						.wywl_body .top, .wywl_body .description { cursor:pointer; } 
						.wywl_body em { font-weight:normal; }
					.wywl_video { float:left;margin:12px; }
					.wywl_video_description { float:left;display:block;width:100px;margin-top:10px;_margin-top:12px;font-size:11px; }
					
					.wywl_thumbs { margin-bottom:0; margin-left:5px;}
					.wywl_lightbox { margin-bottom:10px; margin-left:10px;}
						.wywl_lightbox h4 { font: 12px Arial, Helvetica, sans-serif; font-weight:bold; padding:10px 0 0 0;margin:0;clear:left;}
						#title-text .wywl_lightbox .image_border { float:left;margin-left:12px;margin-top:0;margin-bottom:5px;padding:2px;width:46px;display:block; }

						
					#title-text .wywl_related_stories {margin:10px 0 0 15px; float:none;clear:both;}
						#title-text .wywl_related_stories h4 { font: 12px Arial, Helvetica, sans-serif; font-weight:normal; padding:0;margin:0;clear:both; font-style:italic;}
						#title-text .wywl_related_stories ul {list-style-type:none;float:left;}
						#title-text .wywl_related_stories ul.col1 {list-style-type:none;float:left;width:220px;padding-right: 5px;_padding-left:0;}
						#title-text .wywl_related_stories ul.col2 {list-style-type:none;float:left; width:210px;_padding-left:0;}
						#title-text .wywl_related_stories li {margin: 0 0 0 14px; ;background:none;line-height:1.4em;_margin-left:0;}
						#title-text .wywl_related_stories li a {font:12px Arial, Helvetica, sans-serif;background:url(http://media.vfs.com/assets/images/programs/sprite_news_arrow_20080320.gif) no-repeat 0 -92px; margin-left:-14px;_margin-left:0;padding:0 0 0 14px; text-decoration:none; _background-position: 0px -92px;text-align:left;}
						#title-text .wywl_related_stories li a:hover {background: transparent url(http://media.vfs.com/assets/images/programs/sprite_news_arrow_20080320.gif) no-repeat 0 3px; _background-position: 0px 3px;text-decoration:underline;}
					
					
					#wywl_footer { clear:both;padding-top:20px;_padding-top:12px;margin-left:15px;width:447px; }
						#wywl_footer #footer-previous {float:left; font:11px Arial, Helvetica, sans-serif;}
						#wywl_footer #footer-next {float:right; font:11px Arial, Helvetica, sans-serif;margin-right:12px;}
						.wywl_body_divider_inner { clear:both;height:1px;margin:20px 0 0 0;_margin:5px 0 0 0;padding:0;width:435px;border-top:1px solid #e3e3e3; }
						#wywl_footer p {padding:0 0 10px 0;margin:0;}
		
	/*Media Play
	---------------------------------------*/
	#media_player1 {
	visibility:hidden;
	width:320px;
	height:240px;
	}
	
	.media_lightbox, .media_lightbox_pug { margin-bottom:10px; margin-top:10px; margin-left:20px;}
						.media_lightbox h4, .media_lightbox_pug h4 { font: 12px Arial, Helvetica, sans-serif; font-weight:bold; padding:0;margin:0;clear:left;}
						 .media_lightbox .image_border { float:left;margin-top:0;margin-bottom:10px;padding:2px;width:70px;display:block; }
	.media_lightbox_pug .image_border { float:left;margin-top:0;margin-bottom:8px;padding:2px;width:60px;display:block; }
	
		/* Speak to an Advisor Banner 
	---------------------------------------*/
	#comp-speakadvisor-animation-container {
	background:url(http://media.vfs.com/assets/images/temp/sprite_3d_advisor_20080415.gif) no-repeat top left;
	width:220px;
	height:35px
	}
	
	#comp-speakadvisor-animation-container a {
	display:block;
	background:url(http://media.vfs.com/assets/images/temp/sprite_3d_advisor_20080415.gif) no-repeat top left;
	width:220px;
	height:35px
	}
	#comp-speakadvisor-animation-container a:hover {
	background-position:0 -40px;
	}
	#comp-speakadvisor-animation-container span {display:none;}
	
	/* Career
	------------------------------------------- */
	
		#content dl.career dt			{ background: #dec5a7; color: #404040;	border-top:1px solid #929292; }
		#content dl.career dd.profiles	{ background: #f1e6da; }
	
	/* Proven Education
	------------------------------------------- */
	
		#proven-education-main dd { background-color: #f1e6da; }
	
	/* Classes
	------------------------------------------- */
		.sample_classes {
			margin: 0;
			margin-left:4px;
			padding: 0;
			padding-left:10px;
			color: #404040;
			float:right;
			border-left: solid 1px #e3e3e3;
		}
		.sample_classes ul { 
			float:left; 
			width:220px;
		}	
		.sample_classes ul a {
			text-decoration:none;
		}
		.sample_classes h3 {
			background-color:#fff;
			border-top:0px;
		}
		div.clear{
			margin:0;
			padding:0;
			width:100%;
			clear:both;
			height:10px;
		}
			
	/* Google Maps
	------------------------------------------- */
	#gmapthumb {float:left; border:0px solid #000000; margin:0 1em 0 0;}			
	/*
	Guest Speaker
	----------------------------------------------- */
	/* removes red arrow bullet from li tag */
	#guest_speakers {
		border-bottom: 1px dashed #999;
		font-size:1.1em;
	}
	
	#content-inner #guest_speakers ul li {
		margin:0px;
		padding:0px;
		background:none;
	}	
	
	#guest_speakers ul {
		list-style-type: none;
		width: 100%;
	} 
	
	#guest_speakers li {
		background:none;
		border: 1px dashed #999;
		border-width: 1px 0 0 0;
		padding: 0;
	}
	#guest_speakers li h3 {
		padding:5px 5px 0;	
	}
	#guest_speakers li a { 
		text-decoration: underline;
		color:#404040;
	}
	#guest_speakers li a:hover { 
		text-decoration:none;
		background-color:none;
	}
	* html #links li a {  /* make hover effect work in IE */
	width: 100%;
	}
	
	#guest_speakers a em { 
		color: #333;
		font-weight:normal;
		display: block;
		line-height: 125%; 
	}
	
	#guest_speakers span {
		color: #b31b34;
		font-size:1em;
		font-weight:normal;
		line-height: 125%;
	}
	
	#guest_speakers span.black {
		color:#404040;
		font-weight:bold;
	}