html, body {
		background-color: #3750B0; /* <-- Background color */
		/*text-align: center;*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: normal;
		background-attachment: fixed;
		height: 100%;
}

.outer {
    	position: relative;
    	min-height: 100%;
		text-align: left;
		padding-bottom: 20px; 
		border: solid 1px #3750B0;
}
#Name-one_line {
        left: 350px;
		top: 60px;
		font-size: 43px;
		color: #FFFFFF;
		text-align: left;
		position: absolute;
		z-index:3;
	}

#Name-two_line {
		margin-left: 350px;
		margin-top: 30px;
		font-size: 35px;
		color: #FFFFFF;
		text-align: left;
		position: absolute;
		z-index:3;
	}

#Address_line {
		left: 350px;
		top: 139px;
		font-size: 15px;
		color: #FFFFFF;
		text-align: left;
		z-index:3; 
		position: absolute;
	}

#PictureAnchor {
		position: absolute;
		left: 100px;
		top: 10px;
		z-index:1; 
	}
#GradientOffset {
        left: 150px;
		top: 10px;
		position: absolute;
		z-index:2; 
}
#SloganPositioner {
		font-size: 12px;
		color: #233372;
		font-weight: bold; 
		font-style: italic;
		z-index:2;
		position: absolute;
		left: 110px;
		top: 162px; 
	}
.TopBar { /* The bar that seperates the mast head from the content and holds the Slogan and some links */
		width: 800px;
		text-decoration: none; /*For the links to the right at the top*/
		font-size: 12px;
		text-align: right;
		font-weight: bold; 
		background: #BDB6CB; /* <-- color for the bar  - Top Bar color */
		height: 20px;
	  	position:absolute;
		left: 100px;
		top: 160px; 
		z-index:1;
}
.TopBar a:link, .TopBar a:visited {
		 text-decoration: none; /*Gets rid of the Blue and the Underline*/
		 color: #233372; /* <-- Dark Border color */
		 padding: 0px 10px 2px 20px;
}

.TopBar a:hover  {
		 text-decoration: underline; /*Puts the underline back on hover*/
}

.TopBar-silver { /* The bar that seperates the mast head from the content and holds the Slogan and some links */
		width: 800px;
		text-decoration: none; /*For the links to the right at the top*/
		font-size: 12px;
		text-align: right;
		font-weight: bold; 
		background-image:url('silverbar.png'); 
		background-repeat:repeat-x; 
		height: 20px;
	  	position:absolute;
		left: 100px;
		top: 160px; 
		z-index:1;
}
.TopBar-silver a:link, .TopBar a:visited {
		 text-decoration: none; /*Gets rid of the Blue and the Underline*/
		 color: #233372; /* <-- Dark Border color */
		 padding: 0px 10px 2px 20px;
}

.TopBar-silver a:hover  {
		 text-decoration: underline; /*Puts the underline back on hover*/
}

.TopBar-gold { /* The bar that seperates the mast head from the content and holds the Slogan and some links */
		width: 800px;
		text-decoration: none; /*For the links to the right at the top*/
		font-size: 12px;
		text-align: right;
		font-weight: bold; 
		background-image:url('goldbar.jpg'); 
		background-repeat:repeat-x; 
		height: 20px;
	  	position:absolute;
		left: 100px;
		top: 160px; 
		z-index:1;
}
.TopBar-gold a:link, .TopBar a:visited {
		 text-decoration: none; /*Gets rid of the Blue and the Underline*/
		 color: #233372; /* <-- Dark Border color */
		 padding: 0px 10px 2px 20px;
}

.TopBar-gold a:hover  {
		 text-decoration: underline; /*Puts the underline back on hover*/
}

#Flash {
		left: 315px;
		top: 180px; 
		position: absolute;
	}
.Buttons {
		  width: 215px;
		  overflow: hidden;
		  list-style-image: url(tenbyten.gif); /*Hides the bullets of the list*/
		  position: absolute;
		  left:100px;  /* <-- with Flash Slide show and Javascript Scroll*/
		  top:180px;   /*<-- with Flash Slide show and Javascript Scroll*/
		  z-index:3;
}

.Buttons ul {
		  padding: 0px; /* Apparently gets rid of the dots in an unordered list */
		  margin: 0px; /* Sets the top margin to 0 so it butts up against the top element */
		  font-weight: normal;
		  text-transform: uppercase;
		  text-indent: 15px; /* Brings the text away from the left border */
		  background-color: #233372; /*The normal color of the buttons*/ /* <-- Dark Border color */
}



.Buttons a:link, .Buttons a:visited, .Buttons a:hover {
		  border-top: solid 1px #000000; /* Color of the line between the buttons */
		  display: block; /* Basically makes the buttons blocks */
		  text-decoration: none;
		  width: 100%; /* Makes the buttons look good in IE */
 		  color: #FFFFFF; /* Normal button Text color */
		  padding: 5px 0px 5px 0px;  /*TRBL Makes the spaces between the lines of text */
		
}

.Buttons a:hover {
		  background-color: #BDB6CB; /*The lighter color of the buttons*/ /* <-- Top Bar Border color */
		  color:#000000 /* Text color during hover */
}

.Scroll  {
         width:380px;}
		.ScrollBack_TextLn2 .TopPanelHeader{background-color:#0000A0;}
		.ScrollBack_TextLn2 {background-color:#FFFFFF; color:#212117; vertical-align:top;} /* Background color of scroll area. color changes the color of the "Class year" */
		.ScrollBack_TextLn2 a {color:#212117;} /* Color of the Name text - when it's a link */
		.NewItemLink {display:block; font-weight:bold; }
		.TopPanel li {font-size:11px; padding:0px 8px 10px 8px; } /* top, right, bottom, left*/
		.TopPanelHeader {color:White; font-size:11px; font-weight:bold; line-height:26px; padding:0px 8px 0px 8px; text-transform:uppercase;}

		
.Main {
		position:float; /* <-- Have to float this to the upper left corner of "outer" then use margins instead of positions so that outer covers everything and the footer ends up in the right place.*/
		margin-left: 320px;
		margin-top:370px; /* <-- with Flash Slide show and Javascript Scroll*/
		width: 580px;
		height:inherit;
		background-color: #FFFFFF;
		-moz-box-sizing: border-box ; /* makes the border situation compatable between browser types */
		border: ridge 3px #BBC5EA; /*<-- Box Border color */
		padding: 20px 20px 100px 20px;

}

.Main-NoFlash {
		position:float; /* <-- Have to float this to the upper left corner of "outer" then use margins instead of positions so that outer covers everything and the footer ends up in the right place.*/
		margin-left: 315px;
		margin-top:180px; /* <-- with Flash Slide show and Javascript Scroll*/
		width: 585px;
		height:inherit;
		background-color: #FFFFFF;
		-moz-box-sizing: border-box ; /* makes the border situation compatable between browser types */
		border: ridge 3px #BBC5EA; /*<-- Box Border color */
		padding: 20px 20px 100px 20px;

}
.Main-Pic-NoFlash {
		position:float; /* <-- Have to float this to the upper left corner of "outer" then use margins instead of positions so that outer covers everything and the footer ends up in the right place.*/
		margin-left: 315px;
		margin-top:180px; /* <-- with Flash Slide show and Javascript Scroll*/
		width: 585px;
		height:inherit;
		background-color: #FFFFFF;
		-moz-box-sizing: border-box ; /* makes the border situation compatable between browser types */
		border: ridge 3px #CFD1D6; /*<-- Box Border color */
		padding: 10px 10px 10px 10px;

}

.Main-Pic-Flash {
		position:float; /* <-- Have to float this to the upper left corner of "outer" then use margins instead of positions so that outer covers everything and the footer ends up in the right place.*/
		margin-left: 315px;
		margin-top:370px; /* <-- with Flash Slide show and Javascript Scroll*/
		width: 585px;
		height:inherit;
		background-color: #FFFFFF;
		-moz-box-sizing: border-box ; /* makes the border situation compatable between browser types */
		border: ridge 3px #CFD1D6; /*<-- Box Border color */
		padding: 10px 10px 10px 10px;

}

#MainMask {
		position:absolute;
		z-index:2;
		margin-left: 327px;
		margin-top: -405px;
		}
		
#MainText {
		position:absolute;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 36px;
		color: #233372;
		z-index:3;
		margin-left: 327px;
		margin-top: -405px;
		}
#Footer {
  		position: relative;
		margin-top: 10px;
  		text-align: left;
  		font-size: 10px;
		bottom:10px;
		left: 10px; 
	  }