/*
	Main "screen" StyleSheet for RiverhillSchool.org
	Author: Jay Hayes of iamvery.com
	Contact: ur@iamvery.com
	Description: This stylesheet formats the document for screen
				specific applications. It will format the site
				for viewing on the web via monitors and projectors.
	-----
	9 June 2009 - Created
	10 June 2009 - Continued prelimenary tweaking and coding
	10 June 2009 - Stylesheets seperated in various medias
	25 Aug 2009 - Stylesheet reorganization
	
	-----
	TODO: 
*/

body {
	min-width: 900px;
}

	/* NAVIGATION HIDE / SHOW */
	.nav_image {
		display: inline;	
	}
	.alt_text {
		display: none;
	}

	/* TOP NAVIGATION */
	#top_nav_holder {
		width: 825px; 
		height: 26px;
		margin: auto;
		position: relative;
	}
	#top_nav_holder #top_nav {
		padding-top: 10px;
	}
	#top_nav_holder #top_nav li {
		display: inline;
	}
	#top_nav_holder #top_nav li a,
	#top_nav_holder #top_nav li div {
		float: left;
		height: 0;
		padding-top: 26px;
		overflow: hidden;
	}
	#top_nav_holder #top_nav li.spacer div { width: 25px; }
	#top_nav_holder #top_nav li#about_riverhill a {
		width: 133px;
		background-image: url(/images/page_elements/top_nav/about_riverhill.png);
		background-repeat: no-repeat;
	}
	#top_nav_holder #top_nav li#our_programs a {
		width: 126px;
		background-image: url(/images/page_elements/top_nav/our_programs.png);
		background-repeat: no-repeat;
	}
	#top_nav_holder #top_nav li#admissions a {
		width: 102px;
		background-image: url(/images/page_elements/top_nav/admissions.png);
		background-repeat: no-repeat;
	}
	#top_nav_holder #top_nav li#communication a {
		width: 134px;
		background-image: url(/images/page_elements/top_nav/communication.png);
		background-repeat: no-repeat;
	}
	#top_nav_holder #top_nav li#after_riverhill a {
		width: 127px;
		background-image: url(/images/page_elements/top_nav/after_riverhill.png);
		background-repeat: no-repeat;
	}
	#top_nav_holder #top_nav li#support a {
		width: 78px;
		background-image: url(/images/page_elements/top_nav/support.png);
		background-repeat: no-repeat;
	}
	#top_nav_holder #top_nav li a:hover { background-position: 0 -26px; }
	#top_nav_holder #top_nav li a:active { background-position: 0 -52px; }
	/* END OF TOP NAVIGATION */

	/*** HOLY GRAIL LAYOUT ***/
	/* Fixed header, top nav, side nav, footer. Dynamic content box */
	#header {
		height: 160px;
	}
	#top_nav_bg {
		height: 45px;
	}
	#footer {
		position: relative;
		clear: both;
		min-height: 85px;
	}
	#column_container {
		position: relative;
		overflow: hidden;
		padding-left: 205px;
	}
		#column_container .column {
			position: relative;
		  	float: left;
			padding-bottom: 20010px;
			margin-bottom: -20000px;
		}
	#column_center {
		width: 100%;
	}
	#column_left {
		width: 205px;
	  	right: 205px;
	  	margin-left: -100%;
	}
	/*** END OF HOLY GRAIL LAYOUT ***/
	
	/*** Shadow classes ***/
	.border_shadow_top {
		background: url(/images/page_elements/shadows/shadow_top.png) top left repeat-x;
	}
	.border_shadow_left {
		background: url(/images/page_elements/shadows/shadow_left.png) top left repeat-y;
	}
	.border_shadow_bottom {
		background: url(/images/page_elements/shadows/shadow_bottom.png) bottom left repeat-x;
	}
	.border_shadow_right {
		background: url(/images/page_elements/shadows/shadow_right.png) top right repeat-y;
	}
	.border_top_shift {
		position: relative;
	}
	.border_left_shift {
		position: relative;
		margin-bottom: -10px;
	}
	.border_bottom_shift {
		position: relative;
	}
	.border_right_shift {
		position: relative;
	}
	.border_correction {
		position: relative;
		top: -2px;
	}
	/*** End of Shadow classes ***/


	/* PAGE FORMATTING */
	#header {
		background: url(/images/page_elements/header.jpg) center;
		cursor: pointer;
	}
	#top_nav_bg {
		background-color: #151729;
	}
	#column_left {
		background: url(/images/page_elements/sidenav_bg.gif) top left repeat-y;
	}
		#column_left #logos li {
			display: inline;
			padding: 0 10px 0 0;
		}
	#column_center {
		background-color: #DDD;
	}
	#footer {
		color: #A8A8A8;
		background: url(/images/page_elements/footer_bg.gif) top left repeat-x;
		background-color: #10111D;
		font-size: 0.7em;
		text-align: center;
		padding-top: 30px;
	}
		#footer ul li {
			display: inline;
			padding: 0 10px 0 0;
		}
	#side_nav {
		padding-top: 20px;
		padding-left: 20px;
	}
		#side_nav h1 {
			padding: 1px 0 15px 0;
			margin: 0;
		}
		#side_nav h2 {
			position: relative;
			margin: 0 0 0 -11px;
		}
		#side_nav li {
			font-size: 10pt;
			padding: 15px 0 0 0;
		}
		#side_nav a img {
			padding-bottom: 1px;
		}
		#side_nav a:hover img {
			border-bottom: 1px solid #959595;
			padding-bottom: 0;
		}
		
	#content {
		color: #151729;
		min-height: 450px;
		padding: 35px;
	}
	
		/* HEADERS */
		#content h1 {
			/*font-size: 20pt;*/
			font-size: 1.7em;
		}
		#content h2 {
			/*font-size: 14pt;*/
			font-size: 1.2em;
		}
		#content h3 {
			/*font-size: 11pt;*/
			font-size: 0.9em;
		}
		#content h4 {
			/*font-size: 10pt;*/
			font-size: 0.8em;
		}
		
		/* FONT SIZES */
		#content .small { font-size: 0.9em;	}
		#content .smaller { font-size: 0.8em; }
		#content .smallest { font-size: 0.7em; }
		
		/* LISTS */
		#content ul.nav li {
			/*font-size: 10pt;*/
			/*font-size: 0.8em;*/
		}
		#content ul.bullets li {
			/*font-size: 11pt;*/
			/*font-size: 0.9em;*/
		}
		#content ul.numbered li {
			/*font-size: 10pt;*/
			/*font-size: 0.8em;*/
		}

		/* IMAGES */
		#content .left_image, #content .right_image {
			border: 1px solid #151729;
		}
		
		/* FORMS */
		#content form div {
			float: left;
		}
		#content form textarea {
			font-size: 1em;
		}
		#content form h1 {
			padding: 10px 0 1px 0;
			font-size: 1em;
		}
		#content form h2 {
			padding: 0 0 3px 0;
			font-size: 0.9em;
			text-decoration: none;
		}
		#content form h3 {
			//padding: 0 0 0 5px;
			//margin: -29px 0 0 5px;
			font-size: 0.8em;
			font-weight: normal;
		}
			#content form h3 a {
				text-decoration: underline;
			}
			#content form h3 a:hover {
				text-decoration: none;
			}
		#content form #from {
			padding-right: 10px;
		}
		#content form #from input {
			font-size: 1em;
		}

		/* FORM SUCCESS / ERROR */
		#content div.success {
			width: 529px;
			color: white;
			font-size: 1.5em;
			background-color: #44E557;
			padding: 5px;
		}
		#content div.error {
			width: 529px;
			color: white;
			font-size: 1.5em;
			background-color: #E54444;
			padding: 5px;
		}
		
		/* FORM ELEMENTS */
		input, textarea {
			padding: 5px;
			border: 1px solid #151729;
		}
		input.city{
			font-family: Bell MT, times, serif;
			padding: 1px 1px 1px 1px;
		}
		input.submit{
			padding: 4px 5px 3px 5px;
		}
		
		/* RECAPTCHA */
/*
		.recaptchatable .recaptcha_image_cell, #recaptcha_table {
			background-color:#fff !important; //reCaptcha widget background color
		}
		#recaptcha_table {
			border-color: #151729 !important; //reCaptcha widget border color
		}
		#recaptcha_response_field {
			border-color: #151729 !important; //Text input field border color
			background-color:#FFF !important; //Text input field background color
		}
*/		
		/* PARAGRAPHS */
		#content p {}
		#content p.indent{}
		#content p.indent2{}
	
		/* TABLES BY DIV - Apparently IE doesn't like this :( */
		#content div.table div.row div.cell {
			/*font-size: 11pt;*/
			font-size: 0.9em;
		}

		/* TABLES BY TABLE */
		#content td {
			/*font-size: 11pt;*/
			/*font-size: 0.9em;*/
		}
		
		/* HYPERLINKS */
		#content p a {
			text-decoration: underline;
		}
		#content p a:hover {
			text-decoration: none;
		}
		#content a {
			color: #151729;
			text-decoration: none;
		}
		#content a:hover {
			text-decoration: underline;
		}
		
		/* PRINT PAGE BUTTON */
		#content .print_page {
			float: right;
			/*font-size: 8pt;*/
			font-size: 0.7em;
			padding-left: 5px;
		}
		
		/* FOR DIRECTIONS PAGE */
		#content #map_canvas {
			border: 1px solid #151729;
		}