body{ /* controls background color of entire website */
	background-color: #303030;
	margin: 0px;
	padding: 0px;
}
#container{ /* controls website width */
	padding: 0px;
	width: 978px;
	margin: 0px auto;
}
#topnav{ /* controls nav at very top of site*/
	height: 33px;
	width: 978px;
	margin: 0px;
	padding: 0px;
	background: url(images/topnavbg.jpg) no-repeat center top;
}
#topnav p{ /* controls nav text at very top of site*/
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	height: 15px;
	display: block;
	margin: 0px;
	padding: 6px 0px 0px 10px;
}
#topnav a{ /* controls nav link color very top of site*/
	color:#FFFFFF;
}
#header{ /* controls header at very top of site*/
	background: url(images/header.jpg) no-repeat center top;
	margin: 0px;
	padding: 0px;
	height: 139px;
	width: 978px;
}
#slogan{ /* controls alma mater & date field */
	background: url(images/sloganbg.jpg) center top;
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 978px;
}
#slogan p{ /* controls alma mater text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 18px;
	color: #edeacb;
	font-weight: normal;
	height: 15px;
	margin: 0px;
	float: left;
	padding: 8px 0px 0px 10px;
}
#maincontent{ /* controls main area of content throughout site */
	background: #EAE8D1 url(images/mainbg.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 978px;
}
#announce{ /* controls announcement section on index.php */
	padding: 0px;
	height: 290px;
	width: 350px;
	display: block;
	float: right;
	background: url(images/announcebg.jpg) no-repeat;
	margin: 20px 2px 2px 2px;
}
#announce p{ /* controls announcement small text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #d5d2bc;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 215px;
}
#imagegallery{ /*control image gallery on site*/
	padding: 0px;
	display: block;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#imagebox{/*controls box that image is nested within*/
	display: block;
	padding: 0px;
	float: left;
	height: 175px;
	width: 200px;
	margin: 5px;
}
#imagebox img { /*controls padding/margin on image gallery images*/
	margin: 0px;
	padding: 0px;
}

#imagebox p{ /*controls caption text in image gallery*/
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#message{ /* controls message on index.php */
	width: 678px;
	padding: 0px;
	display: block;
	background-color: #d5d2bc;
	float: left;
	margin: 0px auto;
}
#message p{ /* controls message text on index.php */
	margin: 0px;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 10px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#leftcontent{/* controls left column of site */
	padding: 0px;
	float: left;
	width: 248px;
	background: #EAE8D1 url(images/mainbg.jpg) repeat-x;
	margin: 0px 15px 15px 0px;
} 
#leftcontent ul{ /* controls lists in leftcontent*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	list-style-image: url(images/bullet.jpg);
	margin: 0px;
	padding: 0px 0px 0px 25px;
}
#leftcontent a{  /* controls link color in leftcontent*/
	color:#000000;
}
#nav{ /* controls main nav area */
	float: right;
	width: 238px;
	background: url(images/navbg.jpg) repeat-x;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	height: 204px;
}
#photo{ /* controls photo links */
	background: url(images/photobg.jpg);
	margin: 0px;
	padding: 0px;
	float: right;
	width: 238px;
	height: 107px;
}
#announce iframe {
	width: 350px;
	height: 260px;
	float: right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#calendar{ /* controls calendar links */
	background: url(images/calendarbg.jpg);
	margin: 0px;
	padding: 0px;
	float: right;
	height: 89px;
	width: 238px;
}
#clubs{ /* controls club links */
	margin: 0px;
	padding: 0px;
	float: right;
	height: 145px;
	width: 238px;
	background: url(images/clubsbg.jpg);
}
#extra{ /* controls extracurricular links */
	background: url(images/extrabg.jpg);
	margin: 0px;
	padding: 0px;
	float: right;
	height: 203px;
	width: 238px;
}
#footer{ /* controls footer */
	background: url(images/footerbg.jpg);
	margin: 0px;
	padding: 0px;
	width: 978px;
	border-bottom: 6px solid #303030;
	height: 115px;
	display: block;
	float: left;
}
#webmail{ /* webmail section in footer */
	height: 31px;
	background: url(images/webmail.jpg) no-repeat center;
	width: 236px;
	padding: 0px;
	float: left;
	margin: 15px 0px 0px 0px;
}
#sti{ /* webmail section in footer */
	height: 31px;
	background: url(images/sti.png) no-repeat center;
	width: 236px;
	padding: 0px;
	float: left;
	margin: 15px 0px 0px 0px;
}
#footernav{ /* nav area in footer */

	float: left;
	width: 260px;
	height: 100px;
	margin-top: 14px;
}
#footerbox{ /* don't forget to check out area box in footer */
	float: left;
	width: 447px;
	height: 87px;
	margin-top: 18px;
	background-color: #ebe8d1;
	margin-left: 15px;
}
#footerbox p{ /* don't forget to check out area text in footer */
	margin: 0px;
	padding: 10px 0px 0px 10px;
}
#footer a{ /* controls link color in footerb */
	color: #000000;
	
}
.clearfloat { /* clears all floats*/
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.fltrt {  /* floats a div to the right */
	float: right;
	margin-left: 10px;
}
.fltlft {  /* floats a div to the left */
	float: left;
	margin-right: 10px;
}

ul{ /* controls lists*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 25px;
}
h1{ /* controls header text */
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 18px;
	color: #000000;
	margin: 0px;
	padding: 20px 0px 5px 0px;
}
h2{ /* secondary header text */
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	font-weight: normal;
}
h3{}
h4{ /* large red text */
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 18px;
	color: #Fb1921;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #000000;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
p{ /* main copy text of entire site */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 0px 10px 0px 10px;
}
a{ /* doesn't allow links to be underlined */
	text-decoration: none;
}
.copyright { /* controls copyright text */
	color: #5f5d4c;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0 0 25px;
}