@import "global.css";

/*
Allen School Online
- Home style sheet
- Created: June 5 2007
*/
#anniversary {
	left: -26px;
	z-index: 1;
	background: url(/static/img/logo/anniversary.banner.png) no-repeat; 
	width: 309px; 
	height: 38px; 
	_margin-left: 8px;
	_background: none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/img/logo/anniversary.banner.png', sizingMethod='image');
}

#logo {
	z-index: 9999;
	position: relative;
	left: -42px; 
	background: url(/static/img/logo/allenschoolonline_anniversary.png) no-repeat; 
	width: 346px; 
	height: 89px; 
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/img/logo/allenschoolonline_anniversary.png', sizingMethod='image');
	display: block;
}
#home { width: 944px; margin: 0 auto; }
	#banner { width: 988px; height: 260px; }
		#bannerLeft { float: left; z-index: 10; width: 445px; }
			#credential { width: 390px; margin: 0 0 0 5px; padding: 16px 0 15px 0; font-size: 1.3em; line-height: 1.6em; background: url(/static/img/bg/doubleBorder.gif) repeat-x bottom left; }
			#credential h1 { font-size: 1.4em; color: #600; font-weight: bold; margin-bottom: .2em; line-height: 1.1em; }
				#credential h1 span.smallHead { font-size: .8em; }
			#errorHead { width: 430px; margin: 0 0 15px 15px; padding: 30px 0 15px 0; font-size: 1.3em; line-height: 1.6em; background: url(/static/img/bg/doubleBorder.gif) repeat-x bottom left; }
			#errorHead h1 { font-size: 1.4em; color: #600; font-weight: bold; margin-bottom: .2em; line-height: 1.1em; }
				#errorHead h1 span.smallHead { font-size: .8em; }	
	#error { padding: 0 0 0 1.5em; }
		#error h2 { font-size: 1.5em; padding-bottom: 1em; }
		#error ul { margin-left: 1.3em; }
			#error ul li { font-size: 1.3em; padding: .5em 0; }
				#error ul li form  { }
					#error ul li form input.google { padding: .3em; border: 1px solid #848484; }
		#BtnGroup { width: 430px; margin: 15px 0 0 0; }
		#BtnGroup a	{ text-indent: -9999px; }
			a.enrollBtn { width: 154px; height: 64px; display: block; background: url(/static/img/btn/inquireNow.png) no-repeat 0 -70px; }		
			a.enrollBtnGreen { width: 154px; height: 64px; display: block; background: url(/static/img/btn/inquireNowGreen.png) no-repeat 0 -70px; }		
            a.enrollBtn:hover { background-position: 0 0; }
			a.enrollBtnGreen:hover { background-position: 0 0; }			
			
			a#enrollBtn_b, a#enrollBtn_d {
				background: url(/static/img/btn/jump_start.png) top left no-repeat;
				_background: url(/static/img/btn/jump_start_8bit.png) top left no-repeat;
				width: 281;
				height: 67px;
				display: block;
				text-indent: -9999px;
				width: 399px;
			}	
			
            a.talk { width: 203px; height: 12px; display: block; background: url(/static/img/btn/talkToSomeoneNow.gif) no-repeat 0 0; position: absolute; left: 172px; top: 7px; }
			a.viewDemo { width: 169px; height: 13px; display: block; background: url(/static/img/btn/viewOnlineDemo.gif) no-repeat 0 0; position: absolute; left: 172px; top: 40px; }
			.coming { font-size: 1.3em; color: #600; font-weight: bold; position: absolute; top: 58px; right: 153px; }
			
		#testimonial { width: 542px; height: 260px; position: relative; float: right;}
		#testimonial img { position: absolute; top: 0; right: 43px; display: none; }
			#readMore { width: 74px; height: 9px; position: absolute; right: 53px; bottom: 80px; z-index: 100; }
			#readMore a { width: 74px; height: 9px; background: url(/static/img/btn/readMore.gif) no-repeat 0 0; text-indent: -9999px; display: block; position: absolute; top: 0; left: 0; }
			#readMore a.low { margin: 27px 0 0 0; }
			
			#togglers { list-style: none; position: absolute; bottom: 17px; right: 40px; z-index: 100; }
			#togglers li { margin: 0 8px 0 0; float: left; }
			#togglers li a { height: 15px; width: 15px; display: block; }
			#togglers li a.one { background: url(/static/img/btn/1.gif) no-repeat 0 0; }
			#togglers li a.two { background: url(/static/img/btn/2.gif) no-repeat 0 0; }
			#togglers li a.three { background: url(/static/img/btn/3.gif) no-repeat 0 0; }
			#togglers li a.four { background: url(/static/img/btn/4.gif) no-repeat 0 0; }
			#togglers li a.five { background: url(/static/img/btn/5.gif) no-repeat 0 0; }
			#togglers li a.six { background: url(/static/img/btn/6.gif) no-repeat 0 0; }
			#togglers li a:hover { background-position: 0 -20px; }
			#togglers li a.active, #togglers li a.active:hover { background-position: 0 -40px; }
	
	#threeCols { width: 100%; margin: 42px 0 0 0; }
	#threeCols p { line-height: 1.6em;  }
	#threeCols b { display: block; }
	#threeCols img { float: left; padding: 0 20px 150px 0; }
	#threeCols h2 { width: 100%; height: 27px; margin: 0 0 15px 0; display: block; border-bottom: 1px solid #d3d3d3; text-indent: -9999px; }

	#threeCols .leftCol .aCol { width: 284px; padding: 0 37px 0 0; float: left; }
		#threeCols .leftCol .aCol p { font-size: 1.2em; margin-bottom: 10px; }
		#threeCols .leftCol .aCol h3 { margin: 0 0 10px 0; }
	#threeCols h2.onlineCourse { background: url(/static/img/hl/featuredCourse.gif) no-repeat 0 0; }
	#threeCols h2.learnPrograms { background: url(/static/img/hl/learnaboutourprograms.gif) no-repeat 0 0; }
	
	#threeCols .leftCol .bCol { width: 284px; float: left; }
		#threeCols .leftCol .bCol p { font-size: 1.2em; margin-bottom: 10px; }
		#threeCols .leftCol .bCol h3 { margin: 0 0 10px 0; }
		#threeCols .leftCol .bCol img { padding-bottom: 0; }
	#threeCols h2.doctors { background: url(/static/img/hl/doctoresSaying.gif) no-repeat 0 0; }
	
	#threeCols .rightCol .cCol { width: 284px; float: right; }
		#threeCols .rightCol .cCol p { font-size: 1.2em; }
		#threeCols .rightCol .cCol h3 { 
			margin: 0 0 10px 0; 
		}
		#threeCols .rightCol .cCol p .blog_entry {
			line-height: 1.2em;
		}
	#threeCols h2.technology { background: url(/static/img/hl/technology.gif) no-repeat 0 0; }
	#threeCols h2.blog { background: url(/static/img/hl/blog.gif) no-repeat 0 0; }
	
	#threeCols .leftCol { width: 625px; float: left; padding-bottom: 20px; }
	#threeCols .rightCol { width: 284px; float: right; }
	#threeCols .leftCol h2, #threeCols .rightCol h2 { width: 100%; height: 27px; margin: 0 0 15px 0; display: block; border-bottom: 1px solid #d3d3d3; text-indent: -9999px; }
		
	#threeCols .leftCol .videoCol { width: 284px; float: left; padding-bottom: 20px; }
	#threeCols .leftCol .videoCol_A { width: 100px; padding-right: 20px; float: left; }
	#threeCols .leftCol .videoCol_B { width: 162px; float: right; }
	
	#threeCols .leftCol .videoCol a.learnProgramsVideo { width: 100px; height: 80px; background: url(/static/img/btn/program_video_thumbs.jpg) no-repeat; display: block; float: left; text-indent: -9999px; }
	
	#threeCols .leftCol .videoCol a.learnProgramsVideo.video1 { background-position: 0 0; }
	#threeCols .leftCol .videoCol a.learnProgramsVideo.video2 { background-position: -100px 0; }
	#threeCols .leftCol .videoCol a.learnProgramsVideo.video3 { background-position: -200px 0; }
	#threeCols .leftCol .videoCol a.learnProgramsVideo.video4 { background-position: -300px 0; }
				
	#threeCols .leftCol .videoCol a.learnProgramsVideo.video1:hover { background-position: 0 -80px; }
	#threeCols .leftCol .videoCol a.learnProgramsVideo.video2:hover { background-position: -100px -80px; }
	#threeCols .leftCol .videoCol a.learnProgramsVideo.video3:hover { background-position: -200px -80px; }
	#threeCols .leftCol .videoCol a.learnProgramsVideo.video4:hover { background-position: -300px -80px; }	
	
	#threeCols .leftCol .videoCol_B a.video_play { font-size: 1.2em; background: url(/static/img/btn/icon_video_player.gif) no-repeat 100% 0; padding-right: 22px;}
	
	#threeCols .rightCol .cCol em { font-size: 1.0em; color: #666666; }
	#threeCols .rightCol .cCol p { line-height: 1.4em; }
	
	#download { 
		width: 935px; 
		height: 105px; 
		margin: 20px auto 0 auto; 
		padding: 0 0 60px 0; 
		background: url(/static/img/bg/homepageDownloads4.gif) no-repeat 0 0; 
		position: relative; 
		font-size: 1.1em; 
	}
		.download { color: #757575; position: absolute; top: 47px; left: 85px; list-style: none; }
		.download li { margin: 0 0 5px 0; padding: 0 0 0 10px; background:url(/static/img/ls/bullet.gif) no-repeat 0 5px; }
		.download li a { color: #757575; }
		.download li a:hover { color: #600; }
		.partners { 
			color: #757575; 
			padding: 0 0 0 13px; 
			background: url(/static/img/arrow/grayArrow.gif) no-repeat 0 3px; 
			position: absolute; 
			top: 105px; 
			left: 453px; 
			line-height: 1.1em; 
		}
		.eduLink, .flexLink, .nyflexLink{
			color: #757575; 
			padding: 0 0 0 13px; 
			background: url(/static/img/arrow/grayArrow.gif) no-repeat 0 3px; 
			position: absolute; 
			top: 67px; 
			left: 749px; 
			line-height: 1.1em; 
		}
		
		.nyflexLink {
			top: 98px; 
			left: 145px; 
		}
	
		.flexLink {
			top: 98px; 
			left: 434px; 
		}
		
		#partnerInfo { width: 350px; background: #113B66; padding: 2px; position: absolute; bottom: 130px; right: 10px; display: none; }
		#partnerInfo .header { height: 33px; position: relative; }
		#partnerInfo h2 { color: #fff; font-size: 1.3em; font-weight: bold; line-height: 32px; margin: 0 0 0 20px; }
		#partnerInfo .close { position: absolute; right: 10px; top: 7px; cursor: pointer; }
		#partnerInfo .body { background: #fff; padding: 20px 20px 5px 20px; overflow: hidden; }

	/* video player overlay */
	#overlay { width: 100%; background: url(/static/img/bg/overlay.png) repeat; position: absolute; top: 0; left: 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/static/img/bg/overlay.png'); display: none; z-index: 10; }
	.frame { width: 260px; padding: 2px; background: #113B66; position: absolute; top: 40%; left: 40%; display: none; z-index: 20; }
	.frame .header { height: 33px; position: relative; }
	.frame h2 { color: #fff; font-size: 1.3em; font-weight: bold; line-height: 32px; margin: 0 0 0 10px; }
	.frame .close { position: absolute; right: 10px; top: 10px; cursor: pointer; }
	.frame2 { width: 565px; top: 25%; left: 30%; }
	
.popTitle { font-size: 1.7em; color: #fff; padding: 5px 0 0 20px; }
.popTitle.homeTitle { font-size: 1.5em; color: #fff; padding: 9px 0 0 8px; text-transform: uppercase; }
 #tellFriend .header strong {font-size: 1.5em; color: #fff; padding: 9px 0 0 8px; text-transform: uppercase; position: relative; top: 10px; left: -10px;}