/* CSS for St. Mark's Web Site */

/*File Name: StMarks.css
Date: 5/1/14
Programmer: Scot Brende*/

h1 {
	color: #660066;
	text-align: left;
	
}

header {
	width: 100%;
	height: auto;
	vertical-align: text-top;
	margin-left:20%;
	margin-right:20%;
}

#logo {
	width:100%;
	float:none;
	text-align:center;
	line-height:20px;
	font-size:14px;
	color: #660066;
	vertical-align: text-top;
	word-wrap:break-word;
	
	
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #E3D9B9;
	text-align: center;
}

.color { 
color: #660066;
}
.style {
	font-style:italic;
}

.nav1 {
	width:100%;
	text-align: center;
	font-size: 16px;
	top:1px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-right:20%;
	color: #660066;
	word-wrap: normal;
}

ul
{
list-style-type:none;
margin-left:2%;
margin-right:5%;
padding:0;
}

li
{
	display: inline;
	line-height:250%;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #660066;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color:#0000FF;
}

a:hover {
	text-decoration: underline;
	color: #006600;
}

a:active {
	text-decoration: none;
	color:#22B24C;
}



#container {
	width: 100%;
	margin-top: 0px;
	color: #000;
	overflow:hidden;
}

#content {
	width:80%;
	margin-right:10%;
	margin-left:10%;
}

.paragraph {
	text-align:left;
	font-size:14px;
	padding-left:5px;
	padding-left:5px;
	padding-top:5px;
	width:auto;
	margin-left:5%;
	margin-right:5%;
}

#staff {
	text-align:center;
	font-size:14px;
	width:100%;
}

.staffHead {
	text-align:center;
	font-size:16px;
	width:100%;
}


.staffC1 {
	width:205px;
	height:400px;
	float:left;
	text-align:center;
	padding:30px;
	margin-left:2%;
	margin-right:2%;
	font-size:14px;
	line-height:25px;
}

.staffC2 {
	width:205px;
	height:400px;
	float:left;
	text-align:center;
	padding:30px;
	margin-left:2%;
	margin-right:2%;
	font-size:14px;
	line-height:25px;
}

.staffC3 {
	width:205px;
	height:400px;
	float:left;
	text-align:center;
	padding:30px;
	margin-left:2%;
	margin-right:2%;
	font-size:14px;
	line-height:25px;
}

.staffC4 {
	width:205px;
	height:400px;
	float:left;
	text-align:center;
	padding:30px;
	margin-left:2%;
	margin-right:2%;
	font-size:14px;
	line-height:25px;
}


.staffEmpty{
	width:200px;
	height:150px;
	float:left;
	text-align:center;
	padding:30px;
	font-size:14px;
	line-height:25px;
}

#staffCouncil {
	width:100%;
	float:left;
	text-align:center;
	padding:25px;
	font-size:14px;
	line-height:50px;
}

.indexContent {
	width:70%;
	padding:30px;
}

.smcIndex{
	width:604px;
	float: left;
	text-align:center;
	padding:30px;

	
}



.containerRight {
	float:none;
	line-height:20px;
	text-align:center;
	font-size:14px;
	padding-left:5px;	
}

.containerLeft {
	float:left;
	text-align:center;
	font-size:16px;
	width:380px;
	padding-right:70px;
	padding-left:70px;
	

	
}

#aboutUscontent {
	width:90%;
	margin-right:10%;
	margin-left:10%;
}

.aboutParagraph {
	width:80%;
	text-align:justify;
	font-size:14px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	width:auto;
	margin-left:5%;
	margin-right:5%;
	overflow-style:marquee-block;
}

.aboutUs {
	float:left;
	text-align:left;
	font-size:15px;
	width:470px;
	padding-right:40px;
	padding-bottom:30px;
	

	
}

.aboutUsRight {
	float:right;
	width:600px;
	text-align:center;
	font-size:16px;
	padding-top:25px;
	padding-left:5px;
	padding-bottom:30px;
}

.foodContent {
	text-align:left;
	line-height:22px;
	font-size:14px;
	word-wrap:normal;
	padding-top:5px;
	width:auto;
	margin-left:5%;
	margin-right:5%;
}
	


.foodLeft {
	float:left;
	text-align:left;
	width:260px;
	height:200px;
	padding-top:15px;
	padding-right:140px;
	padding-bottom:10px;
	
}

.foodRight {
	float:left;
	text-align:left;
	font-size:14px;
	width:300px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:30px;
}

#worshipContainer {
	width:80%;
	margin-left:5%;
	margin-right:5%;
	
}

.worshipHead {
	text-align:center;
	font-size:14px;
	color: #660066;	
}

.worshipBlock {
	text-align:justify;
	font-size:14px;
	padding-top:5px;
	width:auto;
}

.worshipLeft {
	float: left;
	text-align:left;
	font-size:14px;
	text-align:left;
	width:300px;
	padding-top:20px;
}

.worshipRight {
	float:left;
	text-align:left;
	font-size:14px;
	width:50%;
	word-wrap:normal;
	
}

.worshipQuot {
	float:left;
	width:auto;
	font-size:14px;
	text-align:justify;
	padding-top:12px;
	padding-right:2%;
	margin-left:2%;
	margin-right:2%;	
}

.clothesLeft {
	width:340px;
	float:left;
	text-align:center;
	font-size:15px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	

	
}

.clothesParagraph {
	width:38%;
	float:left;
	text-align:left;
	font-size:14px;
	padding-left:30px;
	padding-right:30px;
	
}

.clothesBottom {
	width:100%;
	float:center;
	text-align:center;
	margin-left:10%;
	margin-right:10%;
	padding:5px;
	
}

#calendar {
	border:none;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	overflow:scroll;
	
	
}

#servant {
	width:100%;
	float:none;
	color: #660066;
	text-align: center;
	font-size:18px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;

}

#footnav {
	width:100%;
	float:none;
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	color: #660066;
	}

#footer {
	width:100%;
	float:none;
	color: #660066;
	text-align: center;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;

}

#upcomingEvents {
	font-size:14px;
	vertical-align:top;
	margin-left:5px;
	
}



#rummageSale {
	width:100%;
	font-size:14px;
	text-align:center;
	
}

#picnic {
	width:80%;
	font-size:13px;
	margin-left:5%;
	margin-right:5%;
	
}