@charset "UTF-8";
/* CSS Document */

		body {
			margin: 		10;
			padding:		10;
			font-family: 	Verdana, Helvetica, sans-serif;
			font-size: 		66%;
			background: 	#006600 url(pagebg.jpg) repeat-x top center;
		}

		#container {
			position:		relative;
			width:			886px;
			margin:			auto;
		}
		#navigation {
			position:		relative;
			width:			886px;
			height:			48px;
			background: 	transparent url(navbg.png) no-repeat top left;
		}
		#navigation ul {
			margin:			0;
			padding:		0;
			padding-left:	20px;
			padding-right:	20px;
		}
		#navigation ul li {
			list-style:		none;
			float:			left;
			margin-top:		20px;
			height:			16px;
		}
		#navigation ul li a {
			display:		block;
		}
		#btnHome {
			width:			149px;
			height:			15px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(navbtns.png) no-repeat 0px -16px;
		}
		#btnHome:hover {
			background-position: 0px 1px;
		}
		#btnStudents {
			width:			200px;
			height:			16px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(navbtns.png) no-repeat -140px -16px;
		}		
		#btnStudents:hover {
			background-position: -140px 1px;
		}
		#btnEducator {
			width:			215px;
			height:			16px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(navbtns.png) no-repeat -335px -16px;
		}	
		#btnEducator:hover {
			background-position: -335px 1px;
		}
		#btnGroups {
			width:			170px;
			height:			16px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(navbtns.png) no-repeat -545px -16px;
		}	
		#btnGroups:hover {
			background-position: -545px 1px;
		}
		#btnContact {
			width:			100px;
			height:			16px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(navbtns.png) no-repeat -715px -16px;
		}				
		#btnContact:hover {
			background-position: -715px 1px;
		}
		#header {
			position:		relative;
			width:			886px;
			height:			78px;
			background: 	transparent url(headerbg.png) no-repeat top left;
		}	
		#header h1 {
			margin:			0;
			padding:		0;
			position:		relative;
			text-indent:	-10000px;
			overflow:		hidden;
		}
		#header form {
			position:		absolute;
			top:			25px;
			right:			30px;
			width:			230px;
		}
		#searchterm {
			margin:			0;
			padding:		0;
			padding-top:	10px;
			text-indent:	5px;
			color:			#555555;
			border:			none;
			background:		transparent url(searchterm.gif) no-repeat center left;
			width:			242px;
			height:			28px;
			font-size:		1.3em;
		}
		#searchbtn {
			margin:			0;
			padding:		0;
			padding-top:	10px;
			width:			30px;
			height:			28px;
			display:		block;
			float:			right;
			background:		transparent url(searchbtn.gif) no-repeat center left;
			border:			none;
			text-indent:	-10000px;
			text-decoration:none;
			overflow:		hidden;
			
		}
		#accent {
			position:		relative;
			width:			886px;
			height:			252px;
			background: 	transparent url(accentbg.png) no-repeat top left;
		}	
		#inset {
	width:			304px;
	height:			108px;
	background:		transparent url(insetbg.png) no-repeat top left;
	position:		absolute;
	left: 			290px;
	top: 			95px;
		}
		#inset h2 {
			padding:		0;
			margin:			0;
			margin-top:		13px;
			margin-left:	15px;
			height:			22px;
			background:		transparent url(insetHeadingbg.gif) no-repeat top left;
			text-indent:	-1000px;
			overflow:		hidden;
		}
		#inset p {
			margin:			0;
			padding:		0;
			padding-left:	18px;
			padding-right:	20px;
			text-align:		justify;
			color:			white;
		}
		#inset a.morebtn {
			width:			131px;
			height:			25px;
			position:		absolute;
			left:			90px;
			top:			150px;
			background:		transparent url(insetMoreBtn.gif) no-repeat top left;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
		}
		#content {
			position:		relative;
			width:			886px;
			background:		transparent url(contentbg.png) repeat-y top left;
		}
		#triptych {
			position:		relative;
			width:			858px;
			background:		transparent url(tryptychbg.jpg) repeat-x top left;
			margin:			auto;
			height:			335px;
		}
		.panel {
			width:			286px;
			height:			334px;
			margin:			0;
			text-indent:	0px;
			float:			left;
		}
		.panel h2 {
			position:		relative;
			padding:		20;
			margin:			0;
			margin-top:		30px;
			margin-left:	11px;
			margin-bottom:	80px;
			height:			22px;
			text-indent:	-10000px;
			overflow:		hidden;
		}
		.panel p {
			padding:		11px;
			padding-right:	25px;
			padding-left:	25px;
			padding-top:	95px;
			margin-top:		100px;
			text-align:		justify left;
			padding-bottom:	3px;
		}
		.panel a.morebtn {
			width:			106px;
			height:			20px;
			float:			right;
			margin-top:		68px;
			margin-right:	34px;
			background:		transparent url(panelMoreBtn.gif) no-repeat top left;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
		}
		.panel a.morebtn2 {
	width:			106px;
	height:			20px;
	float:			right;
	margin-top:		146px;
	margin-right:	19px;
	background:		transparent url(panelMoreBtn.gif) no-repeat top left;
	text-indent:	-10000px;
	overflow:		hidden;
	text-decoration:none;
		}
		.panel a.morebtn3 {
	width:			106px;
	height:			20px;
	float:			right;
	margin-top:		58px;
	margin-right:	10px;
	background:		transparent url(panelMoreBtn3.gif) no-repeat top left;
	text-indent:	-10000px;
	overflow:		hidden;
	text-decoration:none;
		}
			.panel a.morebtn4 {
	width:			106px;
	height:			20px;
	float:			right;
	margin-top:		135px;
	margin-right:	35px;
	background:		transparent url(panelMoreBtn.gif) no-repeat top left;
	text-indent:	-10000px;
	overflow:		hidden;
	text-decoration:none;
		}
		#studentpanel1 {
			background:		transparent url(panel1bg.png) no-repeat top left;
		}
		#studentpanel2 {
			background:		transparent url(panel2bg.png) no-repeat top left;
		}
		#studentpanel3 {
			background:		none;
		}			
		#footer {
	position:		relative;
	width:			886px;
	background: 	transparent url(footerbg.png) no-repeat bottom left;
	height:			58px;
		}
		#metanav {
			position:		absolute;
			bottom:			20px;
			right:			15px;
		}
		#metanav li {
			list-style:		none;
			display:		inline;
			padding:		5px;
			padding-top:	1px;
			padding-bottom:	1px;
		}
		#metanav li.last {
			border-right:	none;
		}
		#metanav li a {
			font-size:		0.8em;
			color:			white;
			text-decoration:none;
		}
		#metanav li a:hover {
			text-decoration:underline;
		}