/*  
File: screen.css
Description: Main Style Sheet
Site: St. Edmunds Academy
Site URI: http://www.stedmunds.net
Author: Zoltun Design
Author URI: http://www.zoltun.com

Version: 1.0
Date: 10/10/08

Copyright (c) 2008 St. Edmunds Academy
*/

/* Colors
----------------------------------------------------------------------------------------------------------------

	#681a1b :: Red
	#340d0d :: Dark Red
	#53509f :: Purple
	#9a9a9a :: Light Gray
	#272425 :: Dark Gray
	#efc031 :: Yellow (sub-nav bg)
	#f4d250 :: Yellow (sub-nav hover)

*/

/* Table of Contents
----------------------------------------------------------------------------------------------------------------

	01. Body
	02. Container
	03. Alerts
	04. Header
	05. Masthead
	06. Navigation
		06a. Buttons
		06b. Drop Down Menus
	07. Content Wrap
		07a. Events (Home Page)
		07b. Schools (Home Page)
		07c. Contact (Home Page)
		07d. Content (Interior Page)
		07e. Side Bar (Interior Page)
	08. Footer
	09. Academics - Show/hide divs

*/

/* 01. Body
---------------------------------------------------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background: #681a1b;
}

.floatFix {
	clear: both;
	height: 1px;
	line-height: 1px; }

/* 02. Container
---------------------------------------------------------------------------------------------------------------- */
#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

/* 03. Alerts ****EDITED
---------------------------------------------------------------------------------------------------------------- */
#alerts {
	position: relative;
	width: 960px;
	margin: 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	background-image: url(../img/ticker-bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

	/* liScroll style declarations */
	.tickercontainer {
	width: 960px;
	margin: 0;
	padding: 6px 0;
	overflow: hidden;
	cursor: default;
	}
	
		.tickercontainer .mask {
			position: relative;
			width: 950px;
			overflow: hidden;
		}
	
	ul.newsticker {
	position: relative;
	left: 750px;
	margin: 0;
	padding: 0;
	color: #681a1b;
	list-style: none;
	font-family: Tahoma, Verdana, Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	}
	
		ul.newsticker li {
			float: left;
			margin: 0;
			padding: 0;
		}
	
		ul.newsticker a {
			color: #fff;
			text-decoration: underline;
		}
	
		ul.newsticker span {
			padding: 0;
			margin: 0;
		} 


/* 04. Header ****EDITED
---------------------------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	width: 960px;
	height: 72px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

	#header h1 {
	position: relative;
	width: 960px;
	height: 72px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url(../img/header.jpg) no-repeat 0 0;
	text-indent: -9999em;
	}
	
	#header h1 a {
		position: relative;
		width: 960px;
		height: 72px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background: url(../img/header.jpg) no-repeat 0 0;
		text-indent: -9999em;
		display: block;
	}
	
	/* 04a. Header Interior 
---------------------------------------------------------------------------------------------------------------- */
#header_mov {
	position: relative;
	width: 960px;
	height: 72px;
	margin: 0;
	padding: 0 0 32px 0;
	overflow: hidden;
	background-color: #FFFFFF;
}

#header_int {
	position: relative;
	width: 960px;
	height: 72px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

	#header_int h1 {
	position: relative;
	width: 960px;
	height: 72px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url(../img/header-interior.jpg) no-repeat 0 0;
	text-indent: -9999em;
	}
	
	#header_int h1 a {
		position: relative;
		width: 960px;
		height: 72px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background: url(../img/header-interior.jpg) no-repeat 0 0;
		text-indent: -9999em;
		display: block;
	}

/* 05. Masthead
---------------------------------------------------------------------------------------------------------------- */
#masthead {
	position: relative;
	width: 950px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #53509f;
	border-top: 5px solid #53509f;
	border-right: 5px solid #53509f;
	border-bottom: 0;
	border-left: 5px solid #53509f;
}
	.appform {
	color:#FFF;
	font: 12px Arial, Helvetica, sans-serif;
	padding:20px 30px;
	}
	.appform a{
	color:#CCCC00;
	font: 12px Arial, Helvetica, sans-serif;
	}
	.formheading {
	font: bold 16px Arial, Helvetica, sans-serif;
	padding:10px 0;
	}
	.home {
	height: 343px;
}
	.interior {height: 179px;}

	#masthead #flash {
	position: relative;
	width: 950px;
	height: 343px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

	#masthead p {
		margin: 0;
		padding: 0;
	}
	
	#masthead img {
		margin: 0;
		padding: 0;
		border: 0;
		display: block;
	}

/* 06. Navigation
---------------------------------------------------------------------------------------------------------------- */
#nav {
	position: relative;
	width: 960px;
	height: 34px;
	margin: 0;
	padding: 0;
	background: #53509f;
	z-index: 10; /* New Line */
}

	#nav ul {
		position: relative;
		width: 946px;
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}
	
		#nav ul li {
			position: relative;
			padding: 0;
			float: left;
		}
			
			#nav ul li a {
				overflow: hidden;
				text-indent: -9999em;/*show-hide nav stuff*/
				display: block;
			}
		
		/* 06a. Buttons
		---------------------------------------------------------------------------------------------------------------- */
		#nav ul #btn-about {width: 155px; margin: 0 4px 0 0;}
		#nav ul #btn-about a {width: 155px; height: 34px; margin: 0; padding: 0; background: url(../img/nav.jpg) repeat 0 0;}
		#nav ul #btn-about a:hover {background: url(../img/nav.jpg) repeat 0 -34px;}
		
		#nav ul #btn-admissions {width: 175px; margin: 0 4px 0 0;}
		#nav ul #btn-admissions a {width: 175px; height: 34px; margin: 0; padding: 0; background: url(../img/nav.jpg) repeat -155px 0;}
		#nav ul #btn-admissions a:hover {background: url(../img/nav.jpg) repeat -155px -34px;}
		
		#nav ul #btn-academics {width: 175px; margin: 0 4px 0 0;}
		#nav ul #btn-academics a {width: 175px; height: 34px; margin: 0; padding: 0; background: url(../img/nav.jpg) repeat -330px 0;}
		#nav ul #btn-academics a:hover {background: url(../img/nav.jpg) repeat -330px -34px;}
		
		#nav ul #btn-giving {width: 136px; margin: 0 4px 0 0;}
		#nav ul #btn-giving a {width: 136px; height: 34px; margin: 0; padding: 0; background: url(../img/nav.jpg) repeat -505px 0;}
		#nav ul #btn-giving a:hover {background: url(../img/nav.jpg) repeat -505px -34px;}
		
		#nav ul #btn-parents {width: 142px; margin: 0 4px 0 0;}
		#nav ul #btn-parents a {width: 142px; height: 34px; margin: 0; padding: 0; background: url(../img/nav.jpg) repeat -640px 0;}
		#nav ul #btn-parents a:hover {background: url(../img/nav.jpg) repeat -640px -34px;}
		
		#nav ul #btn-alumni {width: 133px; margin: 0;}
		#nav ul #btn-alumni a {width: 133px; height: 34px; margin: 0; padding: 0; background: url(../img/nav.jpg) repeat -783px 0;}
		#nav ul #btn-alumni a:hover {background: url(../img/nav.jpg) repeat -783px -34px;}
		
		/* 06b. Drop Down Menus
		---------------------------------------------------------------------------------------------------------------- */
		#nav ul li ul {
			position: absolute;
			margin: 0;
			padding: 4px 2px;
			background: #efc031;
			border-right: #53509f solid 2px;
			border-bottom: #53509f solid 2px;
			border-left: #53509f solid 2px;
			list-style: none;
			z-index: 10;
			display: none;
		}
		
		#nav ul #btn-about ul {width: 133px;}
		#nav ul #btn-admissions ul {width: 154px;}
		#nav ul #btn-academics ul {width: 154px;}
		#nav ul #btn-giving ul {width: 116px;}
		#nav ul #btn-parents ul {width: 140px;}
		#nav ul #btn-alumni ul {width: 123px;}
		
			#nav ul li ul li {
				position: relative;
				margin: 0;
				padding: 0;
				overflow: hidden;
				float: none;
			}
			
			#nav ul #btn-about ul li {width: 133px;}
			#nav ul #btn-admissions ul li {width: 154px;}
			#nav ul #btn-academics ul li {width: 154px;}
			#nav ul #btn-giving ul li {width: 116px;}
			#nav ul #btn-parents ul li {width: 140px;}
			#nav ul #btn-alumni ul li {width: 123px;}
			
				#nav ul li ul li a {
					height: 20px !important;
					margin: 0 !important;
					padding: 0 4px !important;
					overflow: hidden;
					background: none !important;
					display: block;
					font: normal 12px/20px "Arial", "Helvetica", sans-serif;
					color: #000;
					text-decoration: none;
					text-indent: 0;
				}
				
				#nav ul #btn-about ul li a {width: 123px !important;}
				#nav ul #btn-admissions ul li a {width: 145px !important;}
				#nav ul #btn-academics ul li a {width: 145px !important;}
				#nav ul #btn-giving ul li a {width: 110px !important;}
				#nav ul #btn-parents ul li a {width: 131px !important;}
				#nav ul #btn-alumni ul li a {width: 126px !important;}
				
				#nav ul li ul li a:hover {
					background: none #f4d250 !important;
				}
				
/* 07. Content
---------------------------------------------------------------------------------------------------------------- */
#content-wrap {
	position: relative;
	width: 960px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

	#content-wrap h2 {
	margin: 0 0 12px 0;
	padding: 0;
	text-transform: uppercase;
	color: #681a1b;
	font-family: "Tahoma", "Verdana", "Arial", serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	}
	
	#content-wrap h3 {
		margin: 0;
		padding: 0 6px;
		font: bold 12px/18px "Tahoma", "Verdana", "Arial", sans-serif;
		text-transform: uppercase;
		color: #681a1b;
	}
	
	#content-wrap h4 {
		margin: 0;
		padding: 0 6px;
		font: bold 12px/18px "Tahoma", "Verdana", "Arial", sans-serif;
		text-transform: capitalize;
		color: #53509f;
	}
	
		#content-wrap h3 em{
			font-weight: normal;
			font-style: normal;
			text-transform: none;
		}
	
	#content-wrap p {
		margin: 0 0 12px 0;
		padding: 0 6px;
		font: normal 12px/16px "Tahoma", "Verdana", "Arial", sans-serif;
		color: #000000;
	}
	
		#content-wrap li {
		margin: 0;
		padding: 0 6px;
		font: normal 12px/16px "Tahoma", "Verdana", "Arial", sans-serif;
		color: #000000;
	}
	
	#content-wrap a {
		color: #272425;
		text-decoration: underline;
	}
	
	#content-wrap a:hover {
		color: #9a9a9a;
		text-decoration: underline;
	}
	
	#content-wrap a.link-btn {
	padding: 4px 3px;
	background: #efc031;
	text-decoration: none;
	color: #340d0d;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
	#content-wrap a.link-btn:hover {
		background: #f4d250;
	}
	
	/* 07a. Events (Home Page) *****EDITED, adjusted padding, added .redtext and made BG white*****
	---------------------------------------------------------------------------------------------------------------- */
	#events {
	position: relative;
	width: 280px;
	margin: 0;
	padding: 20px;
	overflow: hidden;
	float: left;
	background: #fff;
	}


	
	.redtext {font-family:"Tahoma", "Verdana", "Arial", sans-serif; font-size:12px; color:#681a1b}
	
	/* 07b. Schools (Home Page) *****EDITED made BG white*****
	---------------------------------------------------------------------------------------------------------------- */
	#schools {
	position: relative;
	width: 280px;
	margin: 0;
	padding: 20px;
	overflow: hidden;
	float: left;
	background-color: #FFFFFF;
	}
	
	/* 07c. Contact (Home Page) *****EDITED made BG white*****
	---------------------------------------------------------------------------------------------------------------- */
	#contact {
	position: relative;
	width: 280px;
	margin: 0;
	padding: 20px;
	overflow: hidden;
	float: left;
	background: #fff;
	}
		
		#btn_fund a {
			width: 267px;
			height: 61px;
			margin: 0;
			padding: 0;
			background: url(../img/btn_fund.jpg) no-repeat 0 0;
			overflow: hidden;
			display: block;
			text-indent: -9999em;
		}
		
		#btn_movie a {
			width: 175px;
			height: 105px;
			margin: 0;
			padding: 0;
			background: url(../img/btn_movie.jpg) no-repeat 0 0;
			overflow: hidden;
			display: block;
			text-indent: -9999em;
		}
	
	/* 07d. Content (Interior Page)
	---------------------------------------------------------------------------------------------------------------- */
	#content {
		position: relative;
		margin: 0;
		padding: 15px;
		overflow: hidden;
	}
		
		.with-side-bar {
	width: 700px;
	float: left;
	background-color: #FFFFFF;
}
		.without-side-bar {
	width: 930px;
	float: none;
}
	
	/* 07e. Side Bar (Interior Page)
	---------------------------------------------------------------------------------------------------------------- */
	#side-bar {
	position: relative;
	width: 200px;
	margin: 0;
	padding: 15px;
	overflow: hidden;
	float: left;
	background: #fff;
	}

/* 08. Footer
---------------------------------------------------------------------------------------------------------------- */
#footer {
	position: relative;
	width: 960px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #fff;
}

	#footer p {
		margin: 20px 0;
		padding: 0;
		font: normal 12px "Tahoma", "Verdana", "Arial", sans-serif;
		color: #340d0d;
		text-align: center;
	}
#container #content-wrap #events a.purple:link {
	color: #53509f;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}	
	#container #content-wrap #events a.purple:hover {
	color: #53509f;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

#container #content-wrap #content a.purplelink:link {
	font-weight: bold;
	color: #53509f;
	text-decoration: underline;
}
#container #content-wrap #content a.purplelink:visited {
	font-weight: bold;
	color: #53509f;
	text-decoration: underline;
}
#container #content-wrap #content a.purplelink:hover {
	font-weight: bold;
	color: #53509f;
	text-decoration: none;
}
#container #content-wrap #content a.purplelink:active {
	font-weight: bold;
	color: #53509f;
	text-decoration: underline;
}





a.morelink:link {
	color: #272425;
	text-decoration: underline;
	font-family: "Tahoma", "Verdana", "Arial", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
}

a.morelink:hover {
	font: normal 12px "Tahoma", "Verdana", "Arial", sans-serif;
	color: #9a9a9a;
	text-decoration: underline;
}

	/* 09. Academics - Show/hide divs
	---------------------------------------------------------------------------------------------------------------- */
	
div#showPrek 
{margin: 10px 0px 0px 0px;  display: none;}

div#showKinder 
{margin: 10px 0px 0px 0px;  display: none;}

div#showFirst 
{margin: 10px 0px 0px 0px;  display: none;}

div#showSecond 
{margin: 10px 0px 0px 0px;  display: none;}

div#showThird 
{margin: 10px 0px 0px 0px;  display: none;}

div#showFourth 
{margin: 10px 0px 0px 0px;  display: none;}td {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
}


/*	Admissions Form
----------------------------------------------------------*/

#form_window, .form_window {
	background: #fff url(../img/form_bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	border: 5px solid #999;
	overflow: hidden; 
	position: relative; 
	margin: 20px auto;
	width: 450px;
	height: 670px; }

.noslider { width: 500px !important; height: auto !important; padding: 30px; color: #000; }
	
#form_window .items {
	width: 9999em;
	height: 670px;
	clear: both;
	position: absolute; }
	
#form_window .page {
	width: 390px;
	padding: 20px 30px; 
	float: left; 
	color: #000; }
	
#form_window label {
	display: inline-block;
	width: 140px; 
	margin-right: 5px;
	font-weight: bold; }

#form_window label.long { display: block; width: auto; }
	
#form_window p { margin-top: 5px; }

#form_window h3 { color: #681A1B; font-size: 1.4em; }

#form_window h4 { color: #53509F; font-size: 1.2em; }	
	
#form_window .clearboth { clear: both; }

#form_window .radio label { float: left; margin-top: 5px; }

#form_window table label { font-size: 1em; font-weight: normal; width: auto; vertical-align: middle; }
	
#form_window .prev { float: left; }

#form_window .next, #form_window .submit { float: right; }
	
#form_window .checkbox label { font-size: .9em; width: auto; }

#form_window .error { outline: 1px solid #f00; }

#form_window .req { color: #c00; }

#form_window input { vertical-align: middle; }

#form_window label { vertical-align: middle; }
	
#drawer { 
	background: #FFC repeat-x; 
	display: none;
    overflow:visible; 
    position:fixed; 
	font-size: 1.8em;
	color: #333;
    left:0; 
    top:0; 
	width: 100%;}
	
#drawer p { text-align: center; margin: 20px auto; }

#drawer .red { color: #f00; }