/* Ft. McMurray Alliance Church CSS */

/* ---------- Setting defaults and margins to zero ---------------------------- */
*{
	margin: 0;
	padding: 0;
}
body {
	font-family: 'lucida grande',verdana,tahoma,sans-serif;
	font-size: 62.5%;
	background: #fff url(../images/headerBG.gif) repeat-x;	
	color: #000;
}
ul {
	list-style-type: none;
}
.imgRight {
	float: right;
}

/* ---------- Header Area ----------------------------------------------------- */
#headerWrapper {
	width: 760px;
	height: 165px;
	position: relative;
	margin: 0 auto;
}
h1{
	width: 249px;
	height: 58px;
	background: url(../images/headerLogo.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
	top: 35px;
	left: 20px;
}

/* ---------- Content Area ----------------------------------------------------- */
#contentWrapper {
	width: 760px;
	position: relative;
	margin: 0 auto;
	overflow: visible;
}

/* ---------- navColumn ------------------ */
#navColumn {
	width: 135px;
	padding: 0 0 0 20px;
	position: relative;
	float: left;
}
#navColumn h2 {
	font-size: 1.2em;
	color: #f90;
	text-transform: uppercase;
	background-color: #fff;
	margin: 0 0 1.0em 0;
}
#navColumn p {
	font-size: 1.1em;
	line-height: 1.4em;
	color: #555555;
	background-color: #fff;
}
#navColumn li {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0.9em 0;
}
#navColumn li.subNavSection {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0.6em 0;
}
#navColumn li.subNav {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 0 0.6em 2px;
}
#navColumn li.subNavLast {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 0 1.1em 2px;
}
#navColumn a:link, #navColumn a:visited {
	color: #6d6d6d;
	background-color: #fff;
	text-decoration: none;
}
#navColumn a:link span, #navColumn a:visited span {
	color: #3F3F3F;
	background-color: #fff;
}
#navColumn a:hover, #navColumn a:focus, #navColumn a:active {
	color: #3F3F3F;
	background-color: #fff;
	text-decoration: underline;
}
#navColumn a:hover span, #navColumn a:focus span, #navColumn a:active span {
	color: #3F3F3F;
	background-color: #fff;
	text-decoration: underline;
}

/* ---------- subContentColumn ----------- */
#subContentColumn {
	width: 165px;
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
	position: relative;
	float: left;
	border-left: 1px;
	border-left-color: #dedede;
	border-left-style: solid;
}
#subContentColumn h2.topHeadline {
	font-size: 1.2em;
	color: #555;
	text-transform: uppercase;
	background-color: #fff;
	margin: 0 0 1.0em 0;
}
#subContentColumn h2 {
	font-size: 1.2em;
	color: #555;
	text-transform: uppercase;
	background-color: #fff;
	margin: 30px 0 12px 0;
}
#subContentColumn h3 {
	font-size: 1.1em;
	color: #444;
	background-color: #fff;
	margin: 1em 0 0.3em 0;
}
#subContentColumn p {
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 0 1.25em 0;
	color: #565656;
	background-color: #fff;
}
#subContentColumn p.eventQuickLinks {
	line-height: 1.9em;
}
#subContentColumn p.quotes {
	font-size: 1.6em;
	color: #555;
	background-color: #fff;
	font-family: georgia, times, serif;
	line-height: 1.3em;
	margin: -3px 0 0.3em 0;
}
#subContentColumn p.verseOfTheWeek {
	color: #555;
	background-color: #fff;
	font-weight: bold;
	font-family: georgia, times, serif;
	line-height: 1.4em;
	margin: -3px 0 0.3em 0;
}
#subContentColumn p.author {
	font-size: 1.0em;
	text-align: right;
	color: #777;
	background-color: #fff;
}
#subContentColumn li.eventDate {
	font-size: 1.1em;
	text-transform: uppercase;
	color: #565656;
	background-color: #fff;
	margin: 0 0 0.3em 0;
}
#subContentColumn li.eventTitle {
	font-size: 1.1em;
	color: #565656;
	background-color: #fff;
	margin: 0 0 1.4em 0;
}
#subContentColumn a:link, #subContentColumn a:visited {
	color: #416DC3;
	background-color: #fff;
	text-decoration: none;
}
#subContentColumn a:hover, #subContentColumn a:focus, #subContentColumn a:active {
	color: #416DC3;
	background-color: #fff;
	text-decoration: underline;
}

/* ---------- mainContentColumn ----------- */
#mainContentColumn {
	width: 364px;
	padding: 0 20px 0 20px;
	margin: 0 0 20px 0;
	position: relative;
	float: right;
	overflow: visible;
	border-left: 1px;
	border-left-color: #dedede;
	border-left-style: solid;
}
.dividerLine {
	width: 365px;
	border-top: dotted 1px #dedede;
	margin: 25px 0 5px 0;
}
#mainContentColumn h2.topHeadline {
	font-size: 1.7em;
	font-weight: bold;
	color: #555;
	background-color: transparent;
	margin: -4px 0 0.6em 0;
}
#mainContentColumn h2 {
	font-size: 1.7em;
	font-weight: bold;
	color: #555;
	background-color: transparent;
	margin: 1.8em 0 0.35em 0;
}
#mainContentColumn h3.topHeadline {
	font-size: 1.1em;
	color: #444;
	background-color: transparent;
	margin: 1.0em 0 0.3em 0;
}
#mainContentColumn h3 {
	font-size: 1.1em;
	color: #444;
	background-color: transparent;
	margin: 2.6em 0 0.5em 0;
}
#mainContentColumn h3.h3SubHeading {
	font-size: 0.9em;
	text-transform: uppercase;
	color: #777;
	background-color: transparent;
	font-weight: normal;
	margin: -0.1em 0 0.5em 0;
}
#mainContentColumn h3.calendarMonth {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #444;
	background: #fff;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dedede;
	margin: 2em 0 -1em 0;
	padding-top: 1.6em;
	overflow: visible;
}
#mainContentColumn .newEvent {
	background: #fff url(../images/eventsBG.jpg) top center repeat-x;
}
#mainContentColumn p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 0 1.0em 0;
	color: #565656;
	background-color: transparent;
}
#mainContentColumn p.more {
	text-transform: uppercase;
	font-size: 0.9em;
}
#mainContentColumn p.calendarDetails {
	margin-left: 2.5em;
}
#mainContentColumn a:link, #mainContentColumn a:visited {
	color: #416DC3;
	background-color: #fff;
	text-decoration: none;
}
#mainContentColumn a:hover, #mainContentColumn a:focus, #mainContentColumn a:active {
	color: #416DC3;
	background-color: #fff;
	text-decoration: underline;
}
#mainContentColumn ul {
	list-style-position: outside;
	margin-left: 3em;
	margin-right: 3em;
	margin-top: 1.7em;
	margin-bottom: 1.7em;
}
#mainContentColumn li {
	list-style-type: disc;
	font-size: 1.1em;
	color: #565656;
	line-height: 1.3em;
	margin-bottom: 0.6em;
}

/* --- mainContentColumn Forms --- */
form {
	width: 355px;
	margin: 15px 0 10px 0;
}
#mainContentColumn h4 {
	font-size: 1.1em;
	color: #555;
	background-color: #fff;
	margin: 0.2em 0 0.15em 0;
}
#mainContentColumn h4 span {
	color: #666;
	background-color: #fff;
}
.inputField {
	width: 63%;
	padding: 3px 3px 3px 5px;
	margin: 2px 0 12px 0;
	border: 1px solid #ccc;
	background-color: #dfffd6;
	font-family: "Lucida Grande", "LucidaGrande", Lucida, Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #555;
}
.inputFieldTwo {
	width: 100%;
	padding:3px 3px 3px 5px;
	margin: 2px 0 5px 0;
	border: 1px solid #ccc;
	background-color: #dfffd6;
	font-family: "Lucida Grande", "LucidaGrande", Lucida, Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #555;
}

/* ---------- Footer -------------------------------------------------- */
#footer {
	clear: both;
	background: #50463C url(../images/footerBG.gif) repeat-x;
	color: #fff;
}

#footerWrapper {
	width: 760px;
	position: relative;
	padding: 0 0 10px 0;
	margin: 0 auto;
}

/* ---------- footerNavColumn ------------------ */
#footerNavColumn {
	width: 135px;
	padding: 60px 0 0 20px;
	margin: 0 0 35px 0;
	position: relative;
	float: left;
}
#footerNavColumn h2 {
	position: absolute;
	top: 18px;
	left: 20px;
	color: #f90;
	background-color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}
#footerNavColumn li.siteMapMainItem {
	font-size: 1.1em;
	font-weight: bold;
	color: #f90;
	background-color: #50463C;
	margin: 0.65em 0 0 0;
}
#footerNavColumn li.siteMapSubItem {
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	background-color: #50463C;
	margin: 0.65em 0 0 0.5em;
}
#footerNavColumn h2 a:link, #footerNavColumn h2 a:visited {
	color: #f90;
	background-color: #fff;
	text-decoration: none;
}
#footerNavColumn h2 a:hover, #footerNavColumn h2 a:focus, #footerNavColumn h2 a:active {
	color: #f90;
	background-color: #fff;
	text-decoration: underline;
}
#footerNavColumn li.siteMapMainItem a:link, #footerNavColumn li.siteMapMainItem a:visited {
	font-weight: bold;
	color: #f90;
	background-color: #50463C;
	text-decoration: none;
}
#footerNavColumn li.siteMapMainItem a:hover, #footerNavColumn li.siteMapMainItem a:focus, #footerNavColumn li.siteMapMainItem a:active {
	font-weight: bold;
	color: #f90;
	background-color: #50463C;
	text-decoration: underline;
}
#footerNavColumn li.siteMapSubItem a:link, #footerNavColumn li.siteMapSubItem a:visited {
	font-weight: normal;
	color: #fff;
	background-color: #50463C;
	text-decoration: none;
}
#footerNavColumn li.siteMapSubItem a:hover, #footerNavColumn li.siteMapSubItem a:focus, #footerNavColumn li.siteMapSubItem a:active {
	font-weight: normal;
	color: #fff;
	background-color: #50463C;
	text-decoration: underline;
}

/* ---------- footerSubContentColumn ----------- */
#footerSubContentColumn {
	width: 165px;
	padding: 60px 0 0 20px;
	margin: 0 0 35px 0;
	position: relative;
	float: left;
}

#footerSubContentColumn li.siteMapMainItem {
	font-size: 1.1em;
	font-weight: bold;
	color: #f90;
	background-color: #50463C;
	margin: 0.65em 0 0 0;
}
#footerSubContentColumn li.siteMapSubItem {
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	background-color: #50463C;
	margin: 0.65em 0 0 0;
}
#footerSubContentColumn li.siteMapMainItem a:link, #footerSubContentColumn li.siteMapMainItem a:visited {
	font-weight: bold;
	color: #f90;
	background-color: #50463C;
	text-decoration: none;
}
#footerSubContentColumn li.siteMapMainItem a:hover, #footerSubContentColumn li.siteMapMainItem a:focus, #footerSubContentColumn li.siteMapMainItem a:active {
	font-weight: bold;
	color: #f90;
	background-color: #50463C;
	text-decoration: underline;
}
#footerSubContentColumn li.siteMapSubItem a:link, #footerSubContentColumn li.siteMapSubItem a:visited {
	font-weight: normal;
	color: #fff;
	background-color: #50463C;
	text-decoration: none;
}
#footerSubContentColumn li.siteMapSubItem a:hover, #footerSubContentColumn li.siteMapSubItem a:focus, #footerSubContentColumn li.siteMapSubItem a:active {
	font-weight: normal;
	color: #fff;
	background-color: #50463C;
	text-decoration: underline;
}

/* ---------- footerMainContentColumn ----------- */
#footerMainContentColumn {
	width: 364px;
	padding: 60px 20px 0 20px;
	margin: 0 0 35px 0;
	position: relative;
	float: right;
}
#footerMainContentColumn p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0.45em 0 0.6em 0;
	font-weight: bold;
	color: #fff;
	background-color: #50463C;
}
#footerMainContentColumn li {
	font-size: 1.1em;
	margin: 0.65em 0 0 0;
}
#footerMainContentColumn a:link, #footerMainContentColumn a:visited {
	color: #f90;
	background-color: #50463C;
	text-decoration: none;
}
#footerMainContentColumn a:hover, #footerMainContentColumn a:focus, #footerMainContentColumn a:active {
	color: #f90;
	background-color: #50463C;
	text-decoration: underline;
}

/* ---------- footer copyright ----------------- */
#copyright {
	clear: both;
	width: 720px;
	position: relative;
	left: 20px;
	padding: 10px 0 40px 0;
	border-top: 1px;
	border-top-style: dotted;
	border-top-color: #ccc;
}
#copyrightStatement {
	width: 320px;
	float: left;
	font-size: 1.0em;
	color: #ddd;
	background-color: #50463C;
}
#validation {
	width: 364px;
	float: right;
	font-size: 1.0em;
	color: #ddd;
	background-color: #50463C;
}
#validation a:link, #validation a:visited {
	color: #ddd;
	background-color: #50463c;
	text-decoration: none;
}
#validation a:hover, #validation a:focus, #validation a:active {
	color: #fff;
	background-color: #50463c;
	text-decoration: underline;
}