body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}
body, h1, h2, h3, h4, p, ul, li {
	margin: 0px;
	padding: 0px;
}
/*This is the outermost wrapper for each page that sets the size and centers on the page*/
#wrapper {
	text-align: left;
	width: 955px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
#header p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #3399FF;
	background-color: #000000;
	left: 725px;
	top: 80px;
}
#nav {
	height: 50px;
	width: 955px;
	text-align: left;
	background-color: #000000;
	z-index: 9999;
}
#innerwrappertopimage {
	height: 14px;
	width: 955px;
	display: block;
	padding: 0px;
}
#innerwrapper {
	background-image: url(../Images/bg_innerwrapper.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	float: left;
	width: 955px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	height: auto;
}
#innerwrapperbottomimage {
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 955px;
	height: 16px;
	background-repeat: no-repeat;
}
#wrapper #innerwrapper #lsbar {

}
#sidebarleft {
	padding: 5px;
	width: 220px;
	float: left;
}
#sidebarleft p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000000;
	text-decoration: none;
	margin-left: 25px;
	padding-right: 10px;
	text-align: left;
}
#sidebarleft p a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#sidebarleft p a:hover, #sidebarleft p a:focus, #sidebar p a:active {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#sidebarleft h3 {
	text-align: left;
	margin-left: 24px;
}
#boxes {
	float: left;
	width: 225px;
	padding: 25px;
}
#innerwrapper #boxright {
	float: right;
	width: 280px;
	padding-right: 22px;
	text-align: left;
}
#boxmiddle {
	background-image: url(../Campus/Images/boxmiddle_green.gif);
	background-repeat: repeat-y;
	background-position: left;
}
#boxbottom {
	background-image: url(../Campus/Images/boxbottom_green.gif);
	background-repeat: no-repeat;
}

#box1 {
	background-image: url(../Campus/Images/boxtop_green.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 200px;
}
#box1 h2 {
	font-weight: 600;
	background-repeat: no-repeat;
	text-align: right;
	margin: 0;
	padding: 10px 25px 9px 0px;
}
#box1 p {
	margin: 0px;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}

#maincontent {
	text-align: left;
	float: left;
	width: 911px;
	margin: 0px;
	height: auto;
}
#chsmaincontentleft {
	width: 600px;
	margin-top: 150px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	height: auto;
}

#maincontent h2 {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#maincontent  h3 {
	padding-left: 30px;
	text-align: left;
}

#maincontent p {
	font-size: 85%;
	line-height: 1;
	margin: 0px;
	padding-left: 30px;
}
#footer {
	height: auto;
	width: 955px;
	background-color: #000000;
}
.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #FFFFFF;
	text-align: left;
}

#footer p {
	font-size: 70%;
	text-align: left;
	padding-top: 40px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	color: #FFFFFF;
	padding-left: 425px;
}
#footersidebar  {
	float: left;
	width: 350px;
	padding-top: 15px;
	padding-left: 40px;
	text-align: left;
	height: 87px;
	padding-right: 5px;
	padding-bottom: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: small;
}
#footersidebar  p  {
	font-size: small;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#footer maincontent {
	float: left;
	width: 650px;
	padding-top: 40px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}


.header  h1  {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-family: Arial, Helvetica, sans-serif;
	color: #3399FF;
	padding-top: 80px;
	padding-right: 0;
	padding-left: 600px;
	text-align: left;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.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;
	text-align: center;
}
#subnavhorblue {
	background-image: url(../Images/bg_bluesubnav.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	height: 110px;
	margin-left: 23px;
	margin-right: 24px;
}
#subnavhorblue p {
	float: left;
}

#nav ul#navlist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: small;
}
#nav ul#navlist li {
	display: inline;
}
#nav #navlist li a {
	float: left;
	width: 125px;
	text-align: center;
	color: #FFB700;
	padding: 4px;
	text-decoration: none;
	border-left-color: #CCCCCC;
}
#nav ul#navlist li a:hover {
	color: #FFFFFF;
	font-size: medium;
}
#star {
	background-image: url(../Campus/Images/star.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	float: right;
	height: 597px;
	width: 595px;
	position: relative;
	z-index: 2;
	display: block;
	margin-top: 0px;
	margin-right: 23px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#maincontentmotto {
	font-family: "Comic Sans MS";
	font-size: 100%;
	color: #0099CC;
	font-weight: bold;
}
#footer content {
	font-size: small;
	color: #FFFFFF;
}
/*This box is used to house the sub navigation boxes in some pages.  Right now the background image is set to green.  Imbed it inside the page to change the background image.*/
#subnavbox {
	text-align: center;
	height: 75px;
	width: 910px;
	display: block;
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	left: auto;
	top: auto;
	margin-right: 22px;
	background-image: url(../Images/bg_greensubnav.jpg);
	margin-left: 22px;
}
.subnavboximg {
	display: block;
	float: left;
}

subnavbox.nav1 {
	background-image: url(../Campus/Images/over_BOEmembers.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 255px;
}
subnavbox.nav1 img {
	height: 100%;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
subnavbox.nav1 a:hover img {
	visibility: hidden;
}
subnavbox.nav1 a, subnavbox.nav1 a:link, subnavbox.nav1 a:visited {
	display: block;
}
#boxmiddle p {
	text-align: left;
	margin-left: 15px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#boxmiddle p a:hover, #boxmiddle p a:focus {
	color: #339900;
	text-decoration: none;
}
.style10 {
	font-family: "Century Gothic";
	font-style: normal;
	text-decoration: none;
}
#yellgradinnerwrapper {
	background-image: url(../Campus/Images/yellGradmiddle.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#innerwrapper #schoolcontent {
	text-align: left;
	float: left;
	width: 375px;
	padding-left: 25px;
}
#elemannouncementbox {
	float: left;
	height: auto;
	width: 385px;
	margin-top: 75px;
	padding-left: 185px;
}
#elemannouncementbox p {
	font-family: Calibri;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
}
#elemannouncementbox h3 {
	font-family: Calibri;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: left;
}


#innerwrapper #schoolcontent p {
	font-size: 80%;
	padding-left: 15px;
	padding-bottom: 5px;
}
#innerwrapper #schoolcontent h2 {
	font-size: 100%;
	font-weight: bold;
	padding-left: 15px;
}
#innerwrapper   #school   ul {
	font-size: 80%;
	text-indent: 10px;
	list-style-position: outside;
	list-style-type: disc;
}
#innerwrapper #schoolcontent ul li {
	font-size: 80%;
	text-indent: 10px;
	list-style-position: inside;
}
#innerwrapper #sidebarleft p A {
	color: #6699FF;
	text-decoration: none;
}
#innerwrapper #schoolnav {
	width: 911px;
	margin-right: 22px;
	margin-left: 0px;
	margin-top: 0px;
}
#calendarbox {
	background-repeat: no-repeat;
	height: auto;
	width: 300px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: right;
}
#calendarboxtricity {
	float: left;
	width: 275px;
	margin-top: 0px;
	height: auto;
	padding-left: 35px;
	padding-right: 0px;
}
#eventstricity p {
	font-family: Cambria;
	color: #669900;
}



#calendarbox p {
	font-family: "Kristen ITC";
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
}
#calendarboxelementary {
	height: 310px;
	width: 275px;
	margin-left: 10px;
	margin-top: 75px;
	float: right;
	padding-right: 25px;
	text-align: left;
}
#NavElementary {
	text-align: center;
	height: 330px;
	width: 230px;
	margin-top: 125px;
	padding-top: 50px;
}
#eleminisidenavbox {
	padding: 15px;
	height: 300px;
	width: 250px;
	margin-top: 130px;
	margin-left: 675px;
	z-index: 100;
}
#eleminsidemaincontent {
	float: left;
	height: auto;
	width: 400px;
	padding-left: 230px;
	margin-top: 95px;
}
#archivecontainer {
	height: 35px;
	width: 275px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	border: thick inset #000000;
	background-color: #66CC00;
}

.stafflist {
	font-size: 75%;
}
#stafflistoverflow {
	background-image: url(../Campus/Images/bg_innerwrapper.jpg);
	background-repeat: repeat-y;
	height: auto;
	width: 955px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 215px;
}
#stafflistele2 {
	float: left;
	width: 450px;
	padding-left: 215px;
}
#chsmenu {
	float: right;
	height: auto;
	width: 180px;
	margin-top: 300px;
	padding-right: 38px;
}
#slideshowtricity {
	height: 300px;
	width: 600px;
	margin-top: 435px;
	float: none;
	padding-left: 50px;
}
#tricityquote {
	height: auto;
	width: 500px;
	margin-top: 200px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 375px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#tricityrightside {
	float: right;
	width: 300px;
	margin-top: 30px;
	margin-bottom: 75px;
	margin-left: 75px;
	padding-right: 30px;
}
#ahsnav {
	height: auto;
	width: 200px;
	margin-top: 275px;
	float: right;
	padding-left: 0px;
	text-align: center;
	padding-right: 40px;
}
#lcmaincontentleft {
	width: 800px;
	margin-top: 25px;
	margin-left: 30px;
}
#patcalendar {
	width: 200px;
	margin-left: 24px;
}
#elemrighcontentbox  {
	padding-right: 30px;
	margin-top: 0px;
	padding-top: 75px;
	float: right;
	width: 250px;
}
.patannouncement {
	font-family: "Kristen ITC";
	font-size: 16px;
	font-variant: normal;
	color: #000000;
	background-color: #89BB24;
}
#Translater {
	float: right;
	height: auto;
	width: 200px;
	margin-top: 0px;
}
#indexpagebottommiddle {
	padding: 10px;
	width: 150px;
	margin-top: 0px;
	margin-left: 5px;
	position: relative;
}
#eleminsidemaincontent ul {
	margin-left: 10px;
	list-style-position: outside;
}
#maincontenttricity table {
	width: 500px;
	margin-left: 15px;
}
.HealthSchoolHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #028EC1;
}
.tableheadingwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
}
.Red {
	color: #F00;
}
.RightJustifiedWhite {
	font-family: "Agency FB";
	font-size: 18px;
	color: #FFF;
}
#leftboxtext {
	height: 225px;
	width: 275px;
	margin-top: 75px;
	margin-left: 20px;
	margin-right: 50px;
}