@charset "utf-8";
/* CSS Document */

/* Style Rules for the Divs of the All Saints Home Page (allSaintsMemories.html) */
#Container {
	height: 1227px;
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	border: thick solid #000;
}
#Header {
	height: 300px;
	width: 1000px;
	float: left;
}
#leftMargin {
	background-color: #FF9;
	float: left;
	height: 800px;
	width: 200px;
}
#mainPic {
	background-color: #FCF;
	float: left;
	height: 800px;
	width: 600px;
}
#rightMargin {
	background-color: #FF9;
	float: right;
	height: 800px;
	width: 200px;
}
#BottomHeader {
	height: 100px;
	width: 1000px;
	float: left;
}
#footer {
	height: 27px;
	width: 1000px;
	float: left;
}

/* Style Rules for the Divs of the All Saints Subpages */
#Container_SubPage {
	height: 2025px;
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	border: thick solid #000;
}
#MenuBar {
	background-color: #FF9;
	float: left;
	height: 2000px;
	width: 200px;
}
#Main {
	float: right;
	height: 1800px;
	width: 800px;
}
/* The Div for a full size height of all pages that displays
the main picture image with a width = 800px by a height = 2000px
like theBeginning.html page*/
#MainFull {
	float: right;
	height: 2000px;
	width: 800px;
}
/* Style Rule for the MenuHeading Div for pages
that have a menu listing at the top of the page
and a Main Div of (800 X 1800px)*/
#MenuHeading {
	float: right;
	height: 200px;
	width: 800px;
}

/* Style Rules for the Divs of the ourThoughts.php page */
#HeaderThoughtsBar {
	height: 300px;
	width: 800px;
	background-color:#990033;
}
#PostThoughtsBar {
	height: 800px;
	width: 800px;
	background-image: url(Images/MainPicFaded.jpg);
}
#AddToThoughtsBar {
	height: 900px;
	width: 800px;
}

/* Style Rules for the newSchool.html page */
#Container_NewSchoolPage {
	height: 2037px;
	width: 1010px;
	margin-left:auto;
	margin-right:auto;
	border: thick solid #000;
}
#SlideShowInfoBar {
	height: 100px;
	width: 800px;
	margin-bottom:15px;
}
#CarouselSlideShowBar {
	height:320px;
	width:800px;
	float:left;
}
.item{
	width: 800px !important;
	height: 320px !important;
	margin-left:auto;
	margin-right:auto;
}
.CarouselExample{
	margin-left:-300px;
	margin-top:0px;
}
#TextBar {
	background-color:#FF9;
	height: 780px;
	width: 800px;
}
#VideoBar {
	height: 500px;
	width: 800px;
}
#VideoInfoBar {
	height: 100px;
	width: 800px;
	margin-right:10px;
	margin-top:-10px;
}





/* Style Rules for 'The Academy' Page */
#SMA_MenuBar {
	background-color:#ccffff;
	float: left;
	height: 2000px;
	width: 200px;
}

/* Style Rules for the subPages Years of the SMA pages */
#SMA_TopMenuBar {
	float: right;
	height: 100px;
	width: 800px;
}
#Menu1 {
	float: left;
	height: 100px;
	width: 133px;
	margin-left:-15px;
}
#Menu2 {
	float: left;
	height: 100px;
	width: 133px;;
}
#Menu3 {
	float: left;
	height: 100px;
	width: 133px;
}
#Menu4 {
	float: left;
	height: 100px;
	width: 133px;
}
#Menu5 {
	float: left;
	height: 100px;
	width: 133px;
}
#Menu6 {
	float: right;
	height: 100px;
	width: 133px;
	margin-left: -665px;
	margin-right:15px;
}
/* This Div is also used for the Heading Links on the Class of 2021 graduation page:
   one for the Baccalaureate page and one for Graduates page.*/
#SMA_VirtualTourBar {
	float: right;
	height: 200px;
	width: 800px;
	border:thin solid #1210f9;
}
/* This Div is for all Header Links on SMA subPages that uses additiona pages.*/
#SMA_HeaderLinks {
	float: right;
	height: 200px;
	width: 800px;
	border:thin solid #1210f9;
}

/* Style Classes for the Menus of theAcademy.html page and the subPages of SMA pages */
.SMA_headingStyle {
	color:#1210f9; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold;
}
.SMA_menu {
	color: #FFF;
	text-align:center;
	font-weight:bold;
	list-style:none;
}
.SMA_menu_li{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.SMA_menu_a{
	background:#09F;
	border-radius:30px;
	border: thick solid #1210f9;
	color:#1210f9;
	font-size:20px;
	display:block;
	width:75%;
	margin-left:15px;
	margin-bottom:2px;
	padding:10px;
	text-decoration:none;
}





/* === Style Classes === */
/* Style Classes for the leftMargin and rightMargin Divs of the All Saints Home Page
   as well as the leftMargin of the ourThoughts.html page */
.menu {
	text-align:center;
	color: #FFF;
	font-weight:bold;
	list-style:none;
}
.menu_li{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.menu_a{
	color:#FFF;
	font-size:20px;
	display:block;
	margin-left:15px;
	margin-bottom:2px;
	width:75%;
	padding:10px;
	background: #060;
	text-decoration:none;
	border-radius:30px;
	border: thick solid #903;
}
.headingStyle {
	color:#903; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold;
}
.menuDividerStyle {
	background: #060; 
	padding:10px; 
	padding-left:10px; 
	border-radius:0px;"
}

/* Style Class for MenuHeading Div of the firstClass pages 
and all pages that displays a top menu bar*/
.menuHeading {
	text-align:center;
	color: #FFF;
	font-weight:bold;
	list-style:none;
}
.menuHeading_li{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.menuHeading_a{
	color:#FFF;
	font-size:20px;
	display:block;
	margin-left:100px;
	margin-bottom:2px;
	width:75%;
	padding:10px;
	background:#060;
	text-decoration:none;
	border-radius:30px;
	border: thick solid #903;
}

/* Style Class for the text of the PostThoughtsBar Div of the
   ourThoughts.php page */
.formTextStyle {
	 color:#903; 
	 font-weight:bold;
	 text-align:center;
}