body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size  : 12px;
	color	   : #000000;
	margin	   : 0px;
}

/* LAYOUT */
#wrapper {
	margin	  : 0 auto;
	padding	  : 0;
	width	  : 800px;
}

#header_upper {
	width: 800px;
	height: 96px;
	background: url("../images/site/header.png");
}

#header {
	width	  : 800px;
	height	  : 186px;
	padding	  : 0;
	margin	  : 0;
	background: #fff;
}

#date {
	padding: 4px 8px;
	color: #657f49;
}

#nav {
	padding: 0;
	width  : 174px;
}

#nav ul {
	margin : 0;
	padding: 0;
}

#nav li {
	list-style-type: none;
	margin		   : 0;
	padding		   : 2px 0;
}

#nav li.parent {
	font-weight: normal;
	margin	   : 2px 0;
}

#nav li.parent a {
	color: #fff;
}

#nav li a {
	text-decoration: none;
	padding		   : 0 6px;
	color		   : #000;
	display		   : block;
}

#nav li.nav_home { background: #657f49; }
#nav li.nav_about { background: #990033; }
#nav li.nav_news { background: #339999; }
#nav li.nav_community { background: #996633; }
#nav li.nav_directory { background: #333366; }
#nav li.nav_parish { background: #999900; }
#nav li.nav_hall { background: #336633; }
#nav li.nav_info { background: #663300; }

#sub_nav_about li { border-bottom: 1px solid #990033; }
#sub_nav_about li a { color: #990033; }

#sub_nav_news li { border-bottom: 1px solid #339999; }
#sub_nav_news li a { color: #339999; }

#sub_nav_community li { border-bottom: 1px solid #996633; }
#sub_nav_community li a { color: #996633; }

#sub_nav_directory li { border-bottom: 1px solid #333366; }
#sub_nav_directory li a { color: #333366; }

#sub_nav_parish li { border-bottom: 1px solid #999900; }
#sub_nav_parish li a { color: #999900; }

#sub_nav_hall li { border-bottom: 1px solid #336633; }
#sub_nav_hall li a { color: #336633; }

#sub_nav_info li { border-bottom: 1px solid #663300; }
#sub_nav_info li a { color: #663300; }

#button_advertise {
	margin: 24px 12px;
}

#content { 
	float	: right;
	color	: #333;
	margin	: 20px 0px;
	padding	: 4px 0;
	width	: 610px;
	display	: inline;
	position: relative;
}

#footer { 
	width	  : 800px;
	height	  : 40px;
	clear	  : both;
	margin	  : 0px;
	padding	  : 10px 0 0 0;
	font-size : 9px;
	border-top: 1px solid #666666;
}

#footer_left {
	width: 140px;
	margin: 0 0 0 20px;
}

#footer_right {
	float: right;
	width: 610px;
}

/* HOME */
#home_text {
	width: 288px;
	position: relative;
}

#home_text img {
	margin: 0 0 8px 8px;
	float: right;
}

#home_boxes {
	float: right;
	width: 300px;
	padding: 0;
	margin: 0 0 0 10px;
}

.home_box_blue {
	float: right;
	width: 300px;
	background: #fff;
	clear: both;
	margin: 0 0 20px 0;
}

.home_box_blue h2 {
	background: #339999;
	color: #fff;
	font-size: 14px;
	padding: 4px 4px 4px 8px;
	font-weight: normal;
}

.home_box_red {
	float: left;
	width: 300px;
	background: #fff;
	margin: 20px 0;
}

.home_box_red h2 {
	background: #990033;
	color: #fff;
	font-size: 14px;
	padding: 4px 4px 4px 8px;
	font-weight: normal;
}

.home_box_item {
	margin: 6px;
}

/* NEWS */
.news_item {
	border-bottom: 1px solid #999;
	margin: 10px 0;
	min-height: 160px;
}

.news_item img {
	float: right;
	margin: 0 0 6px 6px;
	clear: both;
}

.news_item_full {
	margin: 10px 0;
}

.news_item_full img {
	float: right;
	margin: 0 0 6px 6px;
	clear: both;
}

/* MINUTES */
.link_minutes {
	float: right;
	padding: 2px 0 2px 20px;
	background: url("../images/site/icon_pdf.gif") no-repeat 0 -2px;
}

.minutes_table th {
	font-weight: bold;
	background: #999944;
	color: #fff;
	text-align: left;
	vertical-align: top;
}

.minutes_table td {
	border: 1px solid #999977;
}

/* DIRECTORY */
.listing {
	margin: 0 0 20px 0;
}

.listing p {
	margin: 6px 6px 6px 10px;
	padding: 0;
}

.listing table {
	margin: 6px 6px 6px 8px;
	padding: 0;
}

.listing h4 {
	font-size	 : 14px;
	line-height	 : 14px;
	padding		 : 2px 0px 6px 10px;
	margin		 : 0px;
	color		 : #333366;
	border-bottom: 1px solid #333366;
}

.dir_logo {
	margin: 4px;
}

.featured {
	background: url("../images/site/banner_featured.png") no-repeat;
	border: 1px solid #333366;
	padding: 4px 0px 4px 25px;
	min-height: 158px;
}

.weblink {
	background: url("../images/site/banner_weblink.png") no-repeat;
	border: 1px solid #333366;
	padding: 4px 0px 4px 25px;
	min-height: 158px;
}

.standard {
	border: 1px solid #333366;
	padding: 4px 0px 4px 0px;
}

.more_info {
	font-size	 : 14px;
	line-height	 : 14px;
	font-weight	 : bold;
	padding		 : 3px 0px 0px 10px;
	margin		 : 0px;
	color		 : #333366;
	border-top	 : 1px solid #333366;
}

.more_info img {
	vertical-align: middle;
}

.banner_featured_grad {
	float : left;
	margin: 0 10px 10px 0;
}

.upgrade {
	background: url("../images/site/arrow_up.png") no-repeat;
	float	  : right;
	padding	  : 0 0 0 18px;
	margin	  : 0 8px 0 0;
}

/* LOGIN / REGISTER */
.form_container {
	background: #333366;
	color: #fff;
	padding: 10px;
	width: 46%;
	margin: 10px 0;
}

.form_container th {
	text-align: right;
}

.form_container h3 {
	color: #fff;
}

.form_container input {
	width: auto;
}

.form_container select {
	width: 160px;
}

/* UPDRADE */
.upgrade_form {
	background: #d7d7e1;
	padding: 10px;
}

.upgrade_form input, .upgrade_form select {
	width: 400px;
}

.upgrade_form textarea {
	width: 400px;
	height: 80px;
}

/* ADVERTISE */
.light_blue {
	background: #d7d7e1;
	color: #333366;
	margin: 0 0 20px 0;
	padding: 10px;
}

.dark_blue {
	background: #333366;
	color: #fff;
	padding: 4px 6px;
}

/* CONTACT US */
#contact_details {
	float : right;
	margin: 0 100px 0 0;
}

/* TAG STYLES */
h1 {
	font-size		: 22px;
	line-height		: 26px;
	padding			: 0px 0px 6px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #333333;
}

h2 {
	font-size		: 18px;
	line-height		: 18px;
	padding			: 0px 0px 6px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #333333;
	font-weight		: normal;
}

h3 {
	font-size		: 16px;
	line-height		: 16px;
	padding			: 0px 0px 6px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #333333;
}

h4 {
	font-size		: 14px;
	line-height		: 14px;
	padding			: 0px 0px 6px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #333333;
}

h5 {
	font-size		: 12px;
	line-height		: 12px;
	padding			: 0px 0px 6px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #333333;
}

h6 {
	font-size		: 10px;
	line-height		: 10px;
	padding			: 0px 0px 6px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #333333;
}

p {
	text-align: left;
	padding	  : 0px 0px 10px 0px;
	margin	  : 0px;
}

a {
	color		   : #337788;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

form {
	margin : 0px;
	padding: 0px;
}

input, textarea {
	border	  : 1px solid #333333;
	background: #ffffff;
	width	  : 200px;
}

select {
	border	  : 1px solid #333333;
	background: #ffffff;
	width	  : 180px;
}

input.button {
	width	   : auto;
	border	   : 1px solid #333333;
	background : #333333;
	color	   : #fff;
	font-weight: bold;
	
}

.image_button {
	width: auto;
	float: right;
	border: 0px solid #fff;
	background: transparent;
}

table {
	margin : 0px;
	padding: 0px;
}

ul {
	padding: 0px;
	margin : 4px 0px 0px 16px;
}

hr {
	border	  	: none 0;
	text-align	: center;
	width	  	: 100%;
	padding	  	: 0px;
	margin		: 2px 0;
	border-color: #999999;
	background	: #999999;
	color		: #999999;
}

/* MISC */
.pagination {
	margin: 6px 0;
	padding: 8px;
	text-align: center;
	border: 1px solid #333366;
}

.pagination a {
	padding: 1px 3px;
	margin: 2px;
	border: 1px solid #333366;
	background: #e0eeff;
}

.pagination em {
	padding: 1px 3px;
	margin: 2px;
	border: 1px solid #333366;
	background: #fff;
	font-style: normal;
}

.pagination input {
	padding: 0 3px;
	margin: 2px;
	border: 1px solid #333366;
	background: #e0eeff;
	width: auto;
}


p.marker {
	clear	 : both;
	margin	 : 0px;
	padding	 : 0px;
	font-size: 1px;
}

table.table_data th {
	text-align : left;
	color	   : #000;
	font-weight: bold;
}

table.table_form th {
	text-align : right;
	color	   : #000;
	font-weight: bold;
}

table.table_form td {
	text-align : left;
}

.icon {
	border			: 0px solid #fff;
	background-color: transparent;
	vertical-align	: middle;
	height			: auto;
	width			: auto;
}

.thumb {
	border: 1px solid #0036A5;
	float: left;
	margin: 0 6px 6px 0;
}

.error {
	font-weight: bold;
	color: #f00;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.small {
	font-size: 10px;
}