/* This part is the layout of the website. */
body {
	text-align: center; /* IE hack */
	background-color: #FC9;
	background-image: url(images/tile.bmp);
	/*[background-color] [background-image] [background-repeat] [background-attachment] [background-position] */
	/*ex:  background: #FFCC66 url("file or url name") no-repeat fixed right bottom;  */
	background: white url("images/P2120078.jpg") repeat scroll left top;
}
#wrapper {
	position: relative; /* Key to making elements inside wrapper positioned relative to wrapper */
	width: 900px; 
	margin: 0 auto; 
	text-align: left;
	border: 1px solid black;
	background-color: #FFC;
	opacity: .90; /* control transparency of website */
	filter: alpha(opacity = 90); /* IE hack */
}
#header {
	clear: both; /* allows no floating elements on either right or left side */
	text-align: center;
	border: 1px solid white;
}
#leftmenu {
	float: left;
	width: 20%;
	border-left: 1px solid white;
	/*border: 1px solid maroon;*/
	background-color: maroon;
}
#content {
	float: left;
	width: 79%;
	position: relative;
	border: 1px solid white;
}
#footer {
	clear: both; /* allows no floating elements on either right or left side */
	text-align: center;
	border: 1px solid white;
	background-color: maroon;
	
}

/* gallery.php */
body.gallery {
	text-align: center; /* IE hack */
	background-color: #FFC;
	background-image: none;
}

/* Styling the links */
a:link {text-decoration:none; color: blue}
a:visited {text-decoration:none; color: #0000FF}
a:hover {text-decoration:underline; color: #FF0000}
a:active {text-decoration:underline; color: #FF00FF}

/* header.html */
.head {background-color: maroon; height: 200px;}
img.h_right {float: right; margin-right: 0.5in; margin-top:0.5in; max-height: 100px; max-width: 100px;}
img.h_left {float: left; margin-left: 0.5in; margin-top:0.5in; max-height: 100px; max-width: 100px;}
p.h_title {font-size: 20pt; font-weight: bold; color: white; text-align: center;}
p.h_subtitle {font-size: 12pt; font-style: italic; color: white; text-align: center;}

/* leftmenu.html - the table of contents pane */
.c_links {color: white;}  /* control color of links */

/* footer.html */
p.footer_text {font-size: 10pt; color: white;}

/* index.html - layout of the index page */
#index-welcome {
	clear: both; /* allows no floating elements on either right or left side */
	text-align: center;
	border-bottom: 1px solid black;
	/*border: 1px solid white;*/
}
#index-slideshow {
	float: left;
	width: 55%;
	margin-top: 14px;
	margin-left: 14px;
	border: 1px solid white;
}
#index-mass-schedule {
	float: left;
	border: 1px solid white;
}
#index-updated-news {
	clear: both; /* allows no floating elements on either right or left side */
	border-top: 1px solid black;
	/*border: 1px solid white;*/
}

/* smt09.html */
img.small {max-height: 300px; max-width: 300px;}
p.name {font-size: 14pt;}
p.specialty {font-size: 11pt;}
table.center {
	margin-left:auto; 
	margin-right:auto; 
	border: 1px solid black;
	width: 630px;
}

/* upcoming_events.html */
#upcoming-left {
	float: left;
	width: 70%;
}
#upcoming-right {
	float: right;
	width: 28%;
}


/* This is the layout of an item in the menu div */
.menu_item {
	float: clear;
	width: 99%;
	color: white;
	border: 1px solid white;
	background-color: maroon;
}