/* CSS Document */
html { background:url(../images/bg-gradient.jpg) left top repeat-x #1f8196;}
body{
background:url(../images/html_bg.jpg) no-repeat top center;
margin:0;
padding:0;
font-family: Arial;
font-size:62.5%;
}

p,h1,h2,h3, ul, li {margin:0; padding:0;}

#wrapper{
/*background:url(../images/body_bg.png) top center repeat-y;
*/
margin:0 auto;
width:958px;
padding:10px 0;
}

a img {border:none;}

#header {background:url(../images/header_bg.jpg) no-repeat; padding:10px; width:940px; height:96px; }
	#logo {float:left; padding:10px;}
	#address {float:right; text-align:right; font-size:1.4em; padding-right:10px; padding-top:10px; font-weight:bold;}
	
#nav {background:url(../images/nav_bg.png) no-repeat; width:976px; height:58px; padding-left:30px; margin-left:-18px; margin-bottom:-14px; }
	#nav li {list-style:none; float:left; padding:0 10px; font-family:Georgia; font-weight:bold; font-size:1.6em; line-height:38px; color:#fff;position:relative; letter-spacing:-1px;}
	#nav li a {color:#fff; text-decoration:none;}
	#nav li a.active, #nav li a:hover {color:#feda00;}
	#nav li ul{  background:#dd0039; position: absolute; z-index:100; visibility: hidden; width:175px; font-size:0.6em;}
	#nav li ul li{ float:none;}
	#nav li ul li a{color:#fff; display:block;}
	#nav li ul li a:hover{color:#feda00;margin:0; padding:0;}
	
#content { font-size:1.4em; padding:5px 19px; width:920px; background:url(../images/content_bg.jpg) repeat;}
	#slideWrapper {background:#ddd; width:670px; height:245px; padding:8px; float:left; margin-right:15px; margin-bottom:5px; }
	#slideshow img { width:670px; height:245px; }
	#quoteWrapper { float:left; width:218px; height:261px; position:relative;background:#ffed35; }
		#quote {background:#ffed35;}
		#quote p {color:#000; font-family:Georgia; font-size:1.2em; letter-spacing:-1px; padding:10px; text-align:center; }
		#charity {background:#ffed35; margin-top:20px; position:absolute; bottom:0; width:218px; text-align:center;padding:10px 0; }
		#charity p {color:#000; font-family:Arial; font-size:1em; }
	
	#mainContent { background:url(../images/maincontent_bg.jpg) repeat-y; font-size:0.9em; padding-top:20px; margin-top:10px;  font-family:Arial, "Times New Roman", Times, serif;}
		#leftContent,#rightContent, #textContent {float:left;}
		
		#leftContent { width:610px; padding:0 20px; margin-right:5px;  }
			#leftContent h1 { background:url(../images/h1_bg.jpg) no-repeat; width:624px; height:59px; line-height:59px; color:#0f0f0f; font-weight:normal; font-family:Georgia; letter-spacing:-1px; margin-left:-20px; padding-left:20px; padding-bottom:5px;}
			#leftContent p {margin-bottom:10px; font-size:1em;}
			
			
		#rightContent { width:260px;}
			#rightContent h2 { background:url(../images/rightContent_h1_bg.jpg) no-repeat; width:241px; height:30px; line-height:27px; color:#0f0f0f; font-weight:normal; font-family:Georgia; letter-spacing:-1px; padding-left:20px; font-size:1.4em; margin-bottom:5px;}

			#rightContent .subRight { padding-left:5px; padding-right:15px; margin-bottom:30px;}
			#rightContent .subRight .context {width:170px;}
			
			#news {}
			#news li { list-style:none; padding-bottom:20px;}
			#news li a { color:#165c1b; text-decoration:none; font-size:1.2em; font-weight:bold; display:block;  }
			#news li .latest_post p { font-size:0.9em;}
			.latest_post {float:left; width:180px;}
			.readmore {padding:5px 0;}

			#latest_gallery {background:url(../images/gallery_bg.jpg) no-repeat; width:195px; height:180px; padding:20px; text-align:center; margin:0 auto 10px;}
			#latest_gallery p {text-align:right; }
			#latest_gallery a.italic { text-decoration:none; color:#3a3122; text-align:right;  font-family:Arial; font-size:0.9em;}
			#image_list {margin-top:20px;}
			#latest_gallery img {width:60px; padding:5px; margin:3px; background:#fff;}
			
			#banner {text-align:center; margin-bottom:10px;}
			
			#gallery {margin:0; padding:0;}
			#gallery li {list-style:none; float:left; margin-right:5px; margin-bottom:5px; text-align:center; }
			#gallery li a p {color:#3a3122; }
			#gallery img {width:86px; padding:5px; background:#eee;}

/*		#textContent { width:610px; padding:0 10px; margin-right:5px; }
			#textContent h1 {color:#165c1b; font-weight:normal; border-bottom:1px dotted; padding-bottom:5px;}
			#textContent h2 {color:#165c1b; font-weight:normal; padding-bottom:5px;}
			#textContent p { margin:10px 0;}
			#textContent ul li {margin-left:15px;}
			#textContent ul#gallery li {margin-left:0;}
			#textContent ul#news li {margin-left:0;}
			#textContent ul#teacher li {margin-left:0;}
*/			
			/* Teacher */
			#teacher {}
			#teacher li {list-style:none; margin-bottom:10px; margin-right:5px; }
			#teacher li img {float:left; margin-right:5px; width:120px;}
			#teacher li #teacher_desc{font-size:0.9em; }


			/* Guest Book */
			#view_guestbook {float:left; width:300px; margin-right:10px;}
			#sign_guestbook {float:left; width:300px;}
			
			#sign_guestbook form {color:#848484;}
			#sign_guestbook form table tr td.send { padding-right:70px;}
			#sign_guestbook form input[type="text"], #sign_guestbook form textarea { width:140px; font-size:12px;}
			#sign_guestbook form table tr td.send input[type="submit"] { background:url(../images/send_btn.gif) no-repeat; width:69px; height:27px; line-height:27px; border:none; cursor:pointer; font-size:12px;}
			.tx-green{color:#b8d16b;}
			.req {color:#848484; margin-left:10px;}
			
			.post {float:left;}
			
#footer {font-size:1.2em; color:#fff; height:30px; line-height:30px; margin:0 auto 10px; width:960px; }
	#footer a {color:#88be96; text-decoration:none; font-weight:bold;}
		#footer a:hover {text-decoration:underline;}

a.green {text-decoration:none;}
a.green:hover {text-decoration:underline;}

.italic { font-style:oblique;}
.fl {float:left;}
.margin-right {margin-right:5px;}
.submit_btn {border:none; background:#316536; cursor:pointer; font-weight:bold; font-family:Tahoma; padding:5px; color:#fff;}
.green {color:green;}
.small {font-size:11px;}
.clear {clear:both;}
.margin-bottom {margin-bottom:10px;}
.gold {color:#feda00;}
.stripe {background:#eee;}
table#guest { padding:10px 0; border-bottom:1px dotted;}
table#guest:hover {background:#eee;}
/* Pagination styling */
div.pagination {
padding: 3px;
margin: 3px;
text-align:center;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;

text-decoration: none; /* no underline */
color: #000;
}
div.pagination a:hover, div.pagination a:active {
text-decoration: underline;
background-color: #7a4b2d;
color: #fff;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px; 
font-weight: bold;
background-color: #7a4b2d;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
color: #777;
}
/* end pagination styling */


/* Awesome Date version 2 */

p.date {
	width: 42px;
	float:left;
	height: 10px;
	padding: 18px 5px 14px 0;
	text-align: center;
	font-weight:bold;
}
p.date span { display: none; }
p.date span.year { display: block; padding:10px 0; }

.month01 { background: url(../images/cal_01.gif) no-repeat 0 0; }
.month02 { background: url(../images/cal_02.gif) no-repeat 0 0; }
.month03 { background: url(../images/cal_03.gif) no-repeat 0 0; }
.month04 { background: url(../images/cal_04.gif) no-repeat 0 0; }
.month05 { background: url(../images/cal_05.gif) no-repeat 0 0; }
.month06 { background: url(../images/cal_06.gif) no-repeat 0 0; }
.month07 { background: url(../images/cal_07.gif) no-repeat 0 0; }
.month08 { background: url(../images/cal_08.gif) no-repeat 0 0; }
.month09 { background: url(../images/cal_09.gif) no-repeat 0 0; }
.month10 { background: url(../images/cal_10.gif) no-repeat 0 0; }
.month11 { background: url(../images/cal_11.gif) no-repeat 0 0; }
.month12 { background: url(../images/cal_12.gif) no-repeat 0 0; }


/*Awesome Date
.post {float:left;}

.postdate {
  position: relative;
  width: 50px;
  height: 50px;
  float: left;
  margin-right:5px;
}
.month, .day, .year {
  position: absolute;
  text-indent: -1000em;
  background-image: url(../images/dates.png);
  background-repeat: no-repeat;
}
.month { top: 2px; left: 0; width: 32px; height: 24px;}
.day { top: 25px; left: 0; width: 32px; height: 25px;}
.year { bottom: 0; right: 0; width: 17px; height: 48px;}

.m-01 { background-position: 0 4px;}
.m-02 { background-position: 0 -28px;}
.m-03 { background-position: 0 -60px;}
.m-04 { background-position: 0 -92px;}
.m-05 { background-position: 0 -122px;}
.m-06 { background-position: 0 -152px;}
.m-07 { background-position: 0 -182px;}
.m-08 { background-position: 0 -215px;}
.m-09 { background-position: 0 -245px;}
.m-10 { background-position: 0 -275px;}
.m-11 { background-position: 0 -306px;}
.m-12 { background-position: 0 -338px;}

.d-01 { background-position: -50px 0;}
.d-02 { background-position: -50px -31px;}
.d-03 { background-position: -50px -62px;}
.d-04 { background-position: -50px -93px;}
.d-05 { background-position: -50px -124px;}
.d-06 { background-position: -50px -155px;}
.d-07 { background-position: -50px -186px;}
.d-08 { background-position: -50px -217px;}
.d-09 { background-position: -50px -248px;}
.d-10 { background-position: -50px -279px;}
.d-11 { background-position: -50px -310px;}
.d-12 { background-position: -50px -341px;}
.d-13 { background-position: -50px -372px;}
.d-14 { background-position: -50px -403px;}
.d-15 { background-position: -50px -435px;}
.d-16 { background-position: -50px -465px;}
.d-17 { background-position: -100px 0;}
.d-18 { background-position: -100px -31px;}
.d-19 { background-position: -100px -62px;}
.d-20 { background-position: -100px -93px;}
.d-21 { background-position: -100px -124px;}
.d-22 { background-position: -100px -155px;}
.d-23 { background-position: -100px -186px;}
.d-24 { background-position: -100px -217px;}
.d-25 { background-position: -100px -248px;}
.d-26 { background-position: -100px -279px;}
.d-27 { background-position: -100px -310px;}
.d-28 { background-position: -100px -341px;}
.d-29 { background-position: -100px -372px;}
.d-30 { background-position: -100px -403px;}
.d-31 { background-position: -100px -435px;}

.y-2006 { background-position: -150px 0;}
.y-2007 { background-position: -150px -50px;}
.y-2008 { background-position: -150px -100px;}
.y-2009 { background-position: -150px -150px;}
.y-2010 { background-position: -150px -200px;}
.y-2011 { background-position: -150px -250px;}
.y-2012 { background-position: -150px -300px;}
.y-2013 { background-position: -150px -350px;}
.y-2014 { background-position: -150px -400px;}

*/