/*
 	Index page StyleSheet for RiverhillSchool.org
	Author: Jay Hayes of iamvery.com
	Contact: ur@iamvery.com
	Description: This stylesheet formats the RiverhillSchool.org
				index page.
	-----
	18 June 2009 - Created
*/

body {
	background: #000 url(/images/page_elements/background/home_bg.jpg) repeat scroll center center;
	background-position: top center;
}

	#content {
		width: 902px;
		height: 535px;
		background-image: url(/images/page_elements/background/building_silhouette.png);
		margin-top: 15px;
		margin-left: auto;
		margin-right: auto;
	}
	#content > div {
		margin: 0 30px 0 30px;
	}
		#top {
			height: 155px;
			/* TMP 
			background-color: #fff;
			opacity: 0.5; */
		}
		#top_nav {
			height: 30px;
			/* TMP 
			background-color: #444;
			opacity: 0.5; */
		}
		#pictures {
			height: 275px;
			padding: 5px 0 0 9px;
			/* TMP 
			background-color: #555;
			opacity: 0.5; */
		}
			#pictures div {
				float: left;
				height: 260px;
			}
			#pictures #slot1 {
				width: 320px;
				/* TMP */
				background-color: #000;
			}
				#pictures #slot1 img {
					width: 320px;
					height: 260px;
				}
			#pictures #slot2 {
				width: 176px;
				/* TMP */
				background-color: #000;
			}
				#pictures #slot2 img {
					width: 176px;
					height: 260px;
				}
			#pictures #slot3 {
				width: 320px;
				/* TMP */
				background-color: #000;
			}
				#pictures #slot3 img {
					width: 320px;
					height: 260px;
				}
			#pictures ul.crossfade li {
				position: absolute;
				visibility: hidden;
			}
			#pictures ul.crossfade img {
				display: block;
			}
			#pictures .spacer {
				width: 4px;
			}
		#bottom_nav {
			height: 36px;
			/* TMP 
			background-color: #666;
			opacity: 0.5; */
		}
		#footer {
			padding-top: 40px;
			padding-bottom: 20px;
			color: #b3b7c9;
			font-size: 8pt;
			font-family: Bell MT, "Times New Roman", Georgia, Times, Serif;
			text-align: center;
			/* TMP 
			background-color: #fff;
			opacity: 0.5; */
		}
	
		/* TOP NAVIGATION */
		#top_nav #top_nav_holder {
			width: 800px;
			margin: auto;
			position: relative;
		}
			#top_nav_holder ul li {
				display: inline;
			}
			#top_nav_holder ul li a,
			#top_nav_holder ul li div {
				float: left;
				height: 0;
				padding-top: 26px;
				overflow: hidden;
			}       
			#top_nav_holder ul li.spacer div { width: 20px; margin: 0; }
			#top_nav_holder ul li#about_riverhill a {
				width: 133px;
				background-image: url(/images/page_elements/top_nav/about_riverhill.png);
				background-repeat: no-repeat;
			}
			#top_nav_holder ul li#our_programs a {
				width: 126px;
				background-image: url(/images/page_elements/top_nav/our_programs.png);
				background-repeat: no-repeat;
			}
			#top_nav_holder ul li#admissions a {
				width: 102px;
				background-image: url(/images/page_elements/top_nav/admissions.png);
				background-repeat: no-repeat;
			}
			#top_nav_holder ul li#communication a {
				width: 134px;
				background-image: url(/images/page_elements/top_nav/communication.png);
				background-repeat: no-repeat;
			}
			#top_nav_holder ul li#after_riverhill a {
				width: 127px;
				background-image: url(/images/page_elements/top_nav/after_riverhill.png);
				background-repeat: no-repeat;
			}
			#top_nav_holder ul li#support a {
				width: 78px;
				background-image: url(/images/page_elements/top_nav/support.png);
				background-repeat: no-repeat;
			}
			#top_nav_holder ul li a:hover { background-position: 0 -26px; }
			#top_nav_holder ul li a:active { background-position: 0 -52px; }
	
		/* BOTTOM NAVIGATION */
		#bottom_nav #bottom_nav_holder {
			width: 276px;
			margin: auto;
			position: relative;
		}
			#bottom_nav_holder ul li {
				display: inline;
			}
			#bottom_nav_holder ul li a,
			#bottom_nav_holder ul li div {
				float: left;
				height: 28px;
				padding-left: 5px;
				padding-right: 5px;
				background-position: center center;
			}
			#bottom_nav_holder ul li#parent_login a{
				width: 74px;
				background-image: url(/images/page_elements/home_bottom_nav/parent_login.png);
				background-repeat: no-repeat;
			}
			#bottom_nav_holder ul li#separator_left div{
				width: 10px;
				background-image: url(/images/page_elements/home_bottom_nav/separator_left.png);
				background-repeat: no-repeat;
			}
			#bottom_nav_holder ul li#meet_riverhill a{
				width: 81px;
				background-image: url(/images/page_elements/home_bottom_nav/meet_riverhill.png);
				background-repeat: no-repeat;
			}
			#bottom_nav_holder ul li#contact_us a{
				width: 60px;
				background-image: url(/images/page_elements/home_bottom_nav/contact_us.png);
				background-repeat: no-repeat;
			}
			#bottom_nav_holder ul li#separator_right div{
				width: 10px;
				background-image: url(/images/page_elements/home_bottom_nav/separator_right.png);
				background-repeat: no-repeat;
			}
			#bottom_nav_holder ul li#site_map a{
				width: 51px;
				background-image: url(/images/page_elements/home_bottom_nav/site_map.png);
				background-repeat: no-repeat;
			}
			#bottom_nav_holder a {
				margin-bottom: 1px;
			}
			#bottom_nav_holder a:hover {
				border-bottom: 1px solid #959595;
			}

/* TEMPORARY */
#footer ul li {
	display: inline;
	padding: 0 30px 0 0;
}