/*
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:#000  url('../images/bg_ancientvillagesub.jpg') top center repeat-y;
}

/* this effects the page title which is an image. the span tag is to hide the live html text from browsers with CSS enabled */
h1.avs_pagetitle{
	width:800px;
	height:70px;
	background: transparent url('../images/ancientvillagesub_header.jpg') top left no-repeat;
	margin:0;
	padding:0;
}
	h1.avs_pagetitle span{
		display:none;
	}




/* this begins the main content section to include the left and right copy as well as the center image */
div#content div#avs_left{
	float:left;
	padding:20px;
	width:200px;
}
div#content div#avs_mid{
	float:left;
	width:317px;
	height:371px;
}
div#content div#avs_right{
	float:left;
	padding:20px;
	width:200px;
}
	/* this effects the paragraphs on each side of the center photo */
	div#content div#avs_right p, div#content div#avs_left p{
		text-align:justify;
		font-size:1.15em;
	}




/*footer information*/
div#footer{
	clear:left;
	width:800px;
	background: url('../images/ancientvillagesub_footerbg.jpg') top left no-repeat;
}
	#footer ul{
		padding:70px 0 30px 5px;
		margin:0 auto;
		text-align:center;
	}

	#footer ul li{
		display:inline;
		text-align:center;
		margin:0 auto;
		padding:0 0 0 5px;
	}
	#footer ul li a{
		color:#690404;
		text-decoration:none;
		font-size:;/*fill this with .8em or less to make it smaller, its based on the font size specified in the body property at the top*/
	}
	#footer ul li a:hover{
		text-decoration:underline;
	}