@import url(../style.css);

#page-container { background: transparent; }
#page-content { background: transparent url(home_background_blue.jpg) no-repeat bottom left; margin: 0; }

#login-form { position: absolute; top: 36px; right: 14px; width: 126px; height: 178px; background: white url(../form-background.jpg) repeat-x bottom left; overflow: hidden; color: #78A22E; font-size: 10px; }
#login-form label { margin: 6px 12px 0 8px; display: block; }
#login-form label input { width: 100%; border: 2px inset #F2F2F2; font-size: 10px; }
#login-title { text-align: center; font-size: 12px; padding: 6px; border-bottom: 1px solid #EAEAEA; }
#login-submit { float: right; display: block; margin: 8px; }
#login-links { margin: 0 8px; }
#login-links a { display: block; color: #507319; line-height: 1.5em; }

#news { position: absolute; left: 288px; top: 255px; width: 210px; height: 137px; }
#news a { color: #333333; }
#spotlights { position: absolute; left: 529px; top: 255px; width: 355px; height: 137px; font-size: 10px; }
.window#spotlights h2 { padding: 5px 7px 0 19px; }
.window#spotlights .gradient { margin-left: 16px; }

.window { border: 1px solid white; background: url(../form-background.jpg) repeat-x top left; }

.window h2 { padding: 5px 7px 0 7px; margin: 0; color: #78A22E; background-color: inherit; border-top: 7px solid #666; /*#78A22E;*/ }
.window h2:before {
	content: '';
    display: block;
	width: 100%;
    height: 7px;
    background: url(../stainless.jpg);
	position: absolute;
	left: 0;
	top: 0;
}
.gradient { background: transparent url(gradient.jpg) no-repeat top left; padding: 8px 0 0 0; margin: 0 4px; }

/*.window ul { list-style-type: none; padding: 8px 0 0 3px; margin: 0 4px; }
.window ul li a { background: transparent url(bullet.gif) no-repeat top left; font-size: 11px; padding: 2px 0 6px 21px; margin: 0 0 5px 0; display: block; }
.window ul li a:hover { background-image: url(bullet-over.gif); text-decoration: none; }*/

#why-varsity { margin: 0 8px; width: 194px; height: 104px; overflow: hidden; position: absolute; top: 29px; clip: rect( 4px, 194px, 104px, 0px ); }
#why-varsity ul li { font-size: 10px; height: 36px; }
#why-varsity ul li div { height: 36px; display: table-cell; vertical-align: middle; }

.spotlight { float: left; text-align: right; }
.position1 { margin: 0 9px 0 0; }
.position2 { margin: 0 0 0 8px; }
.spotlight img { border: 1px solid #646464; display: block; margin: 0 0 2px 0; }

#shape-oval { width: 450px; height: 250px; position: absolute; top: 0; left: 289px; }
#spotlight { width: 321px; height: 90px; }