﻿/**********************************************************************************
=Global
**********************************************************************************/

html, body {
	border:0;
	margin:0;
	padding:0;
	font-size: 100%; }

table{ font-size: 100%; }

body {
	color: #5D654D;
	font-family : arial, verdana, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	background:#FFFFFF; }


.clear 	{ clear:both; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.left 	{ float:left; }
.right 	{ float:right; }

.b 	{ font-weight:bold; }
.i 	{ font-style:italic; }

.nobrk  { white-space : nowrap; }

.required{color:#B14040;}
/**********************************************************************************
=Common
**********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;}

h1 {	padding:30px 0 25px 0;
	font-size:2em;
	font-weight:normal;}

h2 {padding:0;
	font-size:1.4em;}
	
	#main h2{
		color:#FFFFFF;
		text-transform:uppercase;
		display:block;
		background:url(../images/h_main.gif) no-repeat top left;
		font-weight:normal;
		font-size:1.2em;
		text-align:left;
		height:27px;line-height:27px;
		padding:0 0 0 20px;
		}
	    #main.thin h2{background:url(../images/h_main_thin.gif) no-repeat top left;}
	    
	#main_content h2
	{
	    color:#84B244;
	    background:none;
	    font-weight:bold;
	    height:auto;line-height:normal;
	    padding:0;
	}

/*h3 {	font-size:1.09em;
		padding:0 0 18px 0;
		font-size:1.2em;
		}
*/

h3 {padding:3px 0 18px 0;
	font-size:1.5em;
	font-weight:normal;
	color:#4b7b10;}
	
#right_content h3 {
	padding:3px 0 3px 0;
	font-size:1.1em;
	font-weight:normal;
	color:#4b7b10;}

p  {	margin:0;
	padding:0 0 18px 0;
	font-size:1.15em;}

ul, ol {padding:0 0 18px 40px;}

#main_content li{font-size:1.15em;}
#main_content li li{font-size:1em;}

img {	border:0;}


/**********************************************************************************
=Text
**********************************************************************************/

.text{
font-size : 1.09em;
color: #000000;}

.smalltext{
font-size : 1em;
color: #000000;}

.liltext{
font-size : 0.9em;
color: #000000;}

.head{
font-size : 1.2em;
font-weight : bold;
color: #003399;}

.title{
font-weight : bold;
font-size : 1.27em;
color: #FFFFFF;}

/**********************************************************************************
=Links
**********************************************************************************/

a{
	text-decoration: underline;
	color: #4A7A0A;}
	
    a:hover{text-decoration: none;}

/**********************************************************************************
=Forms 
**********************************************************************************/

form {	margin:0;
	padding:0;
	display:inline;}

input, select {font-size:1em;}

textarea { font-size:1.4em;}

input.i250{
	width : 250px;
	font-weight : bold;
	color: #AE0000;}

select.s140{
	width : 140px;
	font-weight : bold;
	color: #AE0000;}
	
textarea.t400{
	width : 400px;	
	font-weight : bold;
	color: #AE0000;}

/**********************************************************************************
=Tables 
**********************************************************************************/

table {	border:0;
	margin:0;
	padding:0;}


/**********************************************************************************
=Layout
**********************************************************************************/

#container {
	width:918px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	text-align:left;
	font-size:1em;
	}
	
	#header_top {
		background:url(../images/bg_header.jpg) no-repeat 615px bottom;
		height:88px;
		width:917px;
	}
	
	#topnav {
		padding:5px 0 0;margin:0 0 0 82px;
		list-style-type:none;
		font-size:1em;
	}
	
		#topnav li{
			background:url(../images/s_search.gif) no-repeat right;
			padding:0 8px;
			float:left;
			display:inline;
		}
			#topnav li.last{background:none;}
			
			#topnav li a{
				color:#6D90B1;
				text-decoration:none;
			}
			#topnav li a:hover{border-bottom:1px solid #6D90B1;}
	
	#logo {
		clear:both;
		width:533px;
		height:88px;
		float:left;
		margin:0;
		}
				
	address{
		text-align:right;
		float:right;
		margin-top:10px;
		font-style:normal;
		color:#78838C;
		}
	
	#nav {
		display:block;
		height:37px;
		padding:4px 0 0 10px;margin:0;
		background:url(../images/bg_nav.jpg) no-repeat;
		list-style-type:none;
		font-size:1.1em;
		}
		
		#nav li{
		line-height:37px;
		background:url(../images/s_nav.gif) no-repeat right;
		padding:0 6px;
		float:left;
		}
			#nav li.last{background:none;}
			
			#nav li a{
				color:#FFFFFF;
				text-transform:uppercase;
				text-decoration:none;
			}
			#nav li a.selected{color:#F3C661;}
			#nav li a:hover{border-bottom:1px solid #FFFFFF;}
			
	#header_btm{
		height:30px;
		padding:17px 0 0 0;
		display:block;
		background:url(../images/bg_header_btm.jpg) no-repeat;
	}
	
		.search_label{
			float:left;
			text-transform:uppercase;
			margin:2px 10px 0 330px;
		}
			
		#search{
			border:1px solid #839D42;
			padding:0;
			float:left;
		}
	
		#search input{
			border:0;
			padding:0;margin:0;
			height:16px;line-height:16px;
			float:left;
			background:#FFFFFF;}
			
			#search input.go{
				float:left;
				display:block;
				height:16px;
				margin:0;border:0;
				text-transform:uppercase;
				padding:0 5px 0 4px;
				color:#839D42;
				background:#FFFFFF url(../images/s_search.gif) no-repeat left;
				cursor:hand;
				font-size:1em;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
			}
			#search input.go:hover{cursor:pointer;}
			#search input.go:focus{color:red;}
	
	
/*		#login{
			padding:8px 0 0 1px;
			width:220px;
			}
			
			#login label{
				background:url(../images/bg_login_label.gif) no-repeat;
				display:block;
				width:73px;height:20px;
				float:left;
				color:#FFFFFF;
				text-transform:uppercase;
				text-align:center;
				line-height:20px;
			}
			
			#login input{
				background:url(../images/bg_login_input.gif) no-repeat;
				padding:0 3px 0 1px;margin:0 0 6px 0;
				display:block;
				width:124px;height:20px;line-height:20px;
				float:left;
				border:0;
				vertical-align:middle;
				}
				#login input.pass{width:106px;margin:0;}
				
			#login input.go{
				float:left;
				width:17px;
				padding:0;
			}*/
		
	#content{
		clear:both;
		margin:4px 0 0 0;
	}
	
		#subnav{
			width:203px;
			float:left;
		}
		
			#subnav ul, ul.subnav{
			    margin:0;
			    padding:0;
			    list-style-type:none;}
			    
			    #subnav ul li, ul.subnav li{padding:4px 0 0 5px;}
			    #subnav ul li a, ul.subnav li a
			    {
			        color:#678E23;
			        text-transform:uppercase;
			        text-decoration:none;
			        font-size:1.1em;
			        font-weight:bold;
			    }
			     #subnav ul li a:hover, ul.subnav li a:hover{color:#4A7A0A;text-decoration:underline;}
			     #subnav ul li.selected a, ul.subnav li.selected a, #subnav ul li a.selected{color:#1C2F03;}
		
		#main{
			float:left;
			width:709px;
			margin:0 0 0 5px;padding:0 0 5px 0;
			background:url(../images/btm_main.gif) no-repeat bottom left;
			position:relative;
			display:inline;
		}
			#main_content{
			    float:left;
			    width:667px;
			    padding:15px 20px 20px;
			    margin:0 0 7px 0;
			    border:1px solid #D9D9D9;
			    border-top:0;border-bottom:0;}
			
			#main_content.nopad{padding:0;width:707px;}
			
		    #main.thin
		    {
		        width:500px;
		        min-height:275px;
			    height:auto!important;
			    height:275px;
			    padding:0 0 5px 0;
			    background:url(../images/btm_main_thin.gif) no-repeat bottom left;
		    }
			    #main.thin #main_content{width:498px;padding:0}
			    #main.home #main_content{padding:0}
				
		#right, #right_buttons{
			float:left;
			width:203px;
			margin:0 0 1px 6px;
		}
			
			h2.right_head, #subnav h2{
				color:#FFFFFF;
				text-transform:uppercase;
				display:block;
				background:url(../images/h_right.gif) no-repeat top left;
				font-weight:normal;
				font-size:1.2em;
				text-align:left;
				height:27px;line-height:27px;
				padding:0 0 0 10px;
				}
		
			#right_content, #subnav ul{
				background:#FAD99C url(../images/bg_right.gif) repeat-x top left;
				border:1px solid #C5C5C5; border-top:0; border-bottom:0;
				padding:10px 10px 0px 10px;margin:0;
				min-height:210px;
				height:auto!important;
				height:210px;
				}
				
				
			#right_footer, .subnav_footer{
				background:url(../images/bg_right_btm.gif) no-repeat top left;
				height:25px;
				padding:0 10px;
			}
						
			#right_buttons a{clear:both;}
			#right_buttons img{margin-top:4px;}
	
	#footer{
		clear:both;
		color:#597F24;
		padding:10px 40px;
	}
	
		#footer a{color:#597F24;text-decoration:none;}
		#footer a:hover{text-decoration:underline;}
	
/**Home**/

#subnav.home{margin-top:-2px;padding:0 2px 0 1px;width:200px;background:none;}
#subnav.home a{
	float:left;
	clear:both;
	margin-top:3px;
	}
	
#home_buttons{
	float:left;
	margin:3px 3px 0 7px;}
	
.news_item{
	border-bottom:1px dotted #7AA045;
	float:left;
	width:100%;
	margin:0 0 5px 0;
	padding: 0 0 5px 0;
	}
	.news_item h3
	{
	    padding:0 0 10px 0;
	    margin:0;
	}
	.news_item p{padding:0;}
	.news_item a{
		text-transform:uppercase;
		color:#46673A;
		font-weight:bold;
		text-decoration:none;}	
		.news_item a:hover{text-decoration:underline;}
		
	.morenews{
		float:right;
		text-transform:uppercase;
		color:#678E23;
		font-weight:bold;
		text-decoration:none;}	
		.morenews:hover{text-decoration:underline;}
	
#quote{
	margin:10px 0 0 5px;
	padding:20px 0 0 30px;
	background:url(../images/bg_quote_tl.gif) no-repeat top left;
	width:200px;
	float:left;
}
	#quote blockquote{
		margin:0 0px 5px 0;
		padding:0 0px 20px 0;
		background:url(../images/bg_quote_br.gif) no-repeat bottom right;
	}
	
	#quote p{padding:0 0 5px 0;}
	
	#quote .author{
		text-align:right;
		}
		
.homeimgs
{
    float:left;
	margin:30px 0 20px 25px;
	height:322px;
	width:217px;
	overflow:hidden;
	}
	
#letter_staff {
	margin-top:10px;
	height:115px;	

	float:left;
	}
	
#letter_staffb {
	margin-top:10px;
	height:115px;	
	position:relative;

	width:400px;
	float:left;
	}
	
#letter_pic {
	float:left;
	border:1px solid #8F977F;
	width:115px;	
	}	
	
#letter_sig {
	float:left;
	margin-left:13px;
	position:absolute;
	bottom:0px;
	display:inline;
	}
	
	#letter_sig h1
		{
		font-size:2em;
		padding:0px;
		color:#4B7B10;
		}
		
	#letter_sig h4
		{
		font-size:1em;
		margin:0px;
		padding:0px;
		color:#375E07;
		text-transform:uppercase;
		}

#letter_title h1
	{
	font-size:1.65em;
	padding:0px;
	color:#4B7B10;
	}
	
#content_image {
	float:left;
	margin-right:25px;
	margin-bottom:10px;
	border:1px solid #5F8E26;
	}
	
.policydots {
	margin-top:20px;
	margin-bottom:38px;
	}
	
.policydots_top {
	margin-top:0px;
	margin-bottom:38px;
	}
	
	
.policy_list {
	margin-bottom:15px;
	padding-bottom:0px;
	padding-left:0px;
	margin-left:20px;
	list-style-type:none;
	margin-top:15px;
	}

	.policy_list li {
		list-style-type:circle;
		}
		
		
.fees_dots {
	margin-top:20px;
	margin-bottom:20px;
	}
	


/**********************************************************************************
=News
**********************************************************************************/
.news
{
    border-bottom:1px dotted #95BCDE;
    padding:10px 0;
	text-align:left;
}

    .news h3
    {
        color:#E57008;
        font-size:1.2em;
        text-transform:uppercase;
		font-weight:bold;
    }
        
	.news h3 a 
    {
        color:#E57008;
        text-decoration:none;
    }
        
    .news h4
    {
        color:#2F7FC3;
        font-size:1.4em;
        text-transform:uppercase;
        float:right;}
        
     .news p
    {
        color:#698C39;
        font-size:1.2em;
        padding:0;
    }
        
    .more,.more_green{
        float:right;
        color:#E57008;
        text-decoration:none;
        font-size:1em;
        font-weight:bold;
        text-transform:uppercase;}
        .more:hover,.more_green:hover{text-decoration:underline;} 
        .more_green{color:#7EAF3A;}
		
            
#thumbnailnews {
	float:right;
	margin-left:15px;
	margin-bottom:10px;
	} 
	
	
#news_image {
	float:right;
	margin-left:15px;
	margin-bottom:10px;
	width:265px;
	}

/**********************************************************************************
=Newsletter
**********************************************************************************/
.newsletter
{
    border-bottom:1px dotted #84B244;
    padding:10px 0;
}
    .newsletter h3
    {
        color:#5B693E;
        font-size:1.6em;
        font-weight:normal;
        float:left;
        margin-right:30px;
    }
    .newsletter h3 span{color:#EE7008;}
        
    h4.previous
    {
        color:#EE7008;
        font-size:1.1em;
        font-weight:normal;
        text-transform:uppercase;
    }
    
    h5.year{
        color:#639FD2;
        font-size:1.4em;
        font-weight:bold;
        text-transform:uppercase;
        margin-bottom:5px;
    }
    
    table.previous tr td
    {
        vertical-align:top;
    }
  
/**********************************************************************************
=Calendar
**********************************************************************************/
.calendar
{
    border:0;
    background:#F9EAAF;
    font-weight:bold;
    color:#4E6F8D;
    margin-top:1px;
}
    .calendar td{padding:5px 0;vertical-align:top;}
    
    .calendar_title
    {
        margin:-5px 0;
    }

    .calendar_title td
    {
        background:#7490AE;
        text-transform:uppercase;
        color:#FFFFFF;
        padding:4px 5px;
    }
    
    .calendar th.calendar_dayheader
    {
        background:#859AC0;
        color:#FFFFFF;
        text-transform:uppercase;
    }
    
    .calendar td.calendar_day
    {
        background:#BAC9E8;
        border:1px solid #FFFFFF;
        border-left:0;
    }
        
    .calendar td.calendar_weekend{
        background:#A2BADF;
        border:1px solid #FFFFFF;
        border-left:0;
    }
    
    .calendar td.calendar_othermonth
    {
        background:#E8ECF8;
        border:1px solid #FFFFFF;
        border-left:0;
        font-weight:bold;
    }

    
    .calendar td.calendar_day_past
    {
        background:#BAC9E8;
        font-weight:normal;
        color:#4E6F8D;
    }
        
    .calendar td.calendar_today
    {
        background:#FFFFFF;
    } 
    
    .calendar td.calendar_day a, .calendar td.calendar_today a, .calendar td.calendar_weekend a, td.calendar_othermonth a
    {
        color:#084F8F;
        text-decoration:none;
        display:block;
        line-height:1em;
        margin:4px 3px 0;
        padding-top:4px;
        border-top: 1px dashed #E8ECF8;
    }
        .calendar td.calendar_day a:hover, .calendar td.calendar_today a:hover, .calendar td.calendar_weekend a:hover, td.calendar_othermonth a:hover
        {
            text-decoration:underline;
        }
        .calendar td.calendar_othermonth a
        {
            border-top: 1px dashed #BAC9E8;
            color:#6792CF;
        }
	
        
/**********************************************************************************
=Albums
**********************************************************************************/
#album
{
    width:483px; 
    margin:7px auto; 
}

#album #big_image, #album #big_image img
{
    width:483px;
    height:362px;
    position:relative;
    cursor:pointer;
}
    #album #big_image span.warning
    {
        display:block;
        font-size:1.4em;
        color:#A4AF8E;
        padding:150px 20px 0;
        text-align:center;
    }
    #aEnlarge, #aSave
    {
        display:block;
        position:absolute;
        bottom:0;
        right:10px;
        background:url(../images/bg_enlarge.png) no-repeat;
        width:110px; height:30px;
        line-height:30px;
        padding: 0 0 0 33px;
        color:#DDDDDD;
        text-decoration:none;
        text-transform:uppercase;
    }
    #aSave
    {
        bottom:0;
        right:160px;
        background:url(../images/bg_save.png) no-repeat;
        width:45px;
    }
    
#album h3
{
    color:#FFFFFF;
    background:#83AF49;
    text-transform:uppercase;
    font-size:1.1em;
    font-weight:normal;
    padding:2px 5px;
    border:2px solid #FFFFFF;
    border-left:0;border-right:0;
}
#album #thumbnails_container
{
    border-left:2px solid #FFFFFF;
    float:left;
    width:419px;
}

    #album #thumbnails ul
    {
        padding:0;
        margin:0;
        list-style-type:none;   
        background:#FFFFFF;
        display:block;
        border-bottom:2px solid #FFFFFF;
    }
        #album #thumbnails ul li{float:left;border-right:2px solid #FFFFFF;padding:0;}
        #album #thumbnails ul li img{float:left;}
	
/**********************************************************************************
=School Sections
**********************************************************************************/


	#header_text {
		width:480px;
		}
		  
/**********************************************************************************
=iBox
**********************************************************************************/	
.popupbox
{
    display:block!important;
}

.popupbox_hidden
{
    display:none;
}

#pop_overlay
{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #EDEFF5;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index:997;
}

* html #pop_overlay{position:absolute;}

#pop_container
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index:998;
}

#pop_inner
{
    display: block;
    width: 500px;
    height: auto;
    position:absolute;
    top:120px;
    left:50%;
    margin:0 0 0 -250px;
    padding:20px;
    background: #FFFFFF;
    border: 2px solid #D8E1E3;
    text-align: left;
    z-index:999;
}
    #pop_inner.image
    {
        width:auto;
        padding:10px;
        top:20px;
    }
    
#pop_inner h3
{
    margin-bottom:10px;
}

#dvDirections
{
    background:#EEEEEE;
    border:1px solid #C0C0C0;
    width:610px;
    margin:5px 0;
    padding:5px;
}

div.error
{
    background:#EEEEEE;
    color:#BF2F2F;
    border:1px solid #C0C0C0;
    width:610px;
    margin:5px 0 5px 5px;
    padding:5px;
}


#dvDirections label
{
    display:block;
}

#dvDirections input
{
    float:left;
    margin-top:2px;
}

#dvDirections input.i600{margin-right:5px;}

input.i580{
	width : 580px;
	color: #4A7909;}


/**********************************************************************************
=School Buttons
**********************************************************************************/	

.submenu_buttons {
	float:left;
	margin-top:6px;
	}

.event_list
{
    font-size:1.09em;
    padding-bottom:4px;
}

.eventdate
{
    font-weight:bold;
}

.event_month
{
    font-weight:bold;
    margin: 10px 0 5px 0;
    padding:0;
}

.event_year
{
    color:#5D654D!important;
    font-size:1.6em!important;
    font-weight:normal!important;
    margin:10px 0 -10px 0;
    padding:0;
}

.event_date
{
    font-size:1.2em;
    font-weight:bold;
    margin: 0;
    padding:0;
}

.event_title
{
    font-weight:bold;
    color: #4B7B10;
    margin: 0px 0 0 ;
    padding:0;
}

.event_time
{
    font-size:1.09em;
    color: #015095;
    display:block;
    margin: 0;
    padding: 0;
}

.event_text{font-size:1.09em;}


/**********************************************************************************
=About
**********************************************************************************/	

.padit8 {
	margin-bottom:8px;
	padding-bottom:0; }


