@charset "utf-8";
/* Main Page CSS Document */
	img { 
		margin: 0; 
		padding: 0;
		border:none;
		outline:none;
		}
	hr {
		width:95%;
		position:absolute;
		top:278px;
		left:30px;
		color: #CCCCCC;
		height:1px;
		margin:2px 0 0 0;
		}
	h1 {
		font-size:1.6em;
		font-weight:bold;
		color:#336699;
		text-align:center;
		}
	h2 {
		font-size:1.4em;
		font-weight:bold;
		color:#336699;
		text-align:center;
		}
	h3 {
		font-size:1.2em;
		font-weight:bold;
		color:#336699;
		text-align:center;
		}
	.small {
		font-size:.8em;	
	}
	#includes table {
		width: 100%;
		font-size:0.8em;
		border: 1px solid #336699;
		border-collapse: collapse;
	}
	#includes th {
		height: 2.25em;
		font-size: 1.2em;
		font-weight: bold;
		color: #FFFFFF;
		background-color: #336699;
		padding: 3px 7px 2px 7px;
		margin:4px 0px;
	}
	#includes th.sub {
		background-color:#EEE;
		height: 1.5em;
		color: #336699;
		border-bottom: 1px solid #336699;
	}
	#includes tr {
		height: 1.5em;
		margin:4px 0px;
	}
	#includes td {
		text-align: left;
		vertical-align: middle;
		padding: 3px 7px 2px 7px;
		border-bottom: 1px solid #336699;
	}
	#includes tr.even {
		background-color:#EEE;
	}	
	#includes tr.odd {
		background-color:#EEE;
	}
	#includes .rowheader {
		color:#FFFFFF;
		background-color:#5381AC;
	}
	#includes h1 {
		margin: 10px 0px 5px 0;
		font-size:1.8em;
	}
	#includes h2 {
		font-size:1.4em;
		margin: 5px 0 10px 0;
	}
	a:link {
			color:#03467c;
			text-decoration:none;
			border:none;
			outline:none;
			}
	a:hover {
			color:#45769f;
			text-decoration: underline;	
			border:none;
			outline:none;
			}
	a:visited{
			color:#03467c;
			text-decoration:none;
			border:none;
			outline:none;
			}
	a:active{
			border:none;
			outline:none;
			}
	body {
			color:#000000;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1em;
			padding:0px;
			margin:0px;
			background-image:url(images/stripe.png);
			background-repeat:repeat;
			background-attachment:fixed;
			background-color:#cfcfcf;
			text-align:center;
			}
			#quickbarbg {
						width:100%;
						height:25px;
						}
						#quickbar {
							width:940px;
							height:25px;
							padding-top:5px;
							margin:auto;
							vertical-align:middle;
							font-size: 80%;
							color:#01447b;
							background-color:#d1d1d1;
							background-image:url(images/stripe.png);
							background-repeat:repeat;
							background-attachment:fixed;
							}	
							#date1 {
									padding-left:6px;
									float:left;
									font-weight:normal;
									color:#01447b;
									}
							#quicklinks {
									padding-right:6px;
									float:right;
									font-weight:bold;	
									}
								.indvlink {
											padding-left:15px;
											}			
							#quicklinks a:link {
									color:#01447b;
									text-decoration: none;
									}
							#quicklinks a:hover {
									color: #01447b;
									text-decoration: none;
									}
							#quicklinks a:visited {
									color: #01447b;
									text-decoration: none;
									}
	#mainpage {
			width: 940px;
			height:auto;
			background-color:#FFFFFF;
			background-image:url(images/mainpg.gif);
			background-repeat:repeat-y;
			margin-left:auto;
			margin-right:auto;
			text-align:left;
			float:inherit;
			display:table;
			}
	#top {
			background-image:none;
			}
						#topinfo {
								width: 940px;
								height:25px;
								font-family: "Times New Roman", Times, serif;
								font-size: inherit;
								font-style:italic;
								background-image:url(images/menubg.jpg);
								background-repeat:repeat-x;											
								color:#FFFFFF;
								text-align:justify;
								background-color:#000000;
								}
								#toptext{
										height:25px;
										padding:5px 0px 0px 6px;
										text-align:left;
										}
						#banner {
								width:940px;
								height:100px;
								background-image:url(images/bannerlogo.gif);
								background-repeat:no-repeat;
								overflow:hidden;
								text-align:right;
								font-size: 70%;
								background-color:#FFFFFF;
								color: #0F0359;
								margin-top:-2px;
								position:relative;
								}
								#schoolinfo {
											padding-right:8px;
											padding-top:13px;
											}
								#principal {
											position:absolute;
											right:250px;
											bottom:4px;
											font-weight:lighter;
											}
											#principal a:link {
													color:#FFFFFF;
													text-decoration: none;
													}
											#principal a:hover {
													color: #FFFFFF;
													text-decoration: none;
													}
											#principal a:visited {
													color: #FFFFFF;
													text-decoration: none;
													}
				#content {
					clear: left;
				}
				
				#content a {
					color: #7C6240;
				}
				
				#content a:hover {
					text-decoration: none;
				}
		#bottom {
			margin-top:5px;
			width:940px;
			position:relative;
			}
			#alert {
				width:920px;
				margin:0 auto 5px auto;
				padding:7px 0;
				color:#FFFFFF;
				font-family:inherit;
				font-size:1em;
				text-align:center;
			}
				.alertT {
					width:920px;
					height:11px;
					background-image:url(images/alertT.gif);
					background-repeat:no-repeat;
				}
				
				#alertText {
					width:880px;
					padding:5px 20px;
					display:inline-block;
					vertical-align:middle;
					background-image:url(images/alertM.gif);
					background-repeat:repeat-y;
				}
				.alertB {
					width:920px;
					height:11px;
					background-image:url(images/alertB.gif);
					background-repeat:no-repeat;
				}
			#info {
				width:920px;
				margin:0 auto 5px auto;
				padding:7px 0;
				color:#01447b;
				font-family:inherit;
				font-size:1em;
				text-align:center;
			}
				.infoT {
					width:920px;
					height:10px;
					background-image:url(images/infoT.gif);
					background-repeat:no-repeat;
				}
				
				#infoText {
					width:880px;
					padding:5px 20px;
					display:inline-block;
					vertical-align:middle;
					background-image:url(images/infoM.gif);
					background-repeat:repeat-y;
				}
				.infoB {
					width:920px;
					height:10px;
					background-image:url(images/infoB.gif);
					background-repeat:no-repeat;
				}
			#includes {
				padding: 0px 15px;
				min-height: 560px;
				font-size: 90%;
			}
			#maintopbar {
				height:250px;
				position:relative;
			}
				#maintopbar .sicon {
					position:absolute;
					float:left;
				}
			#maintopleft{
				width:230px;
				height:233px;
				float:left;
				font-size:70%;
				margin:0px 7px 0px 8px;
				padding:12px 3px 3px 3px;
				text-align:center;
			}
				#picStatusBg {
					width:209px;
					height:103px;
					padding:5px;
					position:absolute;
					top:135px;
					left:16px;
					text-align:left;
					/* border:1px solid #f1f1f1; */
					background-color: #f7f7f7; /* #fafafa; */
					background-image:url(images/blockH.png);
					background-position:center;
					background-repeat:no-repeat;
				}
				#picStatus {
					width:100%;
					font-size:8pt;
				}
					.topleftpics {
						margin: 1.5em 0em;
					}
			#picture {
				width:475px;/**/
				height:250px;/**/
				font-size:80%;
				position:relative;								
				overflow:hidden;
				float:left;
				text-align:center;
				margin:0 auto;
			}
				#picScroll {
					margin:0 auto;
					text-align:center;
				}
				.pics {
					margin:0 auto;
					text-align:center;
					cursor:pointer;
				}
				.indvPics.alt {
					display:none;
				}
			#maintopright{
				width:193px;
				height:242px;
				float:right;
				margin:0px 8px 0px 4px;
				text-align:center;
				padding:0px 3px;
			}
				.thumbs {
					text-align:center;
					cursor:pointer;
				}
				.thumbRight {
					padding: 6px 0px;
				}
				.thumbRightTop {
					margin-top:-5px;
				}
				#output {
					text-align:center;
					padding-top:5px;
				}
					#todayupcominginfo {
						text-align:left;
					}
						.todayupcomingtitle {
							font-weight:bold;
							font-size:96%;
							padding:0px 0px 3px 0px;
						}
						.todayupcomingevents {
							font-size:80%;
							text-align:left;
							padding:0px 0px 4px 0px;
						}
						#todayEventTime {
							text-align:left;
							padding:0px 2px 0px 0px;
							vertical-align:text-top;
						}
			.header {
				background-repeat:repeat;
				color:#778899;
				font-weight:bold;
				text-align:left;
				height:30px;
				width:460px;
				position:relative;
				font-size:1em;
				margin-bottom:6px;
				}
			.header2 {
				color:#778899;
				font-weight:bold;
				text-align:left;
				height:30px;
				width:940px;
				position:relative;
				padding-top:6px;
				font-size:1em;
				float:left;
				margin-left:5px;
				}
			.article {
					padding:5px;
					}
					#articletitle {
						font-weight:bold;
						font-size:20px;
						color:#336699;
					}
					#articleBox {
						min-height:560px;
					}
					#articlecontent {
						margin-left:5px;
						margin-right:5px;
					}
			#left {
					width:435px;/**/
					height:auto;
					padding-left:3px;
					margin-bottom:0px;
					padding-right:10px;
					float:left;								
					overflow:visible;
					position:relative;
					margin-top:5px;
					}
					#news{
							width:445px;
							height:auto;
							margin-bottom:5px;
							margin-left:5px;
							padding-right:5px;
							}
						#newsinfo {	
									padding:0px 13px 5px 10px;
									vertical-align:top;
									}
									
								.newstitle {
											font-weight:bold;
											font-size:96%;
											}
								.newscontent {
											padding-left:5px;
											padding-bottom:12px;
											font-size:80%;
											}
								#watermarkDog{
											vertical-align:middle;
											text-align:center;
								}
								#watermarkDog2{
											margin-top:75px;
											vertical-align:middle;
											text-align:center;
								}
			#right {			
					width:475px;/**/
					height:auto;
					position:relative;
					right:6px;
					margin-top:5px;
					overflow:visible;
					float:right;
					}										
				#upcoming {
					width:455px;
					height:auto;
					margin-bottom:5px;
					padding-left:5px;
				}
						#hoverEvents {
							color:#778899;
							font-size:9px;
							position:absolute;
							bottom:-7px;
							right:50px;
							font-weight:normal;
						}
						.toolTip:hover {
							text-decoration:none;
							cursor:pointer;
						}
						#simpleTooltip {
							padding: 7px;
							text-align:left;
							border: 1px solid #A6A7AB;
							font-size:.8em;
							background: #F2F3F5;
							max-width:400px;
							height:auto;
							}
						#upcominginfo {
							padding:0 0 0 10px;
							vertical-align:top;
							margin:0px;

						}
							.upcomingtitle {
								font-weight:bold;
								padding-top:5px;
								font-size:96%;
							}
							.upcomingevents {
								padding-left:5px;
								font-size:80%;
								padding-bottom:1px;
							}
							.EventTime {
								vertical-align:text-top;
							}
						#viewMoreEvents {
							text-align:center;
							cursor:pointer;
							color:#03467c;
							text-decoration:none;
							padding:8px 0px 0px 0px;
							font-size:.8em;
						}
							#viewMoreEvents:hover {
									color:#45769f;
									text-decoration: underline;			
									}
									
		.header hr {
			width:90%;
			position:absolute;
			bottom:0px;
			left:30px;
			top:25px;
			margin:0px;
		}
			.clear { /*clears #left for the float */
				   clear: both;
				   height: 1px;
				   margin-top: -1px;
				   font-size: 1px;
				   line-height: 1px;
				   }													
			#mainbottom {
					height:8px;
					background-image:url(images/mainpgbottom.gif);
					background-repeat:no-repeat;
					width:940px;
					margin:auto;
					clear:both;
					}
			#footer {
					width:940px;
					height:45px;
					text-align:center;
					margin-left:auto;
					margin-right:auto;
					color:#FFFFFF;
					font-size:70%;
					margin-top:5px;
					background-image:url(images/footerbg.gif);
					background-repeat:repeat-x;
					}
			#footer a {
				color:#FFFFFF;
				}