@charset "utf-8";

body {
	background-image:url(Images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #e1eff7;
	text-align: justify;
}

/* Begin copyright info */
.copyright {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}
/* End copyright info */

/* Begin text formatting styles */
.heading2 {
	font-size: 16px;
	font-weight: normal;
	text-transform: lowercase;
	color:#069;
}
.heading {
	font-size: 20px;
	font-weight: lighter;
	color: #069;
	text-transform: lowercase;
}
.sub_heading {
	font-size: 14px;
	font-weight: normal;
	color: #069;
	text-transform: lowercase;
}
.align_right {
	text-align: right;
}
.align_center {
	text-align: center;
	color: #999;
}

/* End text formatting styles */

.tb_shadows {
	height: 668px;
	width: 668px;
	margin-right:auto;
	margin-left:auto;
	background-color:#FFF;
}
.right_shadow {
	float: right;
}
.left_shadow {
	float: left;
}

/* Page wrapper */
.wrapper {
	height: 650px;
	width: 650px;
	margin: 5px auto 0px auto;
}

/* Banner */
.header_wrapper {
	width: 650px;
	height: 100px;
	background-image:url(Images/Banner.jpg);
	margin-bottom: 5px;
}

	/* Begin Navigation Structure */
	.nav_button a {
		width: 45px;
		height: 18px;
		float: left;
		margin-left: 1px;
		margin-right: 1px;
		text-align: center;
		background-image:url(Images/down_menu.jpg);
		color: #069;
		text-decoration: none;
		font-size: 13px;
	}
	.nav_button a:link {
		color: #069;
		text-decoration: none;
	}
	.nav_button a:hover {
		background-image:url(Images/up_menu.jpg);
		color: #06F;
		text-decoration: none;
	}
	.nav_button a:visited {
		text-decoration: none;
	}
	.nav_button a:active {
		background-image:url(Images/up_menu.jpg);
		color: #06F;
		text-decoration: none;
	}
.live {
	background-image:url(Images/live_button.jpg);
	float: right;
	height: 93px;
	width: 101px;
	margin-top: 4px;
	margin-right: 10px;
}
	.live:hover {
		background-image:url(Images/live_button_down.jpg);
	}
.nav_out_wrapper {
	height: 100px;
	width: 345px;
	float: left;
}
.nav_wrapper {
	height: 18px;
	width: 188px;
	float: right;
	margin-top: 82px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* Begin secondary nav */
a.sec_nav {
	margin-top: 5px;
	font-size: 14px;
	color: #FFF;
}
a.sec_nav:hover {
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #FFF;
	color: #FFF;
}
/* End secondary nav */

/* Begin left column */
.left_column_wrapper {
	float: left;
	height: 550px;
	width: 518px;
	margin-left: 5px;
}
.main_wrapper {
	height: 256px;
	width: 518px;
	float: left;
}

  /* Begin middle modules*/
.middle_mod_wrapper {
	float: left;
	height: 238px;
	width: 518px;
	text-align: center;
	margin-bottom: 10px;
}
.middle_mod_wrapper_index {
	float: left;
	height: 238px;
	width: 518px;
	text-align: left;
	margin-bottom: 10px;
}
	.left_module {
		margin-right: 2px;
		float: left;
		height: 238px;
		width: 170px;
		margin-top: 5px;
	}
		.left_header {
		}
		.left_body {
			height: 201px;
			background-image:url(Images/middle_module_bg.jpg);
			padding-left: 5px;
			padding-right: 5px;
		}
	.middle_module {
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 2px;
	float: left;
	height: 238px;
	width: 170px;
	}
		.middle_header {
		}
		.middle_body {
	height: 201px;
	background-image:url(Images/middle_module_bg.jpg);
	padding-right: 5px;
	padding-left: 5px;
		}
	.right_module {
		float: right;
		margin-top: 5px;
		height: 238px;
		width: 170px;
	}
		.right_header {
		}
		.right_body {
	height: 201px;
	background-image:url(Images/middle_module_bg.jpg);
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
		}
	.middle_module_bottom {
		height: 14px;
		background-image:url(Images/middle%20module%20bottom.jpg);
	}
  /* End middle modules */
  
  /* Begin subpage content module */
  .sub_mod {
	width: 518px;
	height: 501px;
	float: left;
	margin-bottom: 3px;
  }
  .sub_half_mod {
	  width: 518px;
	  float: left;
	  margin-top: 10px;
	  margin-bottom: 8px;
  }
  .sub_mod_header {
	  width: 518px;
	  height: 23px;
	  background-image:url(Images/subpage_module_header.jpg);
  }
  .sub_mod_body {
	  width: 508px;
	  height: 464px;
	  background-image:url(Images/subpage_module_bg.jpg);
	  overflow: scroll;
	  padding: 0px 5px 0px 5px;
  }
  .sub_mod_bottom {
	  width: 518px;
	  height: 9px;
	  background-image:url(Images/subpage_module_bottom.jpg);
  }
  .sub_half_body {
	width: 508px;
	height: 199px;
	background-image:url(Images/subpage_half_module_bg.jpg);
	overflow: scroll;
	padding: 0px 5px 0px 5px;
  }
  .sub_half_body_calendar {
	width: 508px;
	height: 199px;
	background-image:url(Images/subpage_half_module_bg.jpg);
	padding: 0px 5px 0px 5px;
  }
  /* End subpage content module */
  
  /* Begin bottom bar */
.bar_wrapper {
	height: 42px;
	width: 518px;
	background-image:url(Images/bottom_bar.jpg);
	float: left;
}
	.times {
		margin-left: 7px;
		height: 42px;
		width: 63px;
		float: left;
	}
	.directions {
		height: 42px;
		width: 63px;
		float: left;
	}
	.contact {
		height: 42px;
		width: 63px;
		float: left;
	}
	.giving {
		height: 42px;
		width: 63px;
		float: left;
	}
	.calendar {
		height: 42px;
		width: 63px;
		float: left;
	}
	.school {
		height: 42px;
		width: 63px;
		float: left;
	}
	.pta {
		height: 42px;
		width: 63px;
		float: left;
	}
	.annabelles {
		height: 42px;
		width: 63px;
		float: left;
	}
  /* End bottom bar */
/*End left column */

/* Begin right column */
.right_column_wrapper {
	float: right;
	height: 540px;
	width: 110px;
	margin-right: 5px;	
}
  /* Begin connect module */

.connect_wrapper {
	width: 110px;
	height: auto;
}
.connect_header {
	width: 110px;
	height: 25px;
}
.connect_body {
	background-image: url(Images/connect_bg.jpg);
	height: 227px;
	padding: 5px 7px 0px 8px;
}

  /* Begin connect buttons */
.twitter_but {
	background-image:url(Images/twitter.jpg);
	width: 95px;
	height: 37px;
	margin: 0px auto 0px auto;
	display: inline-block;
	}
	.twitter_but:hover {
		background-image:url(Images/twitter_hover.jpg);
	}
	.twitter_but:active {
		background-image:url(Images/twitter_down.jpg);
	}
.facebook_but {
	background-image:url(Images/facebook.jpg);
	width: 95px;
	height: 37px;
	margin: 8px auto 0px auto;
	display: inline-block;
}
	.facebook_but:hover {
		background-image:url(Images/facebook_hover.jpg);
	}
	.facebook_but:active {
		background-image:url(Images/facebook_down.jpg);
	}
.blogger_but {
	background-image:url(Images/blogger.jpg);
	width: 95px;
	height: 37px;
	margin: 8px auto 0px auto;
	display: inline-block;
}
	.blogger_but:hover {
		background-image:url(Images/blogger_hover.jpg);
	}
	.blogger_but:active {
		background-image:url(Images/blogger_down.jpg);
	}
.itunes_but {
	background-image:url(Images/itunes.jpg);
	width: 95px;
	height: 37px;
	margin: 8px auto 0px auto;
	display: inline-block;
}
	.itunes_but:hover {
		background-image:url(Images/itunes_hover.jpg);
	}
	.itunes_but:active {
		background-image:url(Images/itunes_down.jpg);
	}
.tangle_but {
	background-image:url(Images/tangle.jpg);
	width: 95px;
	height: 37px;
	margin: 8px auto 0px auto;
	display: inline-block;
}
	.tangle_but:hover {
		background-image:url(Images/tangle_hover.jpg);
	}
	.tangle_but:active {
		background-image:url(Images/tangle_down.jpg);
	}
  /* End connect buttons */
  /* End connect module */

  /* Start media module */
.media_header {
	margin-top: 2px;
	float: none;
	width: 110px;
	height: 25px;
}
.media_body {
	background-image: url(Images/right_module_bg.jpg);
	height: 199px;
	padding: 5px 7px 0px 8px;
}

    /*Start media buttons */
.eupdate {
	background-image:url(Images/eupdate.jpg);
	width: 95px;
	height: 36px;
	margin: 0px auto 0px auto;
}
	.eupdate:hover {
		background-image:url(Images/eupdate_hover.jpg);
	}
	.eupdate:active {
		background-image:url(Images/eupdate_down.jpg);
	}
.video {
	background-image:url(Images/video.jpg);
	width: 95px;
	height: 36px;
	margin: 10px auto 0px auto;
}
	.video:hover {
		background-image:url(Images/video_hover.jpg);
	}
	.video:active {
		background-image:url(Images/video_down.jpg);
	}
.planner {
	background-image:url(Images/planner.jpg);
	width: 95px;
	height: 36px;
	margin: 10px auto 0px auto;
}
	.planner:hover {
		background-image:url(Images/planner_hover.jpg)
	}
	.planner:active {
		background-image:url(Images/planner_down.jpg)
	}
.vault {
	background-image:url(Images/vault.jpg);
	width: 95px;
	height: 36px;
	margin: 10px auto 0px auto;
}
	.vault:hover {
		background-image:url(Images/vault_hover.jpg);
	}
	.vault:active {
		background-image:url(Images/vault_down.jpg);
	}
    /* End media buttons */
  /* End media module */
/* End right column */

body,td,th {
	color: 292929;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a {
	color: #069;
	text-decoration: none;
	outline:none;
}
a:hover {
	color: #09F;
	text-decoration: none;
}
.ag {
	margin-top: 12px;
	display: inline-block;
}
div.popup {
	margin: 0px auto 0px auto;
	width:219px;
	height:74px;
	background-color:#ffffff;
	padding:5px;
	position:relative;
	left:250px;
	top:-280px;
	border: 3px solid #292929;
	/* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}
span.no_transparency {
	filter:alpha(opacity=100);
	opacity:1.0;
	width:auto;
}