@charset "UTF-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, "Trebuchet MS", "Lucida Console", Monaco, Arial;
	font-size:14px;
	color: #333;
	height: 100%;
}
a {
	text-decoration:none;
	color:#639
}
a:hover {
	text-decoration:underline;
	color: #060;
}

a:active, a:focus, input[type="image"] {
outline: 0;
}

table {
	border-collapse:collapse;
	border-spacing: 0;
}
img, fieldset {
	border: 0;
}
td img {
	vertical-align:bottom;
}
td {
	font-size:10px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearRight {
	clear:right;
}
.backColor{
	background-color: #FC6;
}
h1 {
	color: #f30; /*c30*/
	font-size: 18px;
	font-weight: normal;
	margin-top:0;
	margin-bottom:0;
	font-family:"MS Serif", "New York", serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}
h2 {
	color:  #f30;
	margin-top:0;
	margin-bottom:0;
	margin-left:0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:15px;
}
h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#000;
	font-weight:bold;
}
h4 {
	font-family:"Comic Sans MS", cursive;
	font-size:14px;
	color:#000;
}
h5 {
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	color:#000;
}
h6 {
	font-family:Georgia, "Times New Roman", Times, serif	;
	font-size:13px;
	font-style:italic;
	color:#000;
}

#container {
	width: 940px;
	background: #ffffff;
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
	overflow: hidden;
}
#header {
	width: 940px;
	
	border-bottom: 1px dotted #CCC; 

	margin-bottom: 0px;
	padding-bottom: 0px;
	
}
.infobox {
	padding:6px;	
	width: 430px;
	border-top: 2px solid #093; 
	border-bottom: 2px solid #093; 	
	border-left: 2px solid #093; 
	border-right: 2px solid #093; 	
	
}
/* change margin-left for space between left text and image
also change in nofade   Also subtract from width in main_text*/
#fade{
	float:right;
	margin-bottom: 1em;
	/*
	margin-top: -8px;
	*margin-top: 0px;
	*/
	padding-top: 0px;
	margin-left: 10px;
	height: 414px;
}
#fadeindex{
	padding-top: 0px;
	margin-left: 0px;
}

#nofade{
	float:right;
	margin-bottom: 1em;
	margin-left: 10px;
}
#fadedrama{
	float:right;
	margin-bottom: 1em;
	margin-top: -8px;
	*margin-top: 0px;	
	padding-top: 0px;
	margin-left: 10px;
	height: 414px;
}

#foot {
	width: 940px;
	background-color: #9933cc;
	height: 100%;
}
#fader {
	padding-top: 4px;
	padding-bottom: 4px;
}

#logo {
	/*
	float:left;
	*/
}
#main_container {
	width: 710px; /* 720px */
	float: right;
}
#main_body {
	width: 940px;
	height: 414px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted red;
	background-color:#CF3;

}

#main_text {
	width: 428px; 
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 8px;
	line-height: 1.4;
	float:left;
	background: #fff;
	color: #333;
	margin-left:38px;
	font-size:13px;
	
}

#mainindex_text {
	width: 460px; 
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 8px;
	line-height: 1.4;
	float:left;
	background: #fff;
	color: #333;
	margin-left:20px;
	font-size:16px;
	
}
#mainindex_text2 {
	width: 450px; 
	color: #333;
	font-size:15px;
	line-height: 160%;
	margin-left:0px;
	padding-top:10px;
	padding-right:8px;
}

#upcomingEvents {
	margin-left:0px;
	float:left;
	width: 460px; 
	padding-left: 30px;
	padding-right: 8px;
	color:#33333;
	font-size:14px;
	line-height: 120%;

}

#upcomingEvents strong {
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;	  
	color: #999;
	padding-top:4px;
}

#fundRaising {
	width:440px;
	padding-left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;	  
	font-size:15px;
	float:right;
	
}


#main_textsub {
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 156%;
	background: #ffffff;
	color: #333;
	margin-left:38px;
	font-size:14px;
	
}

#main_textsub td {
	font-family: "Helvetica Neue", Helvetica, "Trebuchet MS", "Lucida Console", Monaco, Arial;
	font-size:12px;
	color:#000;
	vertical-align:text-top;
}

#table_links {
	float: left;
}
#index_graphic {
	float:right;
	padding-top: 0px;
}

#icon_list {
	float: right;
	padding-left: 20px;
	margin-right: 0px;
	width: 90px;
}
#icon_list a {
	color: #000;
}
#icon_list a:hover {
	color: #F30;
	text-decoration:none;
}

#column_container {
	float: right;
	width: 450px;
	padding-left: 0px;
}


#tablelinks {
	margin-left:38px;
	float:left;
}



div.tableimg
  {
  margin: 2px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.tableimg img
  {
  display:inline;
  margin-right:30px;
  border:1px solid #ffffff;
  }
div.tabledesc
  {
  text-align:center;
  font-weight:normal;
  width:100px;
  margin:2px;
  font-size:13px;
  font-family:Georgia, "Times New Roman", Times, serif;	  
  color: #999;
 
  }

div.tableimgleft
  {
  margin: 2px;
  height:auto;
  width:auto;
  padding-bottom:8px;
  }
div.tabledescleft
  {
  font-size:10px;
  text-align:center;
  font-weight:normal;
  width:87px;
  margin:2px;
  }
div.tabledescicons
  {
  font-size:10px;
  text-align:center;
  font-weight:normal;
  width:40px;
  margin:2px;
  }
  div.tabledescicons a
  {
color:#000;
  }
  div.tabledescicons a:hover
  {
color: #F30;
text-decoration:none;
  }
  
#topicons {
	padding: 0px;
	float:right;
}
.imagedesc
  {
  font-size:11px;
  font-weight:normal;
  margin:2px;
  color:#999;
  }
.introletter
  {
  font-size:13px;
  font:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  font-weight:normal;
  margin:2px;
  }

#toptabs {
	background-color:#fff;

}
#toplinks {
	float:right;
	/*height: 33px;*/
}


#tabs {
	list-style: none; 
	margin-top:0px; 
	margin-left:0; 
	padding-left:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:17px;
}

#tabs li {float: right;	 }

/* change second parameter in padding to change spacing between tab menu items  */
#tabs a {display: block; color:#000; text-decoration:none;
padding-right: 1.48em;
padding-top:0px;

padding-bottom: 0em;
padding-left: 0em;

}

#tabs a:hover { color: #093; text-decoration: none; }
#tabs a:active {border:none;}




/********************* menu ****************************/
#left_col {
	float: left;
	padding-top: 9px;
	padding-left:0px;
	width: 230px; /* 220 */
    display:inline;	
}

#left_col ul {
	list-style: none;
	padding-left:20px;
}

#menu li {
	line-height:2;
	/*
	padding-top: 4px;
	padding-bottom: 3px;
	*/
	padding:0px;
}

#menu li a {
	padding-left:0px;
}
#menu a {
	/*display:inline-block; */
	display:block; 
	font-family: Verdana, Geneva, sans-serif;
	/*Rockwell, "Myriad Pro", Verdana, Arial, sans-serif;*/
	font-size:12px;
	text-decoration:none;
	color:#333;
	letter-spacing:1px;
	
}
#menu a:hover {
	color: #f30;
	text-decoration: none;
	
}
 .indexschoollinks  a{
	color: #F60; 
	font-weight:bold;
 }
 .indexschoollinks  a:hover {
	color:  #F30;
	text-decoration:underline;
	font-weight:bold;
 }
 .colorOrange {
	color:  #F30;	 
 }
  .colorPurple  {
 	color:  #609;
  }
   .colorPurplelarge  {
	font-size:18px;
 	color:  #609;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	
  }
    .colorGrey  {
	color: #333;
  }
      .colorGray  {
		  font-size:11px;
		  font-family:Georgia, "Times New Roman", Times, serif;
		  
	color: #333;
  }

  .colorGreen {
	  color: #093;
	  font-size: 14px;
  }

  .indexTitle {
	  color: #093;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	  
  }

  .orangelist ul {
	  list-style: none; 
}
.orangelist li {
	list-style:url(listsqorange.png);
	margin:5px 2px;
	line-height:14px;
	}
.greylist ul {
	margin: 0;
	padding: 0;
}
.greylist li {
	list-style:url(listgreysq.png);
	margin:5px 0px;
	margin-left: -24px;
	line-height:14px;
	}
.separator {
	color: #FF8000;
}
.ruler {
	width: 440px;
		border-bottom: 1px dotted #CCC; 
}
.borderleft {
	border-left: 1px dotted #ccc;
}

.blacklink a
{
	color:#000;
}
.blacklink a:hover
{
	color: #093;
	text-decoration:none;
 }
.articletitle {
	color: #f30; /*c30*/
	font-size: 14px;
	font-weight: normal;
	margin-top:0;
	margin-bottom:0;
	font-family:"MS Serif", "New York", serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}
p.small {line-height:2%;}
p.big {line-height:200%;}

#calendarchanges {
	line-height:140%;
}

div.row {float: left; margin: 0; padding: 0; width: 98.5%; border:thin;}
div.cols1 {float: left; width: 49%; margin: 0 3px 0 0; padding: 0;}
div.cols2 {float: right; width: 49%; margin: 0 3px 0 0; padding: 0;}

.newsitem {
	padding-top:8px;
}