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;
}

form,input,select,textarea {
	margin:0;
	padding:0;
	color: #c0c0c0;
}

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.hsatitle {
	margin: 5px;
	font: bold 100% "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	text-align: center;
	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: 11em;
	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.contenttext4 {
	margin: 20px 100px 30px 100px;
	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.indenttext {
	text-indent: 25px;
	list-style: none;
	font: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	color: #404040;
}

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.section3 {
	margin: 2px 40px;
	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;
}

ul.section4 {
	margin: 10px 0 10px 0;
	list-style: none;
	font: bold 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	color: #404040;
	text-align: center;
}

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: 435px;
height: 160px;
background: url(images/SSSApr10-8.jpg) no-repeat;
border-left: 225px solid #903c4d;
border-right: 160px solid #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#logotext
{
z-index: 2;
margin: 0 -225px;
width: 225px;
height: 160px;
background: url(images/sssswirl3.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 #808080;
}

#resourcescontent
{
float: left;
margin-top: 5px;
margin-left: 0;
width: 99.75%;
background: #fff;
border: 1px solid #808080;
}


#contentmed
{
position: relative;
margin: 5px 0 0 0;
width: 818px;
height: 2080px;
text-align: left;
background: #fff;
border: 0px solid #808080;
}

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

#contentstaff
{
position: relative;
margin: 5px 0 0 0;
width: 818px;
height: 2500px;
text-align: left;
background: #fff;
border: 1px solid #999;
}

#contentblockstaff1
{
position: relative;
margin: auto;
padding: 5px 0;
width: 808px;
background: #fff;
border-bottom: 2px inset #171717;
}

#contentblockstaff2
{
position: relative;
margin: auto;
padding: 5px 0;
width: 808px;
height: 305px;
background: #fff;
border: 0px solid #990000;
}

#contentblockstaff3
{
position: relative;
margin: auto;
padding: 5px 0;
width: 808px;
height: 250px;
background: #fff;
border: 0px solid #990000;
}

#infoadmin1
{
position: absolute;
margin: 0 0 0 10px;
width: 200px;
height: 300px;
text-align: left;
background: #fff;
border: 0px solid #990000;
}

#infoadmin2
{
position: absolute;
margin: 0 0 0 210px;
float: left;
width: 200px;
height: 300px;
text-align: left;
background: #fff;
border: 0px solid #990000;
}

#infoadmin3
{
position: absolute;
margin: 0 0 0 410px;
float: left;
width: 200px;
height: 300px;
text-align: left;
background: #fff;
border: 0px solid #990000;
}

#infoadmin4
{
position: absolute;
margin: 0 0 0 610px;
float: left;
width: 200px;
height: 300px;
text-align: left;
background: #fff;
border: 0px solid #990000;
}

#infoadmin5
{
position: absolute;
margin: 0 0 0 10px;
width: 200px;
height: 245px;
text-align: left;
background: #fff;
border: 0px solid #990000;
}

#infoadmin6
{
position: absolute;
margin: 0 0 0 210px;
float: left;
width: 200px;
height: 245px;
text-align: left;
background: #fff;
border: 0px solid #990000;
}

#infoadmin7
{
position: absolute;
margin: 0 0 0 410px;
float: left;
width: 200px;
height: 245px;
text-align: left;
background: #fff;
border: 0px solid #990000;
}

#infoadmin8
{
position: absolute;
margin: 0 0 0 610px;
float: left;
width: 200px;
height: 245px;
text-align: left;
background: #fff;
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;
}

#resourcestwocolumn
{
width: 99%;
background: #fff;
border: 0px solid #808080;
}

#resourcesleft
{
float: left;
margin-top: 2px;
margin-left: 15px;
width: 30%;
background: #fff;
border: 0px solid #808080;
}

#resourcesright
{
float: right;
margin-top: 2px;
margin-right: 0;
width: 68%;
background: #fff;
border: 0px solid #808080;
}


#summertwocolumn
{
width: 100%;
background: #fff;
border: 0px solid #808080;
}

#summerleft
{
float: left;
margin: auto;
width: 50%;
background: #fff;
border: 0px solid #808080;
}

#summerright
{
float: right;
margin: auto;
width: 50%;
background: #fff;
border: 0px solid #808080;
}

#alumnicol1long
{
position: absolute; top: 5px; left: 0;
width: 403px;
height: 1000px;
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;
}

#atpcontentblock1
{
position: relative;
padding: 0 10px 0 10px;
width: 333px;

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

#atpcontentblock2
{
position: relative;
padding: 0 10px 0 10px;
width: 433px;

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: 1000px;
background: #fff;
border: 1px solid #808080;
}

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

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

#atpcol1
{
position: absolute; top: 5px; left: 0;
width: 353px;
height: 800px;
background: #fff;
border: 1px solid #808080;
}

#atpcol2
{
position: absolute; top: 5px; left: 365px;
width: 453px;
height: 800px;
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;
}

#alumcontentblock3
{
position: relative;
padding: 0 0 0 10px;
width: 373px;

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: 660px;
text-align: left;
border: 0px solid #990000;
}

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

#content5
{
position: relative;
margin: 5px 0 0 0;
width: 818px;
height: 820px;
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;
}

#contentblock7
{
position: relative;
padding: 0 10px 0 10px;
width: 488px;
height: 120px;
text-align: justify; 
background: #fff;
}

#contentblock8
{
position: relative;
padding: 0 10px 0 10px;
width: 383px;
text-align: justify; 
background: #fff;
}

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

#contentblock10
{
position: relative;
padding: 0 0 0 10px;
width: 373px;
height: 80px;
text-align: justify; 
background: #fff;
}

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

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

#contentblock12
{
position: relative;
padding: 0 5px 0 5px;
width: 333px;
height: 220px;
text-align: justify; 
background: #fff;
}

#contentblock13
{
position: relative;
padding: 0 5px 0 5px;
width: 333px;
text-align: justify; 
background: #fff;
}

#contentblock14
{
position: relative;
padding: 0 10px 0 10px;
width: 373px;
height: 400px; 
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;
}

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

#hsalist2
{
position: absolute; top: 5px; left: 303px;
width: 90px;
text-align: left; 
background: #fff;
}

#atplist1
{
position: absolute; top: 5px; left: 5px;
width: 268px;
text-align: left; 
background: #fff;
}

#atplist2
{
position: absolute; top: 5px; left: 278px;
width: 65px;
text-align: left; 
background: #fff;
}

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

#hsalist4
{
position: absolute; top: 9px; left: 220px;
width: 160px;
text-align: left; 
background: #fff;
}

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

#hsalist6
{
position: absolute; top: 5px; left: 190px;
width: 183px;
text-align: left; 
background: #fff;
}

#facultylist1
{
position: absolute;
margin: 0;
width: 190px;
height: 220px;
background: #000;
}

#facultylist2
{
position: absolute;
margin: 0 0 0 190px;
width: 190px;
height: 220px;
text-align: left; 
background: #ccc;
}

#facultylist3
{
position: absolute;
margin: 0 0 0 380px;
width: 190px;
text-align: left; 
background: #f0f;
}

#facultylist4
{
position: absolute;
margin: 0 0 0 570px;
width: 190px;
text-align: left; 
background: #400;
}

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

#twocolumnlist2
{
position: absolute; top: 5px; left: 210px;
width: 298px;
text-align: left; 
background: #fff;
}

#facultylist1
{
position: absolute; top: 5px; left: 9px;
width: 200px;
text-align: left; 
background: #fff;
}

#facultylist2
{
position: absolute; top: 5px; left: 209px;
width: 200px;
text-align: left; 
background: #fff;
}

#facultylist3
{
position: absolute; top: 5px; left: 409px;
width: 200px;
text-align: left; 
background: #fff;
}

#facultylist4
{
position: absolute; top: 5px; left: 609px;
width: 200px;
text-align: left; 
background: #fff;
}

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

div.box
{
margin: 0 auto;
width: 350px;
background: #e8e8e8;
position: relative;
top: 10px;
border: 1px solid #888888;
}

div.box h1 { 
padding:0 0 5px 5px;
font: bold .9em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
color: #642a36;
border-bottom: 1px dotted #161712;

}

div.box label
{
padding: 5px 0 5px 0;
display: block;
width: 100%;
font: bold .9em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
color:#404040;
background: #e8e8e8 url(images/ssswmform.jpg) repeat;
border-top: 1px dotted #262626;
}

div.box label span
{
padding: 5px 10px 0 0;
display: block;
float: left;
width: 100px;
font: bold .9em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
color:#404040;
text-align:right;
}

div.box .input_text
{
padding: 5px 5px;
width: 200px;
font: bold .9em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
color:#404040;
background: #fff;
border: 1px dotted #171717;
}

div.box .input_year
{
margin: 5px 0 5px 20px;
width: 40px;
font: bold .9em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
background: #fff;
border: 1px dotted #171717;
}

#year
{
font: bold .9em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
color:#404040;
background: #fff;
text-indent: 10px;
}

div.box .message
{
padding: 5px 5px;
width: 200px;
height: 150px;
font: bold .9em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
color:#404040;
background: #fff;
border: 1px dotted #171717;
overflow: hidden;
}

div.box .button
{
margin: 0 0 10px 0;
padding: 5px 5px;
background:#642a36;
border:0;
position: relative;
top: 5px;
left: 125px;
width: 100px;
border: 1px dotted #171717;
}

ul.staff
{
margin: 0;
padding: 0;
}

ul.staff li
{
list-style-type: none;
margin: 0;
padding: 0;
}

div.staffphoto 
{
position: absolute;
margin-top: 0;
margin-left: 22px;
width: 150px;
height: 188px;
border: 3px inset #909090;
}

div.caption
{
position: relative;
margin-top: 195px;
margin-left: 10px;
width: 190px;
background: #fff;
font: bold .6em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
}

div.caption2
{
position: relative;
margin-top: 195px;
margin-left: 25px;
width: 160px;
background: #fff;
font: bold .6em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
}

h1.staff1
{
margin: 0;
padding: 0;
font: bold 105% "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
color: #840a16;
}

h1.staff2
{
margin: 0;
padding: 0;
word-spacing: 5em;
font: bold 105% "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
color: #840a16;
}