/* CSS styles */

	fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	background: #f8f8f8;
	}
	legend {
	color: #a29a22;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	padding: 0 3px 0 3px;
	}
	label {
	display: block;
	margin: 0 0 3px 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #999898;
	}
	input {
	width: 200px;
	font-family: Helvetica, Arial, sans-serif;
	color: #888888;
	margin: 0 0 8px 0;
	}
	input.checkbox, input.submit {
	width: auto;
	float: left;
	margin: 0 1em 0;
	}
	textarea {
	width: 300px;
	height: 100px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #888888;
	}
	input:focus, textarea:focus {
	background: #ffc;
	}
	.required {
	font-size: 10px;
	color: #FF1519;
	}

	

/* -- Content Wrapper -- */
#contentwrapper {
float: left; 
position: absolute; 
padding: 0;
z-index:0;
top: 368px;
width: 960px;
margin: 0;
}

/* -- Title -- */
#maintitle {
padding: 2px 0 2px 0;
margin: 8px 0 14px 0;
font-family: Georgia, serif;
font-weight: normal;
font-size: 26px;
color: #1d7fa6;
border-color: #a9a9a9;
border-width: 1px 0 1px 0;
border-style: dotted;
}
#maintitle .grey {
color: #3b3b3b;
}

/* -- Text Area -- */
#textarea {
float: left;
width: 556px;
padding: 0;
margin: 26px 0 0 0;
}
#textarea img {
float: left;
padding: 0;
margin: 1px 9px 22px 0;
}
#textarea h1 {
font-family: Georgia, serif;
font-weight: normal;
font-size: 18px;
color: #666666;
padding: 0;
margin: 0 0 16px 0;
}
#textarea h3 {
font-family: Georgia, serif;
font-weight: normal;
font-size: 17px;
color: #db5416;
border-color: #a9a9a9;
border-width: 0 0 1px 0;
border-style: dotted;
padding: 0 0 2px 0;
margin: 0 0 16px 0;
}
#textarea p {
font-family: Helvetica, Arial, Verdana sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 16px;
color: #666666;
padding: 0;
margin: 0 0 16px 0;
}
#textarea ul {
color: #666666;
padding: 0;
margin: 0 0 16px 0;
}
#textarea li {
font-family: Helvetica, Arial, Verdana sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 16px;
color: #666666;
list-style-image: url('../images/list_arrow.gif');
padding: 0;
margin: 0 0 5px 15px;
}
#textarea a:link, #textarea a:visited {
text-decoration: none;
font-weight: bold;
color: #4d99ca;
}
#textarea a:hover, #textarea a:active {
text-decoration: underline;
}


/* -- Text Right -- */
.textright {
float: right;
width: 370px; 
padding: 0;
margin: 0;
}
.textright img { 
padding: 0;
margin: 0 0 0 0;
}
.textright h1 {
font-family: Georgia, serif;
font-weight: normal;
font-size: 12px;
color: #5c85c1;
border-color: #a9a9a9;
border-width: 1px 0 0 0;
border-style: dotted;
padding: 3px 0 0 0;
margin: 0 0 16px 0;
}
.textright h2 {
font-family: Georgia, serif;
font-weight: normal;
font-size: 12px;
color: #db5416;
border-color: #a9a9a9;
border-width: 0 0 1px 0;
border-style: dotted;
padding: 3px 0 0 0;
margin: 12px 0 0 0;
}
.textright p {
font-family: Helvetica, Arial, Verdana sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 16px;
color: #666666;
padding: 0;
margin: 0 0 16px 0;
}
#storyquotes img { 
padding: 0;
margin: 0 0 10px 0;
}

/* -- Text Right Grey -- */
.textrightgrey {
float: right;
width: 370px; 
padding: 0;
margin: 0;
}
.textrightgrey img { 
padding: 0;
margin: 0 0 0 0;
}
.textrightgrey p {
font-family: Helvetica, Arial, Verdana sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 16px;
color: #666666;
padding: 0;
margin: 0 0 16px 0;
}




/* -- Text Right Green -- */
.textrightgreen {
float: right;
width: 370px; 
padding: 0;
margin: 0;
background: #fcfff3;
}
.textrightgreen h1 {
font-family: Georgia, serif;
font-weight: normal;
font-size: 12px;
color: #9fd412;
border-color: #a9a9a9;
border-width: 1px 0 0 0;
border-style: dotted;
padding: 3px 0 0 0;
margin: 0 0 16px 0;
}
.textrightgreen h2 {
font-family: Georgia, serif;
font-weight: normal;
font-size: 12px;
color: #db5416;
border-color: #a9a9a9;
border-width: 0 0 1px 0;
border-style: dotted;
padding: 3px 0 0 0;
margin: 12px 0 0 0;
}
.textrightgreen p {
font-family: Helvetica, Arial, Verdana sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 16px;
color: #666666;
padding: 0;
margin: 0 0 16px 0;
}
#storyquotes img { 
padding: 0;
margin: 0 0 10px 0;
}

/* -- Text Right Red -- */
.textrightred {
float: right;
width: 370px; 
padding: 0;
margin: 0;
background: #fff8f5;
}
.textrightred h1 {
font-family: Georgia, serif;
font-weight: normal;
font-size: 12px;
color: #e86735;
border-color: #a9a9a9;
border-width: 1px 0 0 0;
border-style: dotted;
padding: 3px 0 0 0;
margin: 0 0 16px 0;
}
.textrightred h2 {
font-family: Georgia, serif;
font-weight: normal;
font-size: 12px;
color: #db5416;
border-color: #a9a9a9;
border-width: 0 0 1px 0;
border-style: dotted;
padding: 3px 0 0 0;
margin: 12px 0 0 0;
}
.textrightred p {
font-family: Helvetica, Arial, Verdana sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 16px;
color: #666666;
padding: 0;
margin: 0 0 16px 0;
}
#storyquotes img { 
padding: 0;
margin: 0 0 10px 0;
}

/* -- Text Right Brown -- */
.textrightbrown {
float: right;
width: 370px; 
padding: 0;
margin: 0;
background: #fffaf2;
}
.textrightbrown h1 {
font-family: Georgia, serif;
font-weight: normal;
font-size: 12px;
color: #cd9627;
border-color: #a9a9a9;
border-width: 1px 0 0 0;
border-style: dotted;
padding: 3px 0 0 0;
margin: 0 0 16px 0;
}
.textrightbrown h2 {
font-family: Georgia, serif;
font-weight: normal;
font-size: 12px;
color: #db5416;
border-color: #a9a9a9;
border-width: 0 0 1px 0;
border-style: dotted;
padding: 3px 0 0 0;
margin: 12px 0 0 0;
}
.textrightbrown p {
font-family: Helvetica, Arial, Verdana sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 16px;
color: #666666;
padding: 0;
margin: 0 0 16px 0;
}
#storyquotes img { 
padding: 0;
margin: 0 0 10px 0;
}

/* -- The story javascript css bits -- */
#story{
	visibility:hidden;
	overflow:hidden;
}

/* -- My Story -- */
#mystory {
float: right;
width: 370px; 
height: 380px;
padding: 0;
margin: 0;
background: url('../images/bg_img_students.jpg') no-repeat;
}
#mystory1 {
float: right;
width: 370px; 
height: 380px;
padding: 0;
margin: 0;
background: url('../images/bg_img_lifegroups.jpg') no-repeat;
}
#mystorysundays {
float: right;
width: 370px; 
height: 380px;
padding: 0;
margin: 0;
background: url('../images/bg_img_sundays.jpg') no-repeat;
}
#mystorykids {
float: right;
width: 370px; 
height: 380px;
padding: 0;
margin: 0;
background: url('../images/bg_img_kids.jpg') no-repeat;
}
#mystorylifegroups {
float: right;
width: 370px; 
height: 380px;
padding: 0;
margin: 0;
background: url('../images/bg_img_lifegroups.jpg') no-repeat;
}
#mystoryyouth {
float: right;
width: 370px; 
height: 380px;
padding: 0;
margin: 0;
background: url('../images/bg_img_youth.jpg') no-repeat;
}
#storyfeature {
padding: 10px 0 0 180px;
margin: 0;
}
a.storybox { 
display: block; 
width: 190px; 
height: 270px; 
outline: none;
}
a.storybox p { 
position: absolute; 
left:-1000px;
}
a#story_feature { 
background: url('../images/bg_storystudents_but.png') no-repeat left center; 
float: left;
}
a#story_feature:hover { 
background-position: right center; 
}
a#story_feature1 { 
background: url('../images/bg_storylifegroups_but.jpg') no-repeat left center; 
float: left;
}
a#story_feature1:hover { 
background-position: right center; 
}
a#story_featuresundays { 
background: url('../images/bg_storysundays_but.png') no-repeat left center; 
float: left;
}
a#story_featuresundays:hover { 
background-position: right center; 
}
a#story_featurekids { 
background: url('../images/bg_storykids_but.png') no-repeat left center; 
float: left;
}
a#story_featurekids:hover { 
background-position: right center; 
}
a#story_featurelifegroups { 
background: url('../images/bg_storylifegroups_but.png') no-repeat left center; 
float: left;
}
a#story_featurelifegroups:hover { 
background-position: right center; 
}
a#story_featureyouth { 
background: url('../images/bg_storyyouth_but.png') no-repeat left center; 
float: left;
}
a#story_featureyouth:hover { 
background-position: right center; 
}

/* ------------------ HYAD MODULE STYLE ------------------ */
/* -- Events Area -- */
#eventsarea {
float: left;
width: 556px;
padding: 0;
margin: 26px 0 0 0;
}

/* -------- EVENTS -------- */
#events {
padding: 0 0 0 10px;
margin-bottom: 0;
padding: 0;
background: #fff;
}
#events h2 {
clear: both;
font-family: Georgia, serif;
font-weight: normal;
font-size: 17px;
color: #db5416;
text-align: left;
padding: 10px 0 10px 0;
margin: 0;
border-bottom: 1px solid #ced1d4;
background: #fff;
}
#date {
float: left;
width: 86px;
height: 69px;
margin: 10px 0 8px 0;
background: url('../images/bg_events_diary.jpg') no-repeat left top;
}
#dateday {
color: #666666;
font-family: Helvetica, Arial, sans-serif;
font-size: 9px;
text-align: center;
padding: 11px 0 0 0;
margin: 0;
}
#datedate {
color: #c3361c;
font-family: Helvetica, Arial, sans-serif;
font-size: 19px;
text-align: center;
padding: 5px 0 0 0;
margin: 0 1px 0 0;
}
#datemonth {
color: #666666;
font-family: Helvetica, Arial, sans-serif;
font-size: 9px;
text-align: center;
padding: 4px 0 0 0;
margin: 0;
}
#title {
float: left;
width: 354px;
height: 42px;
font-family: Helvetica, Arial, sans-serif;
font-size: 19px;
color: #444444;
padding: 27px 0 0 20px;
margin: 10px 0 8px 0;
background: url('../images/bg_events_title.jpg') repeat left top;
}
#image {
float: left;
width: 87px;
height: 69px;
padding: 7px 0 0 0;
margin: 10px 0px 8px 7px;
background: #FFFFFF;
}
#eventsinfo {
padding: 0 20px 8px 0;
color: #666666;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
border-bottom: 1px solid #ced1d4;
}
#eventsinfo a:link, #eventsinfo a:visited {
color: #ed4636;
text-decoration: none;
}
#eventsinfo a:hover, #eventsinfo a:active {
text-decoration: underline;
}

/* ------------------ HYAD MODULE STYLE ------------------ */
/* -- Diary Area -- */
#diaryarea {
float: left;
width: 556px;
padding: 0;
margin: 26px 0 0 0;
}

/* -------- DIARY -------- */
#diary {
padding: 0;
margin-bottom: 0;
padding: 0;
background: #fff;
}
#diary h1 {
font-family: Georgia, serif;
font-weight: normal;
font-size: 17px;
color: #db5416;
border-color: #a9a9a9;
border-width: 0 0 1px 0;
border-style: dotted;
padding: 33px 0 8px 0; 
margin: 0; 
}
#diary h2 {
clear: both;
font-family: Georgia, serif;
font-weight: normal;
font-size: 15px;
color: #1d7fa6;
text-align: left;
padding: 10px 0 10px 0;
margin: 0;
border-bottom: 1px solid #ced1d4;
background: #fff;
}
#diaryline {
clear: both;
padding: 1px 0;
margin: 0;
border-bottom: 1px solid #ced1d4;
}
#diarydate {
float: left;
width: 66px;
padding: 6px 0 6px 0;
margin: 0 5px 0 0;
color: #666666;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
background: url('../images/sa_entry.jpg') no-repeat left top;
}
#diarydetail {
float: left;
width: 380px;
padding: 6px 0 6px 0;
margin: 0 5px 0 0;
color: #666666;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
background: url('../images/sa_entry.jpg') no-repeat left top;
}
#diaryvenue {
float: left;
width: 100px;
padding: 6px 0 6px 0;
color: #666666;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
background: url('../images/sa_entry.jpg') no-repeat left top;
}
#diary a:link, #diary a:visited {
color: #ed4636;
text-decoration: none;
}
#diary a:hover, #diary a:active {
text-decoration: underline;
}

/* ------------------ HYAD MODULE STYLE ------------------ */
/* -------- PODCAST -------- */
#podcast {
}
#podcast p {
font-family: Helvetica, Arial, sans-serif;
text-align: left;
font-size: 12px;
line-height: 16px;
color: #666666;
padding: 0;
margin: 18px 0 0 0;
}
#podcast a:link, #podcast a:visited {
text-decoration: none;
font-weight: bold;
color: #4d99ca;
}
#podcast a:hover, #podcast a:active {
text-decoration: underline;
}


/* ------------------ HYAD MODULE STYLE ------------------ */
/* -- Members Area -- */
#membersarea {
float: left;
width: 556px;
padding: 0;
margin: 26px 0 0 0;
}
/* ---------------- */
#sapagewrapper {
padding: 6px;
margin: 0;
background: #e4e3e0;
border-color: #2D6CA1;
border-width: 0;
border-style: solid;
}

/* ------- SERMON ARCHIVE MENU --------- */
#samenuwrapper {
float: left;
width: 270px;
background: #ffffff;
padding: 0;
margin: 0;
}

/* ------- SERMON ARCHIVE WRAPPER --------- */
#sapagewrapper #sawrapper {
float: right;
width: 633px;
background: #ffffff;
padding: 0 20px 0 20px;
margin: 0;
}

/* -------- SERMON ARCHIVE -------- */
#archive {
padding: 0;
margin: 0;
background: #fff;
}
#archive h1 {
color: #a29a22;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 22px;
letter-spacing: -1px;
padding: 6px 0 6px 0;
margin: 0;
line-height: 20px;
border-bottom: 1px solid #ced1d4;
}
#archive h2 {
color: #a29a22;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 16px;
letter-spacing: -1px;
padding: 10px 0 6px 0;
margin: 0;
line-height: 20px;
border-bottom: 1px solid #ced1d4;
}
#archive .h2 {
color: #4d99ca;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 0;
}
#archive p {
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #666666;
padding: 8px 0 10px 0;
border-bottom: 1px solid #ced1d4;
margin: 0;
background: url('../images/sa_entry.jpg') no-repeat left top;
overflow: visible;
}
#archive ._sermon {
min-height: 58px;
}

#archive .series {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #bf6658;
}
#archive .img {
float: right;
padding: 0 0 0 40px;
}
#archive a:link, #archive a:visited {
color: #4d99ca;
text-decoration: none;
}
#archive a:hover, #archive a:active {
text-decoration: underline;
}

/* -------- SUBMENU -------- */
#samenu ul {
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
margin: 0 0 0 3px;
padding: 18px 0 20px 0;
list-style: none;
border-bottom: 1px solid #ced1d4;
}
#samenu li {
padding: 0;
text-indent: 20px;
}
#samenu a:link, #samenu a:visited {
display: block;
color: #666666;
padding: 0;
line-height: 25px;
text-decoration: none;
}
#samenu a:hover, #samenu a:active {
text-decoration: underline;
background: url(images/submenu_ov.jpg) no-repeat left top;
}
#audiopod #sasubnav .podcast a,
#audiohome #sasubnav .home a {
text-decoration: underline;
color: #4d99ca;
background: url(images/submenu_ov.jpg) no-repeat left top;
}
#audioseries #sasubnav .series a {
text-decoration: underline;
color: #4d99ca;
background: url(images/subsub_ind_ov.jpg) no-repeat left top;
}

/* -------- SUBSUB -------- */
#subsub ul {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 0 0 20px 0;
list-style: none;
}
#subsub li {
padding: 0;
text-indent: 30px;
}
#subsub a:link, #subsub a:visited {
display: block;
color: #666666;
padding: 0;
line-height: 21px;
text-decoration: none;
}
#subsub a:hover, #subsub a:active {
text-decoration: underline;
background: url(images/subsub_ind_ov.jpg) no-repeat left top;
}

/* -------- SEARCH -------- */
#search {
background-color: #e4e3e0;
padding: 10px 0px 20px 20px;
height: 35px;
margin: 0 3px 3px 3px;
border-bottom: 1px solid #ced1d4;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #666666;
}
#search input {
width: 150px;
height: 15px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 14px;
color: #666666;
float: left;
background-color: #FFF;
}
#search img {
float: left;
padding: 1px 0px 0px 5px;
}

/* -- Features Bottom -- */
#featuresbot {
height: 139px;
background:#ebebec;
padding: 7px 0 0 9px;
margin: 0;
}
a.featurebox { 
display: block; 
width: 273px; 
height: 132px; 
outline: none;
margin: 0 8px 0 0;
}
a.featurebox p { 
position: absolute; 
left:-1000px;
}
a#feature_enews { 
background: url('../images/bg_enews_but.jpg') no-repeat left center; 
float: left;
}
a#feature_enews:hover { 
background-position: right center; 
}
a#feature_podcast { 
background: url('../images/bg_podcast_but.jpg') no-repeat left center; 
float: left;
}
a#feature_podcast:hover { 
background-position: right center; 
}
a#feature_cpoint { 
background: url('../images/bg_cpoint_but.jpg') no-repeat left center; 
float: left;
}
a#feature_cpoint:hover { 
background-position: right center; 
}

a.meetingbox { 
display: block; 
width: 371px; 
height: 131px; 
outline: none;
margin: 0 0 0 6px;
}
a.meetingbox p { 
position: absolute; 
left:-1000px;
}
a#feature_meeting { 
background: url('../images/bg_meeting_but.jpg') no-repeat left center; 
float: left;
}
a#feature_meeting:hover { 
background-position: right center; 
}

/* -- Footer -- */
#footerwrapper {
height: 34px;
border-top: 1px dotted #a9a9a9;
border-bottom: 1px dotted #a9a9a9; 
background-color: #eae9e9;
margin: 5px 0 0 0;
}
#footerleft {
font-family: arial, san-serif;
font-size: 11px;
color:#666666;
float: left;
margin: 11px 0 0 13px;
}
#footerright {
float: right;
font-family: arial, san-serif;
font-size: 11px;
margin: 11px 13px 0 0;
padding: 0;
}
#footerleft a:link, #footerleft a:visited {
text-decoration: none;
color: #4d99ca;
}
#footerleft a:hover, #footerleft a:active {
text-decoration: underline;
}
#footerright a:link, #footerright a:visited {
text-decoration: none;
color: #4d99ca;
}
#footerright a:hover, #footerright a:active {
text-decoration: underline;
}

#clear,.clear {
clear: both;
height: 1px;
}