html * {
	margin: 0;
	padding: 0;
}

body { 
	background: #edebe1 url("images/bg.jpg") 0px 0px repeat-x; 
	margin: 0px 0 0px 0;
}


/*-- Global ---------- */

body, textarea { 
	font: 12px/18px Lucida Grande, Lucida Sans Unicode, Verdana, Tahoma, sans-serif;
	color: #000;
}

a { 
	color: #3553a0;
	font-weight: bold;
}

p a.more { 
	float: right;
	text-align: right;
	color: #3553a0;
	font-weight: bold;
}

a:hover { font-weight: bold; }

img, fieldset { border: 0; }

select option { padding: 0 10px 0 0; }

h1 { color: #3553a0; font-size: 32px; line-height: 36px; padding-top: 0; padding-bottom: 0; }
h2 { color: #3553a0; font-size: 24px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { color: #000; font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { color: #000; font-size: 16px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { color: #000; font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { color: #000; font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }

p { padding: 0 0 18px 0;
	font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Tahoma, sans-serif;}

h1, h2, h3, h4, h5, h6 { font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Tahoma, sans-serif;

/* font-weight: normal; */

}

blockquote {	
	padding: 18px;
	background: #eee;	
	margin: 0px 36px 18px 18px;
}

ul, ol {
	margin: 0px 36px 18px 18px;
}

ul li, ol li { margin: 9px 0 9px 0;}


/*-- Clearing Styles & Container --*/

/*.container {

width: 900px;
margin: 0 auto;
background: #fff;

}*/

.block {
	width: 900px;
	margin: 0 auto;
	display: block;
}

.clearfix { display: inline-block; }

.block:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.column {

float: left;
width: 200px;

}


/*-- homepage --*/

#header a {
	display: block;
	text-decoration: none;
	text-indent: -999em;
	width: 900px;
	height: 205px;
	background: url("images/header.jpg") no-repeat;
	
	}
	
#container {
	background: #fff url("images/bg-repeat.jpg") repeat-y;
	width:900px;
	padding:0;
	}

	
#center {
	background: #fff url("images/bghome_repeat.jpg") repeat-y;
	width:864px;
	padding:0 18px;
	}
	
	
ul#navlist {
	margin:5px 0 10px 0;
	float:left;
	display:inline;
	list-style:none;
	}
	
ul#navlist li {

	float:left;
	display:inline;
	color:#3553a0;
	font-weight:bold;
	font-size:14px;
	margin:0 20px 0 0;
	
	}

ul#navlist li a {
	float:left;
	text-decoration:none;
	color:#3553a0;
	
	}
	
#container2 {
	float: left;
	width: 622px;
	background: #fff;
	}

#mainmedia {
	float:left;
	width:622px;
	height:280px;
	background: url("images/main.jpg") repeat-y;
	}

#story {
	
	float:left;
	width:622px;
	background: #fff;
	}

#newsbar {
	float:left;
	width:204px;
	padding:10px 10px 10px 10px;
	margin:0 0 0 18px;
	background: #dadeea;
	}


#foot {
	width: 900px;
	height: 60px;
	padding:10px 0 10px 0;
	background: url("images/footer.jpg") repeat-y;
	
	}
	
#foot p{
	padding:10px 18px 0px 18px;
	color: #fff;
	
	}
	
#foot a{
	
	list-style:none;
	text-align:right;
	display:inline;
	padding:18px 18px 0px 0px;
	color: #fff;
	
	}
	
#navi {

	}


/*--- Subpage --*/

#subcontainer {
	float:left;
	width:209px;
	background: #fff url("images/subglobe.jpg") no-repeat;
	padding:45px 0 0 20px;
}

#subcontainer2 {
	float:left;
	width:641px;
	padding:0 0 0 30px;
}

#subcol1 {
	
	float: left;
	width: 224px;
	margin:0 0 0 0;
	background: #fff;
	
	}

#subcol2 {
	
	float: left;
	width: 640px;
	margin:0 0 0 0;
	background: #fff;
	
	}
	
#subhead {

	background: #fff url("images/subhead.jpg") no-repeat;
	}
	
#subhead h1 a {

	text-indent:-999em;
	background:url("images/subhead.jpg") no-repeat;
	display: block;
	text-decoration: none;
	width:900px;
	height:91px;
}

ul#subnavlist {
	float:left;
	display:inline;
	list-style:none;
	width:641px;
	margin:0;
	padding: 0 0 15px 0;
	}
	
ul#subnavlist li {

	float:left;
	display:inline;
	color:#3553a0;
	font-weight:bold;
	font-size:13px;
	margin:0;
	padding:15px 15px 0 0;
	
	}

ul#subnavlist li a {
	
	float:left;
	text-decoration:none;
	color:#3553a0;
	
	}


#submain {
	
	float:left;
	width:611px;
	background: #fff;
	margin:0 35px 0 0;
	}
	
table.directory {
	width:641px;
	margin:0;
	padding:0;
}

.directory td {
	width:33%;
	text-align:left;
	padding:0 0 10px 0;
}

.directory td img {
	width:150px;
	display:block;
}

.directory td a {
	text-align:left;
}
	
#subnavi {
	float:left;
	width:189px;
	height: 100%;
	margin: 0;
	padding: 55px 10px 10px 10px;
	background: #e6e9f0;
	}

#parentpic {
	
	float:left;
	width:610px;

	/*-- background: #fff url("images/parent.jpg") no-repeat; --*/
	padding:0 0 0 0;
	}

#staffpic {
	
	float:left;
	width:610px;
	height:248px;
	background: #fff url("images/staff.jpg") no-repeat;
	padding:0 0 0 0;
	}

#blogpic {
	
	float:left;
	width:610px;
	height:248px;
	background: #fff url("images/blog.jpg") no-repeat;
	padding:0 0 0 0;
	}
	
#aboutpic {
	
	float:left;
	width:610px;
	height:248px;
	background: #fff url("images/about.jpg") no-repeat;
	padding:0 0 0 0;
	}

#calendarpic {
	
	float:left;
	width:610px;
	height:248px;
	background: #fff url("images/calendar.jpg") no-repeat;
	padding:0 0 0 0;
	}
	
#classpic {
	
	float:left;
	width:610px;
	height:248px;
	background: #fff url("images/class.jpg") no-repeat;
	padding:0 0 0 0;
	}