.main-links{
	position: absolute;
	top: 29px;
	color: #EFE9E5;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:bold;
}
.main-links.left{
	left: 10px;
}
.main-links.right{
	left: 609px;
}

	.link-container {
		float:left;
		height: 31px;
		width:auto;
		line-height:31px;
	}
	.link-container.active{
		background: #706D6E;
	}
	.link-container:hover {
		background: #706D6E;
	}
	.link-container a {
		display: block;
		height: 100%;
		text-align: center;
		text-decoration:none;
		color: #EFE9E5;
	}
	.link-container.left a{
		padding: 0px 17px;
	}
	.link-container.right a{
		padding: 0px 18px;
	}

.sub-links{
	position: absolute;
	top: 63px;
	color: Black;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight:bold;
	display: none;
}
.sub-links.active{
	display: block;
}

	.sublink-container {
		float:left;
		height: 20px;
		width:auto;
		line-height:20px;
		margin-left: -12px;
	}
	.sublink-container.active{
		background: #492F92;
	}
	.sublink-container.active a{
		color: #EFE9E5;
	}
	.sublink-container:hover {
		background: #492F92;
	}
	.sublink-container:hover a {
		color: #EFE9E5;
	}
	.sublink-container a {
		display: block;
		height: 100%;
		text-align: center;
		text-decoration:none;
		color:black;
		padding: 0px 20px;
	}

.l3-links{
	position: absolute;
	top: 86px;
	color: #492F92;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight:bold;
	display: none;
}
.l3-links.active{
	display: block;
}

	.l3-container {
		float:left;
		height: 20px;
		width:auto;
		line-height:20px;
	}
	.l3-container.active{
		background: #492F92;
	}
	.l3-container.active a{
		color: #EFE9E5;
	}
	.l3-container:hover {
		background: #492F92;
	}
	.l3-container:hover a {
		color: #EFE9E5;
	}
	.l3-container a {
		display: block;
		height: 100%;
		text-align: center;
		text-decoration:none;
		color:black;
	}

.sub-links.left.main{
	left: 75px;
	padding: 0px 20px;
	margin-left: -79px;
}
.sub-links.right.main{
	left: 606px;
	padding: 0px 5px;
	margin-left: 0px;
}
.sublink-container.left.main {
	float: left;
	height: 20px;
	width: auto;
	line-height: 20px;
	padding: 0px  20px;
}
.sublink-container.right.main {
	float: left;
	height: 20px;
	width: auto;
	line-height: 20px;
	padding: 0px  10px;
}
.sub-links.left.fall{
	left: 12px;
}
.sub-links.right.fall{
	left: 625px;
}
.sublink-container.left.fall a{
	padding: 0px 15px;
}
.sublink-container.right.fall a{
	padding: 0px 12px;
}

	.l3-links.left.fallinformation{
		left: 12px;
	}
	.l3-links.right.fallinformation{
		left: 650px;
	}
	.l3-container.left.fallinformation a{
		padding: 0px 77px;
	}
	.l3-container.right.fallinformation a{
		padding: 0px 10px;
	}
	
	
		.l3-links.left.winterinformation{
		left: 12px;
	}
	.l3-links.right.winterinformation{
		left: 650px;
	}
	.l3-container.left.winterinformation a{
		padding: 0px 20px;
	}
	.l3-container.right.winterinformation a{
		padding: 0px 20px;
		}
		
		.l3-links.left.springinformation{
		left: 12px;
	}
		
	.l3-links.right.springinformation{
		left: 650px;
	}
	.l3-container.left.springinformation a{
		padding: 0px 20px;
	}
	.l3-container.right.springinformation a{
		padding: 0px 20px;
	}
		.l3-links.left.football{
		left: 12px;

	}

	.l3-container.left.football a{
		padding: 0px 27px;
	}

	
	
	


	.l3-links.left.boardofeducation{
		left: 14px;
	}
	.l3-links.right.boardofeducation{
		left: 630px;
	}
	.l3-container.left.boardofeducation a{
		padding: 0px 15px;
	}
	.l3-container.right.boardofeducation a{
		padding: 0px 20px;
	}


	.l3-links.left.superintendent{
		left: 12px;
	}
	.l3-links.right.superintendent{
		left: 650px;
	}
	.l3-container.left.superintendent a{
		padding: 0px 15px;
	}

	.l3-links.left.foundation{
		left: 14px;
	}
	.l3-links.right.foundation{
		left: 630px;
	}
	.l3-container.left.foundation a{
		padding: 0px 15px;
	}
	.l3-container.right.foundation a{
		padding: 0px 20px;
	}

	
	
.sub-links.left.winter{
	left: 75px;
}
.sub-links.right.winter{
	left: 650px;
}
.sublink-container.left.winter a{
	padding: 0px 25px;
}
.sublink-container.right.winter a{
	padding: 0px 20px;
}

	.l3-links.left.highschool{
		left:65px;
	}
	.l3-links.right.highschool{
		left: 630px;
	}
	.l3-container.left.highschool a{
		padding: 0px 20px;
	}
	.l3-container.right.highschool a{
		padding: 0px 20px;
	}


	.l3-links.left.middleschool{
		left:5px;
	}
	.l3-links.right.middleschool{
		left: 630px;
	}
	.l3-container.left.middleschool a{
		padding: 0px 8px;
	}
	.l3-container.right.middleschool a{
		padding: 0px 10px;
	}


	.l3-links.left.orangecityelementary{
		left:30px;
	}
	.l3-links.right.orangecityelementary{
		left: 630px;
	}
	.l3-container.left.orangecityelementary a{
		padding: 0px 8px;
	}
	.l3-container.right.orangecityelementary a{
		padding: 0px 10px;
	}

	.l3-links.left.hosperselementary{
		left:60px;
	}
	.l3-links.right.hosperselementary{
		left: 645px;
	}
	.l3-container.left.hosperselementary a{
		padding: 0px 25px;
	}
	.l3-container.right.hosperselementary a{
		padding: 0px 15px;
	}



.sub-links.left.spring{
	left: 75px;
}
.sub-links.right.spring{
	left: 675px;
}
.sublink-container.left.spring a{
	padding: 0px 20px;
}
.sublink-container.right.spring a{
	padding: 0px 20px;
}

	.l3-links.left.parentspring{
		left:10px;
	}
	.l3-links.right.parentspring{
		left: 630px;
	}
	.l3-container.left.parentspring a{
		padding: 0px 15px;
	}
	.l3-container.right.parentspring a{
		padding: 0px 10px;
	}

	.l3-links.left.studentspring{
		left:30px;
	}
	.l3-links.right.studentspring{
		left: 630px;
	}
	.l3-container.left.studentspring a{
		padding: 0px 15px;
	}
	.l3-container.right.studentspring a{
		padding: 0px 10px;
	}

	.l3-links.left.libraryspring{
		left:30px;
	}
	.l3-links.right.libraryspring{
		left: 630px;
	}
	.l3-container.left.libraryspring a{
		padding: 0px 15px;
	}
	.l3-container.right.libraryspring a{
		padding: 0px 10px;
	}

	.l3-links.left.teacherspring{
		left:30px;
	}
	.l3-links.right.teacherspring{
		left: 630px;
	}
	.l3-container.left.teacherspring a{
		padding: 0px 15px;
	}
	.l3-container.right.teacherspring a{
		padding: 0px 10px;
	}



.sub-links.left.summer{
	left: 75px;
}
.sub-links.right.summer{
	left: 675px;
}
.sublink-container.left.summer a{
	padding: 0px 15px;
}
.sublink-container.right.summer a{
	padding: 0px 25px;
}

	.l3-links.left.speechanddrama{
		left:30px;
	}
	.l3-links.right.speechanddrama{
		left: 630px;
	}
	.l3-container.left.speechanddrama a{
		padding: 0px 15px;
	}
	.l3-container.right.speechanddrama a{
		padding: 0px 10px;
	}