/* --- css --- */



body {
font-family:verdana,perpetua,garamond;
font-size: 14px;
/*background-color:pink; */
text-align: center;
margin: 0px;
background-image:url('../img/bg-tile.jpg');
background-repeat:repeat-x;

}
	
	
	
#outercontainer {
width: 980px;
margin-left: auto;
margin-right: auto;
background-image: url('../img/newTile_980.png'); 

}
	
#container {
width: 960px;
/* Center alignment: the 'margin' way is the correct way, but may fail in some instances of IE6
IE6 fix: Center align all text in <  body>, then re-align to left in this container
*/
height:auto;
margin-left: auto;
margin-right: auto;
text-align: left;
background-image: url('../img/containertile.png'); 

}
	
#banner {
/* will inherit the width of it's parent, Container*/
height: 140px;
background-color:yellow;
color: #fff;
font-size: 36px;
font-weight: bold;
text-align: center;
}

#mainNav {
position:relative;
text-align:center;
height: 15px;
padding: 5px;
color: #eee;
font-family:  georgia, times new roman, serif;
background-image: url('../img/mainNav_tile.png');

}
	
a {
text-decoration:none;
color:none;
}
	img {
	border:0px;
	}
	
	#mainNav a {
	color:#490E42;
	font-weight: bold;
	text-decoration:none;
		}

		#mainNav a:hover {
			color:white;
			text-decoration:underline;
				}
		
	
#sideBar {
position:relative;
width: 240px;
float:left;
background-color:white;


}
	
		.sideImg {
		margin:2px;
		padding:5px;
		
		}
		.sideImg240 {
		
		padding:3px;
		float:right;
		border:1px solid #DAD8B1;
		margin:2px;
		
		}
		
#mainContent {
position:relative;
font-size:15px;
width:720px;
height:auto;
/*background-color:orange; */
float:left;

}
		#mainContentPadding {
		padding:18px ;
		text-align: left;
		position:relative;
		float:left;
		margin:1px;
		}
		
		/* main content div's */
		.one {
		
		width:auto;
		height:auto;
		padding:3px;
		margin:2px;
		text-align:left;
		}
		
		
		#large {
		text-align:center;
		margin:1px;
		padding:10px;
		
		
		}
			#mainContentPadding a{
			color:#490E42 ;
				text-decoration:none;}
				
				#mainContentPadding a:hover{
				color:#61CAE1;
				text-decoration:none;
				}
#mission {
text-align:center;
float:left;
width:230px;
height:auto;
margin:3px;
padding:3px;
color:#490E42;
font-family:arial, perpetua, garamond;
font-size:15px;

}
	
	
	
	
	h1 {
	font-family:perpetua, garamond, arial ;
	text-align:left;
	color:#490E42;
	font-size:36px;
	
	}
	h2 {
		font-size: 18px;
		font-family: georgia;
		color: #666;
		border-bottom:1px solid #DAD8B1;
	}

h3 {
font-size:28px;
font-family:perpetua, garamond, arial ;
color:#666;
text-align:left;
}
h3.motto{
	font-size: 20px;
	font-family:font-family:verdana,perpetua,garamond;
	text-align:center;
	
	}
	
	
#footer{
font-size:10px;
position:relative;

padding:1px;
width:958px;
height:30px;
background-color:#DAD8B1;
text-align:center;
clear:both;
}
	
			#footer a{
			color:#490E42 ;
			text-decoration:none;
			
			}
			#footer a:hover{
			color:white;
				text-decoration:none;

	}