/*
this is the main style sheet for the education template. 
by wrapping this text within the slash and asterisks the text is not renderd by the style sheet.

NOTE:
the # sign is how we call out id's within the xhtml.
the . sign is how we call out classes within the xhtml.
a div acts like a container for smaller page elements like paragraphs and unordered lists. makes it easier to move them around all together.
please be careful when modifying the properties for each element.
changing the floating properties will dramatically alter the layout as will other margins and paddings properties 
CSS properties are cascading meaning if you alter an elements property further down the page, that same property will be overrwritten if applied earlier.
*/





/* the body is where your main font properties should be specified. please do not alter the .8125em value */
body{
	font: .8125em palatino, helvetica, arial;
	text-align: center;
	margin:0;
	padding:0;
	background:black;
}

#wrapper{
	text-align:left;
	margin: 0 auto;
	width:800px;
	background:#fff url('../images/bg_adamscornsub.jpg') top center repeat-y;
}

	
	
		
		
/*This is your page title (adams corner)*/
#wrapper h1.adams_sub_pagetitle{
	font:normal 3em "edwardian script ITC", palatino, helvetica, arial;
	color:#fff;/*white*/
	text-align:center;
	letter-spacing:.4em;
	padding:10px 0;
	margin:0;
	background:blue url('../images/adamscornsub_header_bg.jpg') top center no-repeat;
}






/*top main content in black */
#wrapper div#adams_top_content{
	background:black;
	padding:0 0 20px 0;
	overflow:auto;
}
			/*main image on top left of page */
			#wrapper div#adams_sub_top_left{
				float:left;
				width:389px;
			}
			/*main thumbs on top right of page */
			#wrapper div#adams_sub_top_right{
				float:left;
				width:370px;
				padding-left:40px;
			}
					#wrapper div#adams_sub_top_right h2{
						color:#816c0b;
						font:normal 2.2em "edwardian script ITC", palatino, helvetica, arial;
						text-align:center;
						letter-spacing:.35em;
						padding:15px 0 0px 0;
						margin:0;
					}
					#wrapper div#adams_sub_top_right div.adams_sub_top_thumb{
						float:left;
						width:155px;
						margin:25px 25px 0 0;
					}
								
/*end top main content */







/* main sub copy */
#adams_sub_copy{
	clear:both;
	padding:0 20px;
	
}
		#adams_sub_copy h3{
			color:#816c0b;
			letter-spacing:.3em;
		}
/* end main sub copy */




/* this your footer gallery titles - top and bottom */
/* top */
ul#adams_footer_thumbs_titles_top{
		padding-top:5px;
		padding-bottom:5px;
		margin:40px auto 0;
		color:black;
}

		ul#adams_footer_thumbs_titles_top li{
				display:inline;
				text-align:left;
				margin:0 auto;
				padding:0 130px 0 0;
				font:normal 1.8em "edwardian script ITC", palatino, helvetica, arial;
		}
		ul#adams_footer_thumbs_titles_top li.last{
				padding:0;
				margin:0;
		}		
/* btm */
ul#adams_footer_thumbs_titles_btm{
 		clear:both;
		padding-top:5px;
		padding-bottom:5px;
		margin-left:88px;
		color:black;
}

		ul#adams_footer_thumbs_titles_btm li{
				display:inline;
				text-align:left;
				margin:0 auto;
				padding:0 113px 0 0;
				font:normal 1.8em "edwardian script ITC", palatino, helvetica, arial;
		}
		ul#adams_footer_thumbs_titles_btm li.last{
				padding:0;
				margin:0;
		}
/* this ends footer gallery titles - top and bottom */





/* this is your footer gallery thumbs*/
div#adams_footer_thumbs {
	width:750px;
	margin-left:20px;
}
		div#adams_footer_thumbs img{
			float:left;
			text-align:center;
			margin:0 6px 0 0;
		}
/* end footer gallery thumbs*/

		
				
/*footer information*/
#footer{
	clear:both; /* the clear property makes sure this content does not start until both margins are free and "clear" of any floating elements, forcing it to stay below the floating elements */
	margin-top:20px;
}
	#footer ul{
		padding-top:20px;
		padding-bottom:20px;
		margin:20px auto;
		text-align:center;
	}

	#footer ul li{
		display:inline;
		text-align:center;
		margin:0 auto;
		padding:0 8px;
	}
	#footer ul li a{
		color:#000; /* using only 3 numbers is shorthand for black in CSS, #fff for white, etc. */
		text-decoration:none;
		font-size:.8em;
	}
	#footer ul li a:hover{
		text-decoration:underline;
	}