/* CSS Style Page for Home page */

body {
	background-color:#6F0000;
	margin: 0;
}

.footer {
	background-color:#DDDDDD;
	vertical-align:bottom;
	font-size: 12px;
	text-align: center;
	color:#6F0000;
	margin: 70px 0 0 0;
	padding: 3px 0 5px 10px;
	min-height: 75px;
	-moz-box-shadow: inset 0px 0px 5px #888, inset 0px -7px 5px #888;
	-webkit-box-shadow: inset 0px 0px 5px #888, inset 0px -7px 5px #888;
	box-shadow: inner 0px 0px 5px #888, inner 0px -7px 5px #888;
}

.ceebox {
	
}

.clear {
	clear:both;
}

#MainContainer {
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	min-height: 700px;
	background-color:#FFFFFF;
	overflow: hidden;
}

	#SiteBanner {
		width: 1024px;
		padding: 10px 0 0 35px;
	}
	
	#CenterColumn {
		width: 706px;
		float: left;
		background-color: inherit;
	}
	
	#LeftColumn {
		float: left;
		background-color: inherit;
		width: 70px;
	}
	
	#RightColumn {
		float: left;
		background-color: inherit;
		
		padding: 0 0 0 10px;
	}

body.PolemarchMessageBody {
	background-color:#FFFFFF;	
}

.PolemarchMessage img {
	padding-top: 100px;
}

#PageContent {
	background: URL('../Images/ContentContainer.png') no-repeat;
	position: relative;
	width: inherit;
	min-height: 457px;
	padding: 5px 0 0 20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
	#PageContent h3, .PolemarchMessage h3, input.iH3 {
		color:#666666;
		font-weight:100;
		font-style: italic;
		font-family: inherit;
		font-size: 20px;
	}
	
	#PageContent h4, .PolemarchMessage h4 {
		color:#6F0000;
		font-family: inherit;
		font-size: 17px;
	}
		
	#PageContent p, .PolemarchMessage p {
		font-family: inherit;
		font-size: 15px;
		
		width: 85%;
		padding: 0 0 0 10px;
	}
		#PageContent p span.DropCap, .PolemarchMessage p span.DropCap {
			float: left;
			padding: 1px 5px 7px 0;
			line-height: 35px;
			color:#6F0000;
			font-size: 40px;
			font-family: Georgia, serif;
			text-shadow: 2px 1px #666666;
		}

		ul.Founders,ul.EventUl,ul.Contact {
			font-size: 12px;
			list-style:none;
		}

		ul,ol {
			font-size: 12px;
		}
		
		.PolemarchMessage ul {
			font-size: 12px;
			padding: 30px;
		}
		
		table thead {
			color:#FFFFFF;
			background-color:#6F0000;
			font-weight: bold;
		}
		
		table td {
			font-size: 12px;
		}
		
			td.brother, th.brother {
				width: 200px;
			}
			
			td.position, th.position {
				width: 400px;
			}
			
			td.year, th.year {
				width: 100px;
				text-align: center;
			}
			
			div.tfoot {
				width:700px;
				color:#FFFFFF;
				background-color:#6F0000;
				font-size: 12px;
				font-style:italic;
				padding: 0 0 0 10px;
			}
			
	#EventWindow {
		width: 600px;
		height: 400px;
		overflow:scroll;
		border-color: #000000;
		border-width: 10px;
	}
		#EventWindow .EventInfo {
			padding: 10px;	
			font-size: 13px;
			overflow:auto;
		}
		
		#EventWindow .EventInfo:hover {
			-moz-box-shadow: inset 0px 0px 5px #888, inset 0px -7px 5px #888;
			-webkit-box-shadow: inset 0px 0px 5px #888, inset 0px -7px 5px #888;
			box-shadow: inner 0px 0px 5px #888, inner 0px -7px 5px #888;
		}
			#EventWindow .EventInfo .title, .title {
				font-weight: bold;
				color:#875555;
				font-size:16px;
				font-family:"Franklin Gothic Book"
			}
			
			#EventWindow .EventInfo .Heading, .Heading {
				font-style: italic;
				color:#808080;
				padding: 0 10px 0 0;
			}
			
			#EventWindow .EventInfo .left {
				padding: 3px 0 0 0;
				width: 50%;
				float: left;
			}
			
			#EventWindow .EventInfo .right {
				padding: 3px 0 0 0; 
				width: 50%;
				float: right;
			}			
			
			#EventWindow .EventInfo .EventFooter {
				clear: both;
			}
			
			.EventCard {
				color: #6F0000;
			}
			
				.EventCard a {
					color:#808080;
					font-style:italic;
					font-weight:bold;
					text-decoration:underline;
				}
			
p.KappaFactLink {
	text-align:center;
}

a {
	color:#6F0000;
	text-decoration:none;
}
	a:hover {
		text-decoration:underline;
		
	}

.KappaText {
	color:#6F0000;
	font-family:Papyrus;
	font-weight:bold;
}

.Feed {
	padding: 10px 0 0 10px;
}
	
#PhotoContainer {
	margin: 20px 20px 0 0;
	
}
	#PhotoContainer ul, ul.NoBullets {
		list-style:none;
	}
		#PhotoContainer ul li {
			float: left;
		}
	
		#PhotoContainer img.TheImage {
			height:30%;
			width:30%;
			float:left;
			clear:both;
		}

.WidthBalanceAndCenter {
	width: 50%;
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.Calendar {
	text-align:center;
	font-size: 12px;
	width: 20%;
	height: 20%;
}