/* CSS for The Christie Hall */
/* START of General setup */
* {
	margin:0;
	padding:0;
}
html, body {
	text-align:center;
	background:#95a1c7;
	color:#000;
	font-size:20px;
	font-family:Calibri, Arial, sans-serif;
}
a {text-decoration:none;}
a img {border:none;}
/* General Classes... */
.floatLeft {
	float:left;
	text-align:left;
}
.floatRight {
	float:right;
	text-align:right;
}
.clearBoth {clear:both;}
.clearFix:after {
	content:"Wansford Community Hall hire and rental information";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
/* END of General Setup */

body#CommunityHall {
	background:url(images/Background.jpg) repeat-x top;
	min-height: 600px;
	padding-top:18px;
}

#Wrapper {
	position:relative;
	width:600px;
	margin:0 auto;
}

#Header {
	width:600px;
	height:80px;
	background:#421724 url(images/Header.png);
	text-indent:-9999px;
}

#Navigation {
	width:600px;
	height:24px;
	background:#fff url(images/Navigation.png) repeat-x top;
	font-size:15px;
}
#Navigation ul {
	text-align:center;
	line-height:24px;
}
#Navigation ul li {
	display:inline;
	padding:4px 0;
	list-style:none;
}
#Navigation ul li a {
	height:24px;
	padding:3px 16px;
	color:#000;
}
#Navigation ul li a:hover {
	background:url(images/NavHilights.png) repeat-x bottom;
	color:#000;
}
#Navigation .Active {
	background:url(images/NavHilights.png) repeat-x top;
	color:#fff;
}

#Page {
	width:600px;
	padding:24px 0 10px;
	background:#fff url(images/Page.png) repeat-x bottom;
}
#PageShadow {
	background:url(images/PageShadow.png) repeat-x;
	padding:8px 0;
}

#Content {
	float:left;
	width:415px;
	margin-left:10px;
	display:inline; /* Fix IE6 float double margin */
	text-align:left;
}
#Content h2 {
	margin-bottom:8px;
	padding:4px 8px;
	font:bold small-caps 20px "Century Gothic", Arial;
	letter-spacing:1px;
	background:#1f1f1f;
	color:#fff;
}
#Content p {
	margin-bottom:8px;
	padding-left:10px;
	font-size:18px;
}
#Content a {color:#3e6bb8;}
#Content a:hover {border-bottom:1px #3e6bb8 dotted;}
#Content a:visited {color:#284475;}
#Content img {
	float:left;
	margin:10px;
	border:#421724 1px solid;
}
#Content ul {
	float:left;
	list-style:none inside;
	margin:10px 0 10px 10px;
}
#Content ul li {
	padding-left:10px;
	background:url(images/Bullet.png) no-repeat 0 8px;
}
#Content table {
	width:100%;
	padding:0 10px 10px;
}
#Content tr.Odd {background:#b8cacc;}
#Content tr.Even {background:#cfe4e6;}
#Content td {
	padding:2px 4px;
	vertical-align:top;
}
#Content .SmallerText {
	font-size:14px;
	color:#777;
}

#Sidebar {
	float:right;
	width:160px;
	margin-top:-10px;
	padding-top:10px;
	margin-bottom:10px;
	border-left:#421724 1px solid;
}
#Sidebar h3 {
	background:#1f1f1f url(images/SidebarRounded.png) no-repeat;
	color:#fff;
	font:18px/21px "Century Gothic", Arial;
	height:21px;
	letter-spacing: 1px;
	margin:0 10px 8px;
	padding:4px 0;
	width:139px;
}
#Sidebar h3:first-letter {font-weight:bold;}
#Sidebar p {
	margin-bottom:28px;
	font-size:14px;
}
	
#Footer {
	clear:both;
	width:600px;
	height:40px;
}
#Footer a {color:#32373f;}
#Footer a:hover {
	color:#fff;
	border-bottom:1px #ddd dotted;
}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000;}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500;}
#tinycontent {background:#fff;}
.isLink {cursor: hand;}