/*
-------------------------------------------------------------------
Advent School -- Master Screen Styles
author:   web@spacewalk.com
version:  2009.07.22
-------------------------------------------------------------------
*/

/* Common Styles
------------------------------------------------------------- */

/* reset elements */
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, a { 
	padding: 0;
	margin: 0;
}

img { 
	border: none; 
} 

body {
	text-align: center;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF url() repeat-x 0 0;
	font-size: 12px;
}


h1 {
	font-size: 20px;
	color: #003366;
	line-height: normal;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h2 {
	font-size: 16px;
	color: #003366;
	line-height: 24px;
	margin: 20px 0 -10px 0;
	padding: 0;
	font-weight: bold;
	text-transform: none;
}

h3 {
	font-size: 14px;
	color: #003366;
	line-height: normal;
	margin: 20px 0 -10px 0;
	padding: 0;
	font-weight: bold;
	text-transform: none;
}

h4 {
	font-size: 13px;
	color: #003366;
	line-height: normal;
	margin: 20px 0 -12px 0;
	padding: 0;
	font-weight: normal;
	text-transform: none;
}
	
		.caps {
			text-transform: uppercase;
		}


#page-instructions {
	width: 760px;
	margin: 10px auto 20px auto;
	padding: 20px;
	text-align: left;
	border: 1px solid #8e8e8e;
	overflow: hidden;	
}

	#page-instructions h1, #page-instructions h2, #page-instructions h3, #page-instructions p, #page-instructions div, #page-instructions ul,  #page-instructions li {
		text-align: left;
		color: #3e3e3e;
		font-family: "Lucida Grande", "Lucida Sans", Tahoma, Helvetica, Arial, sans-serif;
	} 
	
	#page-instructions h2 {
		margin: 20px 0 0 0;
	}
	
	#page-instructions ul  {
		display: block;
		list-style: disc;
		margin: 10px 20px;
	}
	
	#page-instructions li  {
		margin: 10px 10px;
	}
	
	#page-instructions li ul {
		margin: 10px 0 10px 30px;
	}

#page {
	width: 958px;
	margin: 10px auto 20px auto;
	text-align: left;
	border: 1px solid #cccccc;
	overflow: hidden;
	position: relative; 
}

	#page.interior { /* page gets class "interior" if embed:page_class=="interior" */
		background: #ffffff url(http://www.adventschool.org/images/interface/interior-page-bg.png) repeat-y 0 0;
	}

	body#home #page {
		/* colored sidebar fill for Home */ 
		background: #ffffff url(http://www.adventschool.org/images/interface/home-page-bg.png) repeat-y 0 0;
	}

#header {
	width: 960px;
	height: 128px;
	float: left;
	background: #FFFFFF url(http://www.adventschool.org/images/interface/header_bg.png) 0 0 repeat-x;
	text-align: left;
	border-bottom: 1px solid #cccccc;
}
	body#home #header {
		border-bottom: none;
	}

	#header h1 {
		margin:0;
		padding:0;
		width: 530px;
		float: left;
	}
	
	#header h1 a {
		float: left;
		width: 530px; /* width of background-image */
		margin:0;
		padding:0;
		height:0;
		padding-top:128px; /* height of background-image */
		background: #FFFFFF url(http://www.adventschool.org/images/interface/logo-new.png) 0 0 no-repeat;
		overflow:hidden;
	}
	
	#nav-utility { /* a ul tag */
		width: 395px; /* 430px - 35px right padding */
		float: right;
		padding: 12px 35px 0 0;
		margin: 0;
		list-style: none;
		text-align: right;
	}
	
		#nav-utility li {
			width: auto;
			float: right;
		}
			#nav-utility li a {
				width: auto;
				text-align: right;
				color: #999966;
				text-decoration: none;
				padding: 0 18px 0 0;
				display: block;
				font-size: 12px;
			}
			
			#nav-utility li a:hover, #nav-utility li a.you-are-here {
				color: #003366;
			}
			
		
	#nav-main { /* a ul tag */
		width: 420px;
		float: left;
		margin: 50px 0 0 10px;
		text-align: left;
		font-size: 14px;
		background: transparent;
	}
	
		/* "pipe"-like separator graphic to right of top menu items; "current" is class used by sf-menu; many need to change nomenclature. */
		#nav-main li.current > a {
		/*#nav-main a.top {*/
			color: #5e5e5e;
			background: transparent url(http://www.adventschool.org/images/interface/nav-main-separator.png) no-repeat center right;
		}
		
		
			/*#nav-main a.last {*/
			#nav-main li.current > a.last {
				background: transparent; /* no pipe char after it */
			}
			
			#nav-main li a:hover {
				color: #003366;
			}
		
		#nav-main li li { /* transparency for drop-downs; won't work in IE 6-7 */
			background: #ffffff;
			opacity: 0.9; 
			-moz-opacity: 0.9;
			filter: alpha(opacity=90);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		}
		
		#nav-main li li.separator-above {
			border-top: 1px dotted #5e5e5e;
		}

		/* keeping these li selectors generic so they can be used in drop-downs, sitemap, etc. */
		li.separator-above {
			border-top: 1px dotted #5e5e5e;
		}
		
		li.separator-below {
			border-bottom: 1px dotted #5e5e5e;
		}
		
		#nav-main li li a {
			color: #000000;
			text-align: left;
		}
		
		#nav-main li li a:hover {
			color: #003366;
		}
		
		#nav-main li a.you-are-here, #nav-main li li a.you-are-here {
			text-decoration: underline;
/*border-bottom: 1px solid #003366;*/
			/*text-indent: 10px;*/
			color: #003366;
		}

#shadow-holder { /* the div is in global/.interior-banner */
position: absolute;
width:804px;
height: 35px;
background: transparent url(http://www.adventschool.org/images/interface/interior-banner-shadow.png) repeat-x 0 0;
left: 156px;
top: 128px;
z-index: 90;
}


/* HOME */
		
	#home-blocks-holder {
		width: 960px;
		height: 275px;
		float: left;
		clear: left;
		background: url(http://www.adventschool.org/images/home/home-blocks-sprite.jpg) no-repeat scroll 0 0;
	}
		
		ul#home-blocks {
			width: 960px;
			height: 275px;
			float: left;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			ul#home-blocks li {
				width: 320px;
				height: 275px;
				float: left;
			}
			
			/* properties shared by all items */
			ul#home-blocks li a {
				width: 320px;
				background: url(http://www.adventschool.org/images/home/home-blocks-sprite.jpg) no-repeat scroll 0 0;
				display: block;
				height: 275px;
				position: relative;
			}
			
			/* learn needs no override because 0 0 is the correct bg position */
			ul#home-blocks li a.act {
				background-position: -320px 0;
			}
			ul#home-blocks li a.change {
				background-position: -640px 0;
			}
			
			/* Span (on hover) - common attributes */
		ul#home-blocks li a span {
			background:url(http://www.adventschool.org/images/home/home-blocks-sprite.jpg) no-repeat scroll bottom left;
			display:block;
			position:absolute;
			top:0;
			left:0;
			height:100%;
			width:100%;
			z-index:100;
			opacity: 0;
		}
				
		/* Shift background position on hover for the class: "learn" */
		ul#home-blocks li a.learn span {
			background-position: 0px -275px;
		}
		
		ul#home-blocks li a.act span {
			background-position: -320px -275px;
		}
		
		ul#home-blocks li a.change span {
			background-position: -640px -275px;
		}
	
	#home-content {
		width: 660px;
		float: left;
		text-align: left;
		background: #ffffff url(http://www.adventschool.org/images/nowhere/home-content-bg.png) repeat-y 0 0;
		margin: 0;
		padding: 0 30px 50px 50px;
	}
	
		#home-alert {
			margin: 20px 0 0 0;
			padding: 10px;
			border: 1px solid red;
		}
			#home-alert h2 {
				font-size: 18px;
				font-weight: bold;
				line-height: 18px;
				color: red;
				text-align: left;
				padding: 0;
				margin: 0 0 6px 0;
			}

			#home-alert p {
				font-size: 17px;
				line-height: 24px;
				color: red;
				text-align: left;
			}
	
		#home-mission {
			padding: 22px 0 28px 0;
		}
			#home-mission p {
				font-size: 17px;
				line-height: 24px;
				color: #666666;
				text-align: left;
			}
			
			#home-mission p a {
				color: #003366;
				text-decoration: none;
				border-bottom: 1px dotted #003366;
			}
			
			#home-mission p a:hover {
				text-decoration: underline;
				border-bottom: none;
			}
			
		div.home-story-lead {
			width: 310px;
			float: left;
			text-align: left;
			margin: 0 20px 40px 0;
		}
		
			
			div.home-story-lead a {
				text-decoration: none;
				color: #003366;
			}
			
				div.home-story-lead a:hover {
					text-decoration: underline;
				}
				
		
			div.home-story-lead img {
				width: 68px;
				float: left;
			}
			
			div.home-story-lead h2 {
				width: 220px;
				float: left;
				text-align: left;
				font-size: 14px;
				font-weight: normal;
				line-height: 16px;
				color: #003366;
				border-bottom: 1px solid #619fe5;
				margin: 0 0 4px 10px;
				padding: 0 0 4px 0;
text-transform: none;
			}
			
			div.home-story-lead p {
				width: 230px;
				float: left;
				font-size: 12px;
				line-height: 16px;
				color: #5e5e5e;
				text-align: left;
				margin: 0 0 0 10px;
				padding: 0;
display:inline;
			}
			
				div.home-story-lead span.inline {
					display: inline;
					width: 30px;
float: left;
padding: 0 0 0 10px;
				}
			
				div.home-story-lead span.read-more {
					color: #003366;
					margin: 0 0 0 10px;
				}
					
	#home-sidebar {
		width: 185px;
		background: #d3e4b4; /*#d6e68c*/
		float: left;
		clear: none;
		padding: 20px 15px 20px 15px;
		text-align: left;
	}

#home-sidebar hr {
border: 0;
color: #003366;
background-color: #003366;
height: 1px;
width: 100%;
text-align: right;
margin-bottom: -10px;
}
	
		#home-sidebar h2 {
			font-size: 14px;
			font-weight: normal;
			line-height: 18px;
			color: #003366;
			text-align: left;
text-transform: none;
margin: 0;
		}
	
		div.home-sidebar-event {
			text-align: left;
			font-size: 11px;
			line-height: 14px;
			color: #000000;
			margin: 10px 0;
		}
		
			div.home-sidebar-event dt {
				text-align: left;
				font-size: 11px;
				font-weight: normal;
margin: 12px 0 0 0;
			}
			
				.home-sidebar-event dt a {
					color: #000000;
					text-decoration: none;
					display: block;
					text-align: left;
				}
				
				.home-sidebar-event dt a:hover {
					text-decoration: underline;
				}
		
			.home-sidebar-event dd {
				text-align: left;
				line-height: 14px;
			}
		
			span.block {
				display: block;
			}
		
			#home-downloads {
			
			}
		
			div.home-sidebar-event p a {
				display: block;
				text-decoration: none;
				color: #000000;
			}
		
			div.home-sidebar-event p a:hover {
				text-decoration: underline;
				border-bottom: none;
			}
		
			div.home-sidebar-event .space-above {
				padding-top: 20px;
			}
			
		div#home-news-button {
			width: 180px;
			height: 48px;
			float: left;
			clear: left;
			text-align: left;
			margin: 20px 0 5px 0;
		}
			a.home-news-button {
				width: 130px;
				float: left;
				height: 48px;
				margin: 0;
				padding: 20px 0 0 55px;
				background: url(http://www.adventschool.org/images/interface/knewsticker.png) no-repeat 0 0;
				text-align: left;
				text-decoration: none;
				display: block;
				color: #000000;
				font-size: 11px;
			}
			a.home-news-button:hover {
				text-decoration: underline;
			}
			
		div#home-events-button {
			width: 180px;
			height: 48px;
			float: left;
			clear: left;
			text-align: left;
			margin: 5px 0;
		}
			a.home-events-button {
				width: 130px;
				float: left;
				height: 48px;
				margin: 0;
				padding: 20px 0 0 55px;
				background: url(http://www.adventschool.org/images/interface/date.png) no-repeat 0 0;
				text-align: left;
				text-decoration: none;
				display: block;
				color: #000000;
				font-size: 11px;
			}
			a.home-events-button:hover {
				text-decoration: underline;
			}
			
		div#calendar-button {
			width: 180px;
			height: 48px;
			float: left;
			clear: left;
			text-align: left;
			margin: 10px 0 30px 0;
		}
			a.calendar-button {
				width: 130px;
				float: left;
				height: 48px;
				margin: 0;
				padding: 20px 0 0 55px;
				background: url(http://www.adventschool.org/images/interface/vcalendar.png) no-repeat 0 0;
				text-align: left;
				text-decoration: none;
				display: block;
				color: #000000;
				font-size: 11px;
			}
			a.calendar-button:hover {
				text-decoration: underline;
			}


/*
----------------- =LOGIN PAGE -------------- */

body#login #footer p {
width: 850px;
border-right: none;
} 

#login-content {
text-align: center;
width: 100%;
float: left;
height: auto;
padding: 30px 200px 100px 200px;

}

#login-content fieldset {
width: 510px;
text-align: left;
padding: 20px;
color: #5e5e5e;
}

#login-content fieldset a {
color: red;
text-decoration: none;
}

#login-content fieldset a:hover {
text-decoration: underline;
}

#login-content fieldset legend {
font-size: 18px;
color: #003366;
}

#login-content label, #login-content input {
display: block;
}

#login-content label.inline, #login-content input.checkbox {
display: inline;
}

#login-content input {
margin: 0 0 15px 0;
}


/* 
-------------- =INTERIOR PAGE -------------- */
	
	#interior-nav { /* div that holds the ul #nav-interior */
		width: 154px; /* 154px if no right border */
		float: left;
		min-height: 230px; /* height of interior photo banner */
height: auto;
		/*border-right: 1px solid #cccccc;*/
/*background: #ffffff url(http://www.adventschool.org/images/interface/interior-nav-top-shadow.png) repeat-x 0 0;*/
	}
	
		#nav-interior { /* a ul tag */
			color: #999966;
			font-size: 12px;
			line-height: 16px;
			margin: 20px 0 0 23px;
			list-style: none;
background: transparent;
		}
		
			#nav-interior li.section-heading { /* parent item heading, not a link, but it surrounds child li elements, so these need to be overridden below */
				text-transform: uppercase;
				font-weight: bold;
			}
			
			/* used for extra menu groupings added to Interior left sidebars. Alumni News is the only current example. */
			#nav-interior li.secondary {
				margin-top: 30px;
			}
		
			#nav-interior ul { /* nested list */
				list-style: none;
			}
		
			#nav-interior li { /* share qualities unless overrriden below */
				border-bottom: 1px solid #999966;
			}
			
			#nav-interior li ul {
				border-top: 1px solid #999966;
margin-top: 5px;
			}						
			
			/* qualities shared by all anchors */
			#nav-interior a {
				color: #999966;
				text-decoration: none;
				display: block;
			}
				#nav-interior a:hover {
					/*background: #f3f3f3;*/
					color: #003366;
				
				}
				
				#nav-interior a.you-are-here {
					background: transparent url(http://www.adventschool.org/images/interior/nav-interior-bullet.png) no-repeat center left;
					/*margin-left: 18px;*/
					padding-left: 10px;
					color: #003366;
				}
			
			#nav-interior li li a {
				text-transform: none;
				font-weight: normal;
				/*text-indent: 10px;*/
margin: 0 10px 0 10px;
padding: 10px 0;
			}
			
				#nav-interior li li a:hover {
					
				}
			
			#nav-interior li.last {
				border-bottom: none;
			}
	
	#interior-banner {
		width: 803px;
		float: left;
		height: 220px;
		background: #ffffff;		
		border-left: 1px solid #cccccc;
/*background: #ffffff url(http://www.adventschool.org/images/interface/interior-nav-top-shadow.png) repeat-x 0 0;*/
	}
	
		#interior-banner img {
			border: none;
			width: 400px;
			height: 220px;
			float: left;
		}
		
		#interior-banner img.right {
			float: right;
		}
			
/*
------------- =INTERIOR CONTENT DIV ------------- */

#interior-content {
	width: 560px;
	height: auto;
	float: left;
	clear: none;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	background: #ffffff;
	padding: 22px 18px 70px 18px;
	margin: 0 0 37px 0;
	color: #5e5e5e;
}

/* the .full class must be added to full-width elements when using .left and .right to make a two-column layout, which is floated. Normal text elements (with no class) are not floated at all. */
#interior-content p.full, #interior-content h1.full, #interior-content h2.full, #interior-content h3.full, #interior-content h4.full, #interior-content ul.full, #interior-content ol.full {
	width: 560px;
	float: left;
	clear: both;
	text-align: left;
}

#interior-content p.left {
	width: 260px;
	float: left;
	clear: both;
}

#interior-content p.right {
	width: 260px;
	float: right;
	clear: right;
}

#interior-content h3.left {
	width: 260px;
	float: left;
	clear: both;
}

#interior-content h3.right {
	width: 260px;
	float: right;
	clear: right;
	margin-top: -5px;
}
	
		#interior-content p {
			font-size: 12px;
			line-height: 17px;
			color: #5e5e5e;
			margin: 15px 0 0 0;
		}
	
		#interior-content .space-above {
			padding-top: 20px;
		}

		#interior-content ul li, #interior-content ol li {
			margin: 10px 20px;
			color: #5e5e5e;
			line-height: 16px;
		}

		#interior-content ul li li, #interior-content ol li li {
			margin: 10px 20px;
			color: #5e5e5e;
			line-height: 16px;
		}

		#interior-content a {
			color: #5e5e5e;
			text-decoration: none;
			border-bottom: 1px dotted #5e5e5e;
		}

		#interior-content a:hover {
			border-bottom: none;
			text-decoration: underline;
		}

#interior-content a.top-link {
font-weight: bold;
font-size: 130%;
text-decoration: none;
padding: 0 6px;
color: #003366;
}

#interior-content a.top-link:hover {
background: #003366;
color: #ffffff;
text-decoration: none;
}

#interior-content div.inline-image {
/*float: left;*/ /* default - can be overridden */
margin: 15px 0;
}

#interior-content div.inline-image.width-150 {
	width: 150px;
}

#interior-content div.inline-image.width-300 {
	width: 300px;
}

#interior-content div.inline-image.width-560 {
	width: 560px; /* subtract the 15px left or right margin so it doesn't exceed interior-content width; not done for smaller images where text wraps */
text-align: center;
}

#interior-content div.inline-image.left {
	float: left;
	margin-right: 15px;
}

#interior-content div.inline-image.right {
	float: right;
	margin-left: 15px;
}

#interior-content div.inline-image img {
margin: 0 0 3px 0;
}

#interior-content div.inline-image.left span {
width: inherit;
float: left;
display: block;
font-size: 11px;
line-height: 13px;
padding: 3px 0 0 0;
color: #999999;
text-align: left;
}

#interior-content div.inline-image.right span {
width: inherit;
float: right;
display: block;
font-size: 11px;
line-height: 13px;
padding: 3px 0 0 0;
color: #999999;
text-align: right;
}

#interior-content div.inline-image span.credit {
font-style: italic;
}

#interior-content h2 + ul, #interior-content h2 + ol, #interior-content h3 + ul, #interior-content h3 + ol  {
padding-top: 10px;
}


/* ------------- =JOB OPENINGS IN OUR SCHOOL > EMPLOYMENT ------------- */
dl.job-openings {
	margin: 10px 0;
}


dt.job-title {
	display: block;
	font-weight: bold;
	margin: 15px 0 0 0;
	border-top: 1px dashed #666666;
	padding: 10px 0 0 0;
}

dd.job-summary {
	display: block;
	line-height: 17px;
	margin: 5px 0 0 0;
}

dd.job-pdf-link {
	display: block;
	margin: 10px 0 20px 0;
}

/* ------------- =END JOB OPENINGS IN OUR SCHOOL > EMPLOYMENT ------------- */


/*
------------- =FREEFORM FORMS IN INTERIOR-CONTENT DIV ------------- */

.interior-content-form {
padding: 10px 20px;
}

.interior-content-form {
	width: 460px;
	float: left;
	clear: left;
	margin: 10px 0 10px 0;
	padding: 10px 0 0 30px;
}

.interior-content-form fieldset {
	width: 460px;
	float: left;
	clear: left;
	padding: 10px 20px;
	margin: 0 0 20px 0;
}

.interior-content-form legend {
	font-size: 14px; 
	font-weight: normal;
	color: #003366;
	padding: 0 10px;
}

.interior-content-form label {
	width: 120px;
	float: left;
	clear: left;
	margin: 6px 10px 6px 0;
	text-align: right;
}

.interior-content-form label.wide {
	width: 160px;
}

.interior-content-form label.required {
	color: red;
}

.interior-content-form input {
	float: left;
}

.interior-content-form input.checkbox {
	margin: 7px 0 0 0;
}

.interior-content-form input#submit {
display: block;
width: auto;
float: left;
clear: left;
margin: 20px 0 0 0;
}

.interior-content-form input#captcha {
margin: 0 0 0 10px;
}

.interior-content-form textarea {
width: 450px;
float: left;
clear: left;
}

/*** END FREEFORM FORMS IN INTERIOR-CONTENT DIV ***/
	
	#interior-sidebar {
		width: 206px;
		height: 100%;
		float: left;
		text-align: left;
padding: 0 0 36px 0;
		/*border-left: 1px solid #cccccc;*/
	}
	
		#interior-sidebar p.testimonial {
			font-family: Georgia, serif;
			font-size: 12px;
			line-height: 18px;
			color: #999966;
			font-style: italic;
			padding: 20px 15px 0 15px;
			text-align: left;
		}
		
		#interior-sidebar p.testimonial-attribution {
			font-family: Georgia, serif;
			font-size: 12px;
			line-height: 16px;
			color: #999966;
			font-style: normal;
			margin: 10px 0 0 0;
			text-align: right;
			padding: 0 15px 0 15px;
		}
		
		
	/* Section sub-navigation blocks in right-hand sidebar */
		.sidebar-menu { /* a ul tag */
			width: 206px;
			float: left;
			color: #003366;
			/*background: #b3e7fb;*/
			font-size: 12px;
			line-height: 16px;
			margin: 20px 0 0 0;
			padding: 0;
			list-style: none;
		}
				
			.sidebar-menu li {
				background: #b3e7fb;
				border-bottom: 1px solid #ffffff;
				margin: 0;
				padding: 0;
			}
			
			/* qualities shared by all anchors */
			.sidebar-menu a {
				color: #003366;
				background: #b3e7fb url(http://www.adventschool.org/images/interface/sidebar-menu-bullet.png) no-repeat center left;
				text-decoration: none;
				display: block;
				margin: 0 0 0 15px; /* indents bg image */
				padding: 10px 10px 10px 15px; /* indents text */
			}
				.sidebar-menu a:hover, .sidebar-menu a.you-are-here {
					color: #ffffff;
				}
									
			.sidebar-menu li.last {
				border-bottom: none;
			}
									
			.sidebar-menu li.header {
				background: transparent;
				color: #9e9e9e;
				text-transform: uppercase;
				text-align: center;
				border: 2px solid #b3e7fb;
				padding: 5px 0;
				font-weight: bold;
			}

/*
---------- =MATRIX - SIDEBAR PHOTO MATRIX ----------- */
ul#sidebar-photo-matrix {
width: 200px;
float: left;
margin: 20px 0 0 0;
list-style: none;
background: #ffffff; 
border: 2px solid #b3e7fb;
padding: 0 0 2px 2px;
text-align: center;
}

ul#sidebar-photo-matrix li.photo {
width: auto;
float: left; /* IE7 needs the li floated, not just the anchor inside it. Doesn't hurt any other browser. */
margin: 0;
}

ul#sidebar-photo-matrix li.photo a {
width: 60px;
float: left;
padding: 2px 2px 0 2px;
border: 1px solid #ffffff;
background: #ffffff;
display: block;
}

ul#sidebar-photo-matrix li.photo a:hover {
border: 1px solid #b3e7fb;
background: #b3e7fb;
}
									
ul#sidebar-photo-matrix li.header {
	width: 200px;
	background: transparent;
	color: #9e9e9e;
	text-transform: uppercase;
	text-align: center;
	
	padding: 5px 0;
	font-weight: bold;
}



			
	/* INTERIOR 2 & 3 -- 2-COLUMN INTERIOR TEMPLATES - NO RIGHT SIDEBAR */
	#page.two-col #interior-content {
		width: 767px;
		float: left;
		border-right: none;
		border-left: 1px solid #cccccc;
		background: #ffffff;
		padding: 22px 18px 70px 18px;
		margin: 0 0 37px 0;
	}
					
	/* footer on Home page has different characteristics than other pages */
	body#home #footer {
		width: 740px;
	}
	
	body#home #footer p {
		width: 630px;
		margin-left: 110px;
		border-right: none;
	}
	
	
	/* =NEWS */
	
	body#news-events #page {
		background: #FFFFFF url(http://www.adventschool.org/images/interface/news-bg.png) repeat-y -1px 0;
	}
	
	body#news-events #footer {
		width: 960px;
		background: #FFFFFF;
	}
	
	body#news-events #footer p {
		width: 850px;
		margin-left: 110px;
		border-right: none;
	}
	
		body#news-events h2 {
			font-size: 24px;
			color: #999966;
			line-height: 24px;
			font-weight: normal;
text-transform: none;
margin: 0;
		}
		
		body#news-events h2 span {
			font-size: 12px;
			color: #999966;
			display: block;
text-transform: none;
		}
	
	
	#news-content {
		width: 582px;
		float: left;
	}
	
		#news-calendar, #news-other {
			width: 482px;
			float: left;
			border-bottom: 1px solid #cccccc;
			padding: 25px 50px 20px 50px;
			overflow: hidden;
		}
	
		#news-other { /* bottom-left area of news-events page; this keeps it away from the footer */
			padding-bottom: 80px;
		}
		
			#news-calendar h2{
				width: 480px;
				float: left;
			}
		
			#news-calendar #news-alert {
				width: 460px;
				float: left;
				padding: 10px;
				margin: 0 0 10px 0;
				border: 1px solid red;
			}
			#news-calendar #news-alert > h2 {
				font-size: 14px;
				font-weight: bold;
				line-height: 14px;
				color: red;
				text-align: left;
				padding: 0;
				margin: 0 0 6px 0;
			}

			#news-calendar #news-alert  h3 {
				font-size: 14px;
				font-weight: normal;
				line-height: 14px;
				color: red;
				text-align: left;
				padding: 0;
				margin: 0 0 5px 0;
			}
			#news-alert p {
				font-size: 14px;
				line-height: 18px;
				color: red;
				text-align: left;
			}
		
			#news-events-1-wrapper {
				width: 160px;
				float: left;
			}
			
				#news-events-1-wrapper > div.event-summaries-column {
					margin-top: -8px; /* pull left-hand column up to register text with other cols */
				}
					
			div.event-summaries-column {
				width: 145px;
				float: left;
				margin: 0;
				padding: 0 15px 0 0;
				color: #5e5e5e;
				font-size: 11px;
				line-height: 15px;
			}
													
				div.event-summaries-column dt {
					padding: 12px 0 0 0; /* separate events from each other */
					text-transform: uppercase;
				}
													
				div.event-summaries-column a {
					color: #5e5e5e;
					text-decoration: none;
					display: block;
				}
													
				div.event-summaries-column a:hover {
					background: #eeeeee;
				}
																				
	#news-sidebar {
		overflow: hidden;
		width: 375px;
		height: 700px;
		float: left;
		background: #f1f6d7;
		border-left: 1px solid #cccccc;
		margin: 0 0 37px 0;
		padding: 0 0 25px 0;
	}
		#news-sidebar a.prev {
			width: 50px;
			height: 100%;
			float: left;
			background: transparent url(http://www.adventschool.org/images/interface/news-slideshow-arrows-sprite.png) no-repeat 5px 0;
		}
		
			#news-sidebar a.prev:hover {
				background-position: 5px -1000px;
			}
		
		#news-sidebar a.next {
			width: 50px;
			height: 100%;
			float: right;
			background: transparent url(http://www.adventschool.org/images/interface/news-slideshow-arrows-sprite.png) no-repeat 5px -2000px;
		}
		
			#news-sidebar a.next:hover {
				background-position: 5px -3000px;
			}
		
	
	#news-slideshow-holder {
		overflow: hidden;
		width: 270px;
		height: 700px;
		float: left;
		background: transparent;
		padding: 24px 0 0 0;
		margin: 0 0 0 5px;	
	}
	
		#news-slideshow {
			width: 3900px;			
		}
		
			div.news-slideshow-item {
				width: 275px;
				height: 700px;
				float: left;
				margin: 0 50px;
			}
			
				div.news-slideshow-item h2 {
					line-height: normal;
					padding: 0 20px 15px 0;
					text-align: center;
				}
			
				div.news-slideshow-item h3 {
					padding: 0 20px 0 0;
					margin: 5px 0 -5px 0;
					text-align: left;
					font-weight: bold;
				}
			
				div.news-slideshow-item h4 {
					padding: 10px 20px 0 0;
					margin: 5px 0 -5px 0;
					text-align: left;
					font-weight: bold;
				}

						
				div.news-slideshow-item p.image { /* hook for shadow for images */
					margin: 0 8px 0 0; /* right-hand shadow fix */
					background: transparent url(http://www.adventschool.org/images/interface/shadow.png) no-repeat bottom right;
					padding: 0 8px 9px 0;
					-moz-border-radius-bottomleft: 17px;
					-moz-border-radius-topright: 17px;
					-webkit-border-top-right-radius: 17px;
					-webkit-border-bottom-left-radius: 17px;
				}
			
					div.news-slideshow-item img {
						width: 254px;
						height: 358px;
						border: 1px solid #000000;
					}
					
				div.news-slideshow-item p.news-sidebar-caption {
					font-size: 10px;
					line-height: 12px;
					color: #888;
					padding: 0 20px 0 0;
					text-align: right;
				}
					
				div.news-slideshow-item p.news-sidebar-credit {
					font-size: 10px;
					line-height: 12px;
					color: #888;
					padding: 5px 20px 0 0;
					text-align: right;
					font-style: italic;
				}
					
				div.news-slideshow-item p {
					font-size: 12px;
					line-height: 16px;
					color: #5e5e5e;
					padding: 6px 10px 8px 0;
					text-align: left;
				}
					
				div.news-slideshow-item ul {
					margin: 10px;
					list-style: disc outside;
				}
					
				div.news-slideshow-item li {
					font-size: 12px;
					line-height: 15px;
					color: #5e5e5e;
					/*padding: 0 10px 0 0;*/
					text-align: left;
					margin: 3px 10px 3px 10px;
				}
					
				div.news-slideshow-item .space-above {
					padding: 15px 0 0 0;
				}
	
	
	/* CALENDAR */
	
	body#calendar #page {
		background: #FFFFFF url() repeat-x 0 0;
	}
			
	#calendar-content {
		width: 920px;
		float: left;
		text-align: left;
		margin: 0;
		padding: 20px 30px 70px 20px;
	}


/* 
--------------- =PHOTO LIBRARY ---------------- */

#photo-library-content {
/*width: 610px; */
width: 711px;  /* 752px - 40px horiz padding - 1px right border */
float: left;
padding: 20px;
margin: 0;
border-right: 1px solid #cccccc;
}

#photo-library-content h1, #photo-library-content h2 {
width: 100%;
text-align: center;
color: #666666;
margin-bottom: 10px;
}

#photo-library-content h1 a {
text-decoration: none;
}

#photo-library-content h1 a:hover {
text-decoration: underline;
}

#photo-library-content h2, #photo-library-content h3 {
margin: 0 0 20px 0;
color: #666;
text-transform: none;
}



		#photo-library-content ul li, #photo-library-content ol li {
			margin: 10px 20px;
			color: #5e5e5e;
			line-height: 16px;
		}

		#photo-library-content ul li li, #photo-library-content ol li li {
			margin: 10px 20px;
			color: #5e5e5e;
			line-height: 16px;
		}

dl.thumbwrap {
	text-align: center;
	font-size: 0.95em;
	margin: 25px 0 0 50px;
}
 
dl.thumbwrap dt, dl.thumbwrap dd {
	width: 9em; /* negative left margin on dd below must be the same value as this */
	float:left;
}

dl.thumbwrap dt {
	margin-bottom:5.5em;
}
 
dl.thumbwrap dd {
	margin: 76px 0 20px -9em; /* negative margin must be the same value as dt, dd width */
	color: #5e5e5e;
}

dl.thumbwrap img {
	vertical-align: bottom;
	border: 1px solid #999;
	padding: 2px;
	background: #fff;
}
 
dl.thumbwrap em {
	display: block;
	font-size: 9px;
	font-style: normal; /* we're using the em as a hook, not necessarily because we want italics */
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0 1em;
} 

dl.thumbwrap a:hover img, dl.thumbwrap a:active img, dl.thumbwrap a:focus img {
	background:#003366;
}

/* index template uses dd for pagination; search pages uses span */
dl.thumbwrap dd.pagination, dl.thumbwrap span.pagination { /* pagination line */
display:block;
width: 100%;
text-align: left;
margin: 10px 0 20px 10px;
float: left;
clear: left;
}

dl.thumbwrap dd.pagination a, dl.thumbwrap span.pagination a { /* pagination links */
background-color: #cecece;
width: 15px;
display: inline;
margin: 0 2px;
padding: 2px 8px;
border: 1px solid #9b9b9b;
}

dl.thumbwrap dd.pagination a:hover, dl.thumbwrap span.pagination a:hover  {
background-color: #003366;
color: white;
}

#photo-library-content h3 {
line-height: 1.5em;
}

#photo-library-content .clearleft {
clear: left;
}

#search-form, #tag-cloud {
width: 100%;
float: left;
clear: left;
}

#search-form {
padding-bottom: 20px;
}

#search-form fieldset legend, #tag-cloud fieldset legend {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: normal;
	color: #003366;
	padding: 0 10px;
}

#tag-cloud {
margin: 20px 0 50px 0;
font-family: Georgia, Times, Palatino, serif;
}
#tag-cloud fieldset {
padding: 10px;
}

#search-form form {
margin: 0;
padding: 6px 0;
}

#search-form form p {
margin: 0 0 0 10px;
}
#search-form form p input {
margin: 0 10px 0 0;
}
#search-form #keywords {
width: 400px;
}
 
#search-results-message {
font-size: .7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333;
}

a.tag {
text-decoration: none;
color: #999999;
}
a.tag:hover {
color: #003366;
text-decoration: none;
}

.search-results-number {
color: red;
}
/* END PHOTO LIBRARY */

/*
------------- =SITE MAP ------------- */

div#sitemap-content {
padding: 10px 15px 40px 15px;
width: 100%;
float: left;
}
	
body#sitemap #footer p {
	width: 850px;
	margin-left: 110px;
	border-right: none;
}

ul.sitemap-column {
		width: 210px;
		float: left;
		padding: 10px;
		margin: 0 0 10px 0;
		list-style: none;
		text-align: left;
		line-height: 16px;
/*border-right: 1px solid #cccccc;*/
}

ul.sitemap-column > li {
font-size: 16px;
color: #003366;
padding: 10px 0 10px 0;
}

ul.sitemap-column ul {
list-style: none;
margin: 5px 0 0 10px;
color: #5e5e5e;
}

/* the actual links of the page */
ul.sitemap-column ul li a {
color: #5e5e5e;
text-decoration: none;
display: block;
font-size: 12px;
line-height: 14px;
padding: 4px 0;

} 

ul.sitemap-column ul li a:hover {
background: #eeeeee;
}
/*** END SITEMAP ***/

	#footer {
		width: 750px;
		height: 37px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: #FFFFFF; /* obscure #interior-content border in IE7 */
	}
		
		#footer p {
			width: 640px;
			float: left;
			margin: 0 0 0 111px;
			padding: 10px 0 10px 0;
			border-top: 1px solid #cccccc;
			border-right: 1px solid #cccccc;
			font-size: 9px;
			line-height: 16px;
			color: #5e5e5e;
			text-align: left;
		}
		
		#footer a {
			color: #5e5e5e;
			text-decoration: none;
		}
		
			#footer a:hover {
				text-decoration: underline;
			}
		
			#footer a.you-are-here {
				color: #003366;
			}
		
		body#calendar #footer, body#sitemap #footer, body#page-not-found #footer, body#page-not-found-index #footer, #page.two-col #footer { /* full-width footers */
			width: 958px;
		}
		
		body#calendar #footer p, body#sitemap #footer p, body#page-not-found #footer p, body#page-not-found-index #footer p, #page.two-col #footer p { /* full-width footers */
			width: 847px;
			border-right: none;
		}

				
	#logo-stamp {
		width: 52px;
		height: 52px;
		position: absolute;
		z-index: 10; /* keep logo above opaque footer but not with a z-index so high that it's above the photo library lightbox screen */
		bottom: 5px;
		left: 38px;
		background: transparent url(http://www.adventschool.org/images/interface/footer-logo.png) no-repeat 0 0;
	}

#logo-stamp a {
display: block;
width: 52px;
height: 52px;
}
				
		#invest-button a {
			display: block;
			width: 208px;
			margin: 0;
			padding: 10px 0;
			height: 26px;
			position: absolute;
			bottom: -10px;
			right: 0;
			background: url(http://www.adventschool.org/images/interface/invest-button-sprite.png) no-repeat 0 0;
			border-top: 1px solid #cccccc;
			color: #000;
			font-weight: bold;
			font-size: 13px;
			text-decoration: none;
			text-align: center;
		}
				
		body#home #invest-button a {
			width: 220px;
		}
		
		#invest-button a:hover, body#home #invest-button a:hover {
			text-decoration: none;
			background: url(http://www.adventschool.org/images/interface/invest-button-sprite.png) no-repeat 0 -36px;
			color: #003366;
		}

/*

---------- MISCELLANEOUS CLASSES ------------ */

.clear-left {
clear: left;
}

.left {
float: left;
}

.right {
float: right;
}

.width-auto {
width: auto;
}

.sidebar-photo {
width: 200px;
float: left;
/*border: 2px solid #b3e7fb;*/
padding: 0;
margin: 10px 0 10px 3px;
}