a:link {
	text-decoration: none;
	color: #945a66;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
	color: #707070;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	color: #642a36;
	font-weight: bold;
	cursor: url(images/redpencil.cur), pointer;
}

a:active {
	text-decoration: none;
	color: #945a66;
	font-weight: bold;
}

a:img {
	border: none;
}

{
border: 0;
margin: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #e8e8e8 url(images/ssswm3.jpg) repeat;
}

h1.section1 {
	margin: 5px;
	font: bold 100% "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	text-align: left;
	color: #642a36;
}

h1.section2 {
	margin: 5px;
	font: bold 100% "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	text-align: center;
	color: #642a36;
}

h1.announcements {
	margin: 5px;
	font: bold italic 80% "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	text-align: left;
	color: #202020;
}

h1.topbar {
	margin: 0;
	font: bold italic 90% "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	text-align: left;
	color: #202020;
}

#navbar {
	display: block;
	margin: 0;
	padding: 25px;
	list-style: none;
	width: 100%;
	font: bold 80% "Trebuchet MS", Helvetica, Verdana, Arial, sans- 
serif;
	color: #844a56;
}

#navbar ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

#navbar a {
	display: block;
	text-decoration: none;
	color: #945a66;
	font-weight: bold;
}

#navbar li {
	float: left;
	padding-left: 50px;
}

#navbar a:hover {
	text-decoration: none;
	color: #642a36;
	font-weight: bold;
}

#navbar li ul{
	display: none;
	background: #e8e8e8;
}

#navbar li:hover ul {
	position: absolute;
	display: block;
	width: 10em;
	background: #e8e8e8;
}

#navbar li ul li{
	float: none;	
	width: auto;
	padding-left: 2px;	
	border-top: .1em solid #808080;
}

#navbar2 {
	display: block;	
	margin: 0;
	padding: 15px;
	list-style: none;
	width: 100%;
	font: bold 80% "Trebuchet MS", Helvetica, Verdana, Arial, sans- 
serif;
	color: #844a56;
}

#navbar2 ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

#navbar2 a {
	display: block;
	text-decoration: none;
	color: #945a66;
	font-weight: bold
}

#navbar2 li {
	float: left;
	padding-left: 50px;
	
}

#navbar2 a:hover {
	text-decoration: none;
	color: #642a36;
	font-weight: bold;
}

#navbar3 {
	display: block;
	margin: 0;
	padding: 15px;
	list-style: none;
	width: 100%;
	font: bold 80% "Trebuchet MS", Helvetica, Verdana, Arial, sans- 
serif;
	color: #844a56;
}

#navbar3 ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

#navbar3 a {
	display: block;
	text-decoration: none;
	color: #945a66;
	font-weight: bold;
}

#navbar3 li {
	float: left;
	padding-left: 75px;
	
}

#navbar3 a:hover {
	text-decoration: none;
	color: #642a36;
	font-weight: bold;
}

#navbar3 li ul{
	display: none;
	background: #e8e8e8;
}

#navbar3 li:hover ul {
	position: absolute;
	display: block;
	width: 10em;
	background: #e8e8e8;
}

#navbar3 li ul li{
	float: none;	
	width: auto;
	padding-left: 2px;	
	border-top: .1em solid #808080;
}

p.contenttext {
	margin: 5px;
	font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	color: #404040;
}

p.contenttext2 {
	margin: 10px 80px 40px 70px;
	font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	color: #404040;
}

p.contenttext3 {
	margin: 20px 50px 50px 50px;
	font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	color: #404040;
}

p.contentfooter {
	margin: auto;
	font: 0.7em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	color: #404040;
}

ul.contenttext {
	margin: 5px;
	font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	color: #404040;
	text-align: left;
	padding: 0 0 0 8px;
}

ul.section1 {
	margin: 5px;
	list-style: none;
	font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	color: #404040;
	text-align: left;
	padding: 0 0 0 5px;
}

ul.sectionlinks {
	margin: 5px;
	list-style: none;
	font: 0.9em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	color: #404040;
	text-align: left;
	padding: 0 0 0 5px;
	line-height: 1.6;
}

ul.indent {
	margin: 5px;
	text-indent: 0.9em;
	list-style: none;
}


ul.section2 {
	margin: 5px;
	list-style: disc;
	font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	color: #404040;
	text-align: left;
	padding: 0 0 0 15px;
}



ol.contenttext {
	margin: 5px;
	font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	color: #404040;
	text-align: left;
	padding: 0 0 0 8px;
}

ol.section1 {
	margin: 10px;
	list-style: decimal;
	font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	color: #404040;
	text-align: left;
	padding: 0 0 0 15px;
}

ol.sectionlinks {
	margin: 5px;
	list-style: none;
	font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	color: #404040;
	text-align: left;
	padding: 0 0 0 5px;
	line-height: 1.6;
}

ol.indent {
	margin: 10px;
	text-indent: 0.8em;
	list-style: none;
}

#main
{
margin: 0 auto;
width: 820px;
background: #e8e8e8;
border-right: 10px solid #e8e8e8;
border-left: 10px solid #e8e8e8;
}

#top
{
margin: 0 auto;
width: 820px;
height: 50px;
background: url(images/top.png) repeat-x 0 10px;
border-bottom: 1px solid #808080;
}

#homepagephoto
{
z-index: 3;
margin: 0 auto;
width: 500px;
height: 160px;
background: url(images/SSSApr10-4.jpg) no-repeat;
border-left: 160px solid #903c4d;
border-right: 160px solid #fff;
}

#studentphoto
{
z-index: 3;
margin: 0 auto;
width: 500px;
height: 160px;
background: url(images/SSSMar10-1.jpg) no-repeat;
border-left: 160px solid #903c4d;
border-right: 160px solid #fff;
}

#facultyphoto
{
z-index: 3;
margin: 0 auto;
width: 500px;
height: 160px;
background: url(images/PreKMay08.jpg) no-repeat;
border-left: 160px solid #903c4d;
border-right: 160px solid #fff;
}

#officephoto
{
z-index: 3;
margin: 0 auto;
width: 500px;
height: 160px;
background: url(images/SSSMar10-2.jpg) no-repeat;
border-left: 160px solid #903c4d;
border-right: 160px solid #fff;
}

#officephoto2
{
z-index: 3;
margin: 0 auto;
width: 500px;
height: 160px;
background: url(images/SSSMar10-3.jpg) no-repeat;
border-left: 160px solid #903c4d;
border-right: 160px solid #fff;
}

#schoolmassphoto
{
z-index: 3;
margin: 0 auto;
width: 500px;
height: 160px;
background: url(images/SSSSept09-1.jpg) no-repeat;
border-left: 160px solid #903c4d;
border-right: 160px solid #fff;
}

#aboutschoolphoto
{
z-index: 3;
margin: 0 auto;
width: 500px;
height: 160px;
background: url(images/SSSApr10-2.jpg) no-repeat;
border-left: 160px solid #903c4d;
border-right: 160px solid #fff;
}

#abouthistoryphoto
{
z-index: 3;
margin: 0 auto;
width: 500px;
height: 160px;
background: url(images/SSS70s-2.jpg) no-repeat;
border-left: 160px solid #903c4d;
border-right: 160px solid #fff;
}

#studentactphoto
{
z-index: 3;
margin: 0 auto;
width: 500px;
height: 160px;
background: url(images/SSSBandFeb10.jpg) no-repeat;
border-left: 160px solid #903c4d;
border-right: 160px solid #fff;
}

#studentsvcphoto
{
z-index: 3;
margin: 0 auto;
width: 500px;
height: 160px;
background: url(images/SSSApr10-7.jpg) no-repeat;
border-left: 160px solid #903c4d;
border-right: 160px solid #fff;
}

#alumniphoto
{
z-index: 3;
margin: 0 auto;
width: 500px;
height: 160px;
background: url(images/SSS70s-1.jpg) no-repeat;
border-left: 160px solid #903c4d;
border-right: 160px solid #fff;
}

#sssfcphoto
{
z-index: 3;
margin: 0 auto;
width: 500px;
height: 160px;
background: url(images/sssfc.jpg) no-repeat;
border-left: 160px solid #903c4d;
border-right: 160px solid #fff;
}

#hsaphoto
{
z-index: 3;
margin: 0 auto;
width: 500px;
height: 160px;
background: url(images/hsa2010.jpg) no-repeat;
border-left: 160px solid #903c4d;
border-right: 160px solid #fff;
}

#logotext
{
z-index: 2;
margin: 0 -160px;
width: 160px;
height: 160px;
background: url(images/logotext2.gif) no-repeat;
}

#ssslogo
{
z-index: 2;
margin: 0 660px;
width: 160px;
height: 160px;
background: url(images/ssslogo3.gif) no-repeat;
}
 
#bottom
{
margin: 0 auto;
width: 820px;
height: 40px;
background: url(images/bottom.png) repeat-x;
border-top: 1px solid #808080;
}

#content
{
position: relative;
margin: 5px 0 0 0;
width: 818px;
height: 1400px;
text-align: left;
border: 0px solid #990000;
}

#contentlong
{
position: relative;
margin: 5px 0 0 0;
width: 818px;
height: 2420px;
text-align: left;
border: 0px solid #990000;
}

#column1xlong
{
position: absolute; top: 5px; left: 0;
width: 288px;
height: 2400px;
background: #fff;
border: 1px solid #808080;
}

#column1long
{
position: absolute; top: 5px; left: 0;
width: 288px;
height: 1380px;
background: #fff;
border: 1px solid #808080;
}

#alumnicol1long
{
position: absolute; top: 5px; left: 0;
width: 403px;
height: 1380px;
background: #fff;
border: 1px solid #808080;
}

#contentblock1
{
position: relative;
padding: 0 10px 0 10px;
width: 268px;

text-align: justify; 
background: #fff;
}

#alumcontentblock1
{
position: relative;
padding: 0 10px 0 10px;
width: 383px;

text-align: justify; 
background: #fff;
}

#column2xlong
{
position: absolute; top: 5px; left: 300px;
width: 518px;
height: 2400px;
background: #fff;
border: 1px solid #808080;
}

#column2long
{
position: absolute; top: 5px; left: 300px;
width: 518px;
height: 1380px;
background: #fff;
border: 1px solid #808080;
}

#alumnicol2long
{
position: absolute; top: 5px; left: 415px;
width: 403px;
height: 1380px;
background: #fff;
border: 1px solid #808080;
}

#contentblock2
{
position: relative;
padding: 0 10px 0 10px;
width: 498px;

text-align: justify; 
background: #fff;
}

#alumcontentblock2
{
position: relative;
padding: 0 10px 0 10px;
width: 383px;

text-align: justify; 
background: #fff;
}

#content2
{
position: relative;
margin: 5px 0 0 0;
width: 818px;
height: 1020px;
text-align: left;
border: 0px solid #990000;
}

#content3
{
position: relative;
margin: 5px 0 0 0;
width: 818px;
height: 640px;
text-align: left;
border: 0px solid #990000;
}

#content4
{
position: relative;
margin: 5px 0 0 0;
width: 818px;
height: 520px;
text-align: left;
border: 0px solid #990000;
}

#column1short
{
position: absolute; top: 5px; left: 0;
width: 288px;
height: 620px;
background: #fff;
border: 1px solid #808080;
}

#column1xshort
{
position: absolute; top: 5px; left: 0;
width: 288px;
height: 500px;
background: #fff;
border: 1px solid #808080;
}

#column1med
{
position: absolute; top: 5px; left: 0;
width: 288px;
height: 1000px;
background: #fff;
border: 1px solid #808080;
}

#contentblock3
{
position: relative;
padding: 0 10px 0 10px;
width: 268px;
height: 600px;
text-align: justify; 
background: #fff;
}

#column2short
{
position: absolute; top: 5px; left: 300px;
width: 518px;
height: 620px;
background: #fff;
border: 1px solid #808080;
}

#column2xshort
{
position: absolute; top: 5px; left: 300px;
width: 518px;
height: 500px;
background: #fff;
border: 1px solid #808080;
}

#column2med
{
position: absolute; top: 5px; left: 300px;
width: 518px;
height: 1000px;
background: #fff;
border: 1px solid #808080;
}

#contentblock4
{
position: relative;
padding: 0 10px 0 10px;
width: 498px;
height: 340px;
text-align: justify; 
background: #fff;
}

#contentblock5
{
position: relative;
padding: 0 10px 0 10px;
width: 498px;
height: 220px;
text-align: justify; 
background: #fff;
}

#contentblock6
{
position: relative;
padding: 0 10px 0 10px;
width: 498px;
height: 40px;
text-align: justify; 
background: #fff;
}

#stafflist1
{
position: absolute; top: 5px; left: 10px;
width: 249px;
text-align: left; 
background: #fff;
}

#stafflist2
{
position: absolute; top: 5px; left: 259px;
width: 249px;
text-align: left; 
background: #fff;
}

#footer
{
position: relative; 
padding: 0;
width: 800px;
text-align: center;
}