/**
	Base StyleSheet for RiverhillSchool.org
	Author: Jay Hayes of iamvery.com
	Contact: ur@iamvery.com
	Description: This stylesheet sets up the basic formatting for the page. All
				formatting addressed in this sheet should apply to all media
				types.
	-----
	10 June 2009 - Created
	11 June 2009 - Formatting updates, navigation
	25 Aug 2009 - Stylesheet reorganization
	
	-----
	TODO: 
**/

body {
	font-family: Bell MT, "Times New Roman", Georgia, Times, Serif;
	/* This is the document base font size. */
	font-size: 12pt;
}
	
	#content {}
	
		/* HEADERS */
		#content h1 {
			padding: 0 0 10px 0;
		}
		#content h2 {
			text-decoration: underline;
			padding: 10px 0 5px 0;
		}
		#content h3 {
			font-weight: bold;
			padding: 0 0 0 0;
		}
		#content h4 {
			font-weight: bold;
		}
		
		/* LISTS */
		#content ul.nav {
			padding: 0 0 10px 0;
			text-align: left;
		}
		#content ul.nav li {
			display: inline;
		}
		#content ul.bullets {
			padding: 0 0 0 20px;
			list-style-type: disc;
		}
		#content ul.bullets li {
			padding: 0 0 5px 0;
		}
		#content ul.bullets li:last-child {
			padding: 0;
		}
		#content ul.numbered {
			padding: 0 0 0 20px;
			list-style-type: decimal;
		}
		#content ul.numbered li {
			padding: 0 0 2px 0;
		}
		#content ul.numbered li:last-child {
			padding: 0;
		}
		
		/* PARAGRAPHS */
		#content p {
			padding: 0 0 15px 0;
			text-align: justify;
		}
		
		/* FORMATTING CLASSES */
		#content .indent {
			margin-left: 25px;
		}
		#content .indent2 {
			margin-left: 50px;
		}

		/* TABLES BY DIV - Apparently IE doesn't like this :( */
		#content div.table {
			display: table;
			/*border: 1px solid #BBB;*/
			margin: 15px 25px 15px 25px;
		}
		#content div.table div.row {
			display: table-row;
		}
		#content div.table div.row div.cell {
			display: table-cell;
			padding: 10px 10px 10px 10px;
			vertical-align: middle;
			border-color: #BBB;
			border-style: solid;
			border-top-width: 0;
			border-right-width: 0;
			border-bottom-width: 0;
			border-left-width: 0;	
		}
		#content div.table div.row div.t {
			border-top-width: 1px;
		}
		#content div.table div.row div.r {
			border-right-width: 1px;
		}
		#content div.table div.row div.b {
			border-bottom-width: 1px;
		}
		#content div.table div.row div.l {
			border-left-width: 1px;
		}
		#content div.table div.row div.aleft {
			text-align: left;
		}
		#content div.table div.row div.aright {
			text-align: right;
		}
		#content div.table div.row div.acenter {
			text-align: center;
		}

		/* TABLES BY TABLE */
		#content table {
			/*margin: 15px 25px 15px 25px;*/
		}
		#content td {
			padding: 10px 10px 10px 10px;
			vertical-align: middle;
			border-color: #BBB;
			border-style: solid;
			border-top-width: 0;
			border-right-width: 0;
			border-bottom-width: 0;
			border-left-width: 0;
		}
		#content td.t {
			border-top-width: 1px;
		}
		#content td.r {
			border-right-width: 1px;
		}
		#content td.b {
			border-bottom-width: 1px;
		}
		#content td.l {
			border-left-width: 1px;
		}
		#content td.atop {
			vertical-align: top;
		}
		#content td.amiddle {
			vertical-align: middle;
		}
		#content td.abottom {
			vertical-align: bottom;
		}
		#content td.aleft {
			text-align: left;
		}
		#content td.aright {
			text-align: right;
		}
		#content td.acenter {
			text-align: center;
		}
		#content td.wthird {
			width: 33%;
		}
		
		/* IMAGES */
		#content div.left_image, #content img.left_image {
			position: relative;
			margin-right: 10px;
			float: left;
		}
		#content div.right_image, #content img.right_image {
			position: relative;
			margin-left: 10px;
			float: right;
		}
		#content div.margin_top, #content img.margin_top { margin-top: 10px; }
		#content div.margin_bottom, #content img.margin_bottom { margin-bottom: 10px; }
		#content div.left_image h1, #content div.right_image h1 {
			position:absolute;
			bottom: 0;
			color: rgb(255, 255, 255);
			color: rgba(255, 255, 255, 0.8);
			background: rgb(21, 23, 41);
			background: rgba(21, 23, 41, 0.6);
			padding: 5px;
			font-size: 0.8em
		}
		#content div.left_image h1{ left: 0; }
		#content div.right_image h1 { right: 0; }
		
		/* FOR DIRECTIONS PAGE */
		#content #directions {
			width: 100%;
		}
		#content #map_canvas {
			width: 100%;
			height: 400px;
		}
		
		/* SITE MAP */
/*		ul.sitemap {
			margin: 0 0 0 20px;
		}
			/* Level 1 */
/*			ul.sitemap li {
				list-style-type: disc;
				margin: 1px 0 1px 0;
			}
 			ul.sitemap li ul {
				margin: 5px 0 5px 30px;
			}
				/* Level 2 */
/*				ul.sitemap li ul li {
					list-style-type: circle;
				}
				ul.sitemap li ul li ul {
					
				}
					/* Level 3 */
/*					ul.sitemap li ul li ul li {
						list-style-type: square;
					}
*/