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





	/*This is your home link container div*/
	#wrapper div.homelink{
		text-align:left;
		background:;
		padding-top:80px;
		padding-left:150px;
	}
		/*This is your home link*/
		#wrapper div.homelink a{
			color:#690404;/*red*/
			text-decoration:none;
		}
		#wrapper div.homelink a:hover{
			text-decoration:underline;
		}
	
	
	
	
		
    /*This is your page title (membership)*/
	#wrapper h2.pagetitle{
		font:normal 2.5em "Palantino", palatino, helvetica, arial;
		color:#690404;/*red*/
		clear:left;
		margin-left:45px;
		margin-bottom:15px;
		padding-top:15px;
		letter-spacing:.4em;
	}



	
/*Navigation*/

/*This is your left nav*/
ul#nav_left{
	text-align:center;
	font-size:1.1em;
	margin:0 0 0 23px;
	padding:0 0 0 0;
	list-style:none;
}
	ul#nav_left li{
		float:left;
		margin:0;
		padding:2px 15px;
		border-right:2px #700404;
		letter-spacing:.2em;
	}
	ul#nav_left li a{
		text-decoration:none;
		margin:0;
		padding:;
		color:#700404;/*red*/
	}
	ul#nav_left li a:hover{
		text-decoration:underline;

	}


/*This is your right nav*/
ul#nav_right{
	font-size:1em;
	float:right;
	margin:0;
	padding:0 224px 0 0;
	background:#740b0a url('../images/education_NavRight_bg.jpg') top right repeat-y;/*red*/
	list-style:none;
}
	ul#nav_right li{
		float:right;
		margin:0;
		padding:5px 5px 5px 10px;
	}
	ul#nav_right li a{
		text-decoration:none;
		margin:0;
		padding:0;
		color:#fefbae;/*yellow*/
	}
	ul#nav_right li a:hover{
		text-decoration:underline;

	}
/* end Navigation */



/*main content under navigation*/
#wrapper div#content{
	clear:both;
	padding:20px 0 0 0;
}
			/*main content on left of page for copy*/
			#wrapper div#left{
				width:420px;
				float:left;
				margin-left:10px;
			}
    		
			/*main content on right of page for infoboxes*/
			#wrapper div#right{
				width:320px;
				float:right;
				margin:0;
			}
				div#right div.infobox{
					background:#8f9584;
					margin-bottom:20px;
					clear:both;
					overflow:auto;
				}
						div#right div.infobox img{
							float:left;
							border:none;
							margin-right:10px;
						}
						div#right div.infobox img a{
							text-decoration:none;
						}
						div#right div.infobox h3{
							font: 2em "edwardian script ITC", palatino, helvetica, arial;
							margin:0;
							padding:0;
							color:#740b0a;
							letter-spacing:.2em;
						}
						div#right div.infobox p{
							margin:0;
							padding-top:5px;
						}
				div#right div.contact{
					clear:both;
					margin-top:30px;
					text-align:center;
				}
						div#right div.contact p{
							margin:3px;
						}
						div#right div.contact p a{
							color:#740b0a;
						}								
/*end main content under navigation*/




/*begin image gallery -  which is optional per page*/
div#education_gallery{
	clear:both;
	padding-top:30px;
}
	div#education_gallery ul{
		list-style:none;
	}				
	div#education_gallery ul li{
		float:left;
		width:25%;
		padding-bottom:10px;
	}
	div#education_gallery ul li img, div#education_gallery ul li img a{
		border:none;
	}
	div#education_gallery ul li span{
		color:#690404;
		margin-left:5px;
	}	
	
	
	
				
/*footer information*/
#footer{
	clear:both;
}
	#footer ul{
		padding:20px 0 10px 5px;
		margin:0;
		text-align:left;
	}

	#footer ul li{
		display:inline;
		text-align:center;
		margin:0 auto;
		padding:0 0 0 2px;
	}
	#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;
	}