@import "global.css";
@import "common.css";

/*
Allen School Online
- Program style sheet
- Created: June 5 2007
*/

#aCol { width: 215px; float: left; }
	/* #sideNav in common.css */

#bCol { width: 509px; float: left; }
	.subHeader { width: 100%; margin: 3px 0 18px 0; padding: 0 0 12px 0; background: url(/static/img/bg/doubleBorder.gif) repeat-x bottom left; }
	.subHeader h2 { margin: 0 0 5px 0; color: #666; font-size: 1.4em; font-weight: normal; }
	.subHeader h1 { color: #600; font-size: 2.2em; font-weight: normal; }
	
	.reasons,
	#bCol.spread ul.reasons{ list-style: none; font-size: 1.5em; }
	.reasons li,
	#bCol.spread ul.reasons li{ margin: 0 0 17px 0; padding: 2px 20px 3px 50px; clear: both; line-height: 1.4em; }
	.reasons li.one{ background: url(/static/img/ls/one.gif) no-repeat; }
	.reasons li.two { background: url(/static/img/ls/two.gif) no-repeat; }
	.reasons li.three { background: url(/static/img/ls/three.gif) no-repeat; }
	.reasons li.four { background: url(/static/img/ls/four.gif) no-repeat; }
	.reasons li.five { background: url(/static/img/ls/five.gif) no-repeat; }
	.reasons li.six { background: url(/static/img/ls/six.gif) no-repeat; }
	.reasons li.seven { background: url(/static/img/ls/seven.gif) no-repeat; }
	.reasons li.eight { background: url(/static/img/ls/eight.gif) no-repeat; }
	.reasons li.nine { background: url(/static/img/ls/nine.gif) no-repeat; }
	.reasons li.ten { background: url(/static/img/ls/ten.gif) no-repeat; }
	.reasons li { background-position: center left !important; }
	
	ul.staff { width: 100%; list-style: none; }		
	ul.staff li { height: 108px; margin: 0 0 10px 0; padding: 10px; background: url(/static/img/bg/timeline.gif) repeat-x  bottom left; overflow: hidden; }
	ul.staff li img { float: left; margin: 2px 23px 0 1px; }
	ul.staff li h4 { margin: 0 0 5px 0; font-size: 1.3em; color: #1d3a6b; }
	ul.staff li h5 { margin: 0 0 5px 0; font-size: 1.3em; font-weight: normal; color: #867d67; }
	ul.staff li p { margin: 0; }
		
#bCol.spread { width: 680px; }
/* #bCol.spread type elements Style in common.css */
	
#cCol { width: 220px; float: left; }

#nCol { padding: 10px 33px 0 215px; clear: both; }
#nCol h4 { font-size: 2.4em; color: #600; font-weight: normal; }
#nCol p { margin: 0 0 10px 0; }
#nCol div.content { padding: 0 0 10px 0; }
#nCol div.header { margin: 0 0 12px 0; padding: 0 0 5px 0; border-bottom: 1px solid #d3d3d3; }

	/* 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 h1 { 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%; }
	.frame3 { width: 282px; top: 20%; left: 40%; }
	
.noFlash {
	color: #ffffff;
	padding-left: 10px;
}
.noFlash a {
	color: #ffffff;
}
h2.uppercase { 
	text-transform: uppercase;
}