/* 
	main.css for West Coast Baptist Church
	Copyright (c) 2002
	theme: blue
*/

body {
	background: #FFFFFF;
	margin: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000000;
	/* IE specific scrollbar colouring */
	scrollbar-face-color: #C8DAE6; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-3dlight-color: #999999;
	scrollbar-arrow-color: #999999;
	scrollbar-track-color: #FCFCFC;
	scrollbar-darkshadow-color: #999999; 
	scrollbar-base-color: #B6C2D9;
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left; 
	font-weight: bold;
	font-size: 13px;
	color: #C26828;
	line-height: 100%;
	height: 15px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000000;
	margin: 0px;
	/* IE specific scrollbar colouring */
	scrollbar-face-color: #C8DAE6; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-3dlight-color: #999999;
	scrollbar-arrow-color: #999999;
	scrollbar-track-color: #FCFCFC;
	scrollbar-darkshadow-color: #999999; 
	scrollbar-base-color: #B6C2D9;
}

/* background colour element classes for table cells */
/* Menu */
td.menucell {
	background: #C8DAE6;
	border-right: #C8DAE6 5px solid;
	border-left: #C8DAE6 5px solid;
	border-bottom: #C8DAE6 5px solid;
}

td.main_content {
	border-right: #C8DAE6 5px solid;
	border-bottom: #C8DAE6 5px solid;
}

td.copyright {
	background: #C8DAE6;
}

td.blue_border {
	border-left:1px #0288C7 solid;
	border-right:1px #0288C7 solid;
	border-top:1px #0288C7 solid;
	border-bottom:1px #0288C7 solid;
	/*background: #EDF2F6;*/
}

td.blue_topborder {
	border-top: #0288C7 1px solid;
}

td.blue_toprightborder {
	border-top: #0288C7 1px solid;
	border-right: #0288C7 1px solid;
}

td.imageselectortitle {
	background: #C8DAE6;
	border-bottom: #000000 1px solid;
}


td.imageheader {
	background: #C8DAE6;
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
	border-top: #000000 1px solid;
}

td.imagebody {
	background: #FFFFFF;
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
}

td.imagefooter {
	background: #C8DAE6;
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

td.imagefooter_left {
	background: #C8DAE6;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

td.imagefooter_right {
	background: #C8DAE6;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
}


/* colours */
table.white {
	background: #FFFFFF;
}

/* borders */
td.whiteborder {
	border: #FFFFFF 1px solid;
}

td.leftbottomborder {
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

td.rightbottomborder {
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

td.fullborder {
	border: #000000 1px solid;
}

/* general */
hr {
	border-right: #E79D4B 0px solid;
	border-top: #E79D4B 3px solid;
	border-left: #E79D4B 0px solid;
	border-bottom: #C26828 2px solid;
	height: 5px;
	background: #E79D4B;
}

ul {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000000;
	padding: 5px 5px;
	margin-right: 5px; 
	margin-left: 15px; 
	margin-top: 5px; 
	margin-bottom: 5px
}

p, tr, div, span {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000000;
	padding: 0px 0px; 
}

/* Basic Headings */
h1 {
	color: #C26828; 
	font-size: 13px; 
	padding: 0px 0px;
	margin-right: 5px; 
	margin-left: 1px; 
	margin-top: 15px; 
	margin-bottom: 15px
}

h2 {
	color: #C26828; 
	font-size: 12px; 
	padding: 0px 0px;
	margin-right: 5px; 
	margin-left: 3px; 
	margin-top: 5px; 
	margin-bottom: 10px
}

h3 {
	color: #C26828; 
	font-size: 11px; 
	padding: 0px 0px;
	margin-right: 5px; 
	margin-left: 5px; 
	margin-top: 5px; 
	margin-bottom: 5px
}

h3 a {
	color: #C26828;
	font-size: 11px;
	text-decoration: underline; 
}

h3 a:hover {
	text-decoration: none; 
}

/* Basic paragraph text options: */
a { 
	color: #000066;
}

p {
	margin-right: 5px; 
	margin-left: 5px;
	margin-top: 5px; 
	margin-bottom: 5px;
}

p a {
	color: #000066;
	text-decoration: underline;
	padding: 0px 0px; 
	margin-right: 0px; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px;
}

p a:hover {
	color: #c23030;
	text-decoration: none;
}

/*
Text classes
For use with span, div and p tags.
Not for use with th or td tags (use a p or span tag inside the table cell.
*/

/* general 10px white text */
p.white10 {
	padding: 0px 0px; 
	margin-right: 5px; 
	margin-left: 5px;
	margin-top: 5px; 
	margin-bottom: 5px; 
}

.white10 { 
	color: #FFFFFF; 
	font-size: 10px; 
	padding: 0px 0px; 
	margin-right: 0px; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px;
	text-decoration: none
}

.white10 a {
	color: #FFFFFF;
	text-decoration: none;
}

.white10 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* general 11px white text */
p.white11 {
	padding: 0px 0px; 
	margin-right: 5px; 
	margin-left: 5px;
	margin-top: 5px; 
	margin-bottom: 5px; 
}

.white11 { 
	color: #FFFFFF; 
	font-size: 11px; 
	padding: 0px 0px; 
	margin-right: 0px; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px;
	text-decoration: none
}

.white11 a{
	color: #FFFFFF;
	text-decoration: none;
}

.white11 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* 10 pixel dark orange text */
p.orange10 {
	color: #C26828;
	padding: 0px 0px; 
	margin-right: 5px; 
	margin-left: 5px;
	margin-top: 5px; 
	margin-bottom: 5px;
}

.orange10 { 
	color: #C26828; 
	font-size: 10px; 
	padding: 0px 0px; 
	margin-right: 0px; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px;
	text-decoration: none;
}

p.orange10 a { 
	color: #C26828; 
	text-decoration: underline;
}

p.orange10 a:hover {
	color: #C26828;
	text-decoration: none;
}

/* 11 pixel dark orange text */
p.orange11 {
	color: #C26828;
	padding: 0px 0px; 
	margin-right: 5px; 
	margin-left: 5px;
	margin-top: 5px; 
	margin-bottom: 5px;
}

.orange11 { 
	color: #C26828; 
	font-size: 11px; 
	padding: 5px 5px; 
	margin: 0px 0px;
}

.orange11 a { 
	color: #C26828; 
	text-decoration: underline;
}

.orange11 a:hover {
	color: #C26828;
	text-decoration: none;
}

/* black 11 pixel text */
p.gen11 {
	padding: 0px 0px; 
	margin-right: 5px; 
	margin-left: 5px;
	margin-top: 5px; 
	margin-bottom: 5px; 
}

.gen11 { 
	color: #000000; 
	font-size: 11px; 
	padding: 0px 0px; 
	margin-right: 0px; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px 
}

.gen11 a {
	color: #000066;
	text-decoration: none;
	padding: 0px 0px; 
	margin-right: 0px; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px;
}

.gen11 a:hover {
	color: #c23030;
	text-decoration: underline;
}

/* 10 pixel black text */
p.gen10 {
	padding: 0px 0px; 
	margin-right: 5px; 
	margin-left: 5px;
	margin-top: 5px; 
	margin-bottom: 5px; 
}

.gen10 { 
	color: #000000; 
	font-size: 10px; 
	padding: 0px 0px; 
	margin-right: 0px; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px;
	text-decoration: none
}

.gen10 a {
	color: #000066;
	text-decoration: underline;
	padding: 0px 0px; 
	margin-right: 0px; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px;
}

.gen10 a:hover {
	color: #c23030;
	text-decoration: none;
}

/* verse display text */
div.verse {
	font-family: Courier New, Courier, serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #006600;
	border-left: #C7D0E1 1px solid;
	border-right: #C7D0E1 1px solid;
	border-top: #C7D0E1 1px solid;
	border-bottom: #C7D0E1 1px solid;
	background-color: #FAFAFA;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 5px;
	width: 95%;
}

/* quote display text */
div.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #444444;
	border-left: #C7D0E1 1px solid;
	border-right: #C7D0E1 1px solid;
	border-top: #C7D0E1 1px solid;
	border-bottom: #C7D0E1 1px solid;
	background-color: #FAFAFA;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 5px;
	width: 95%;
}


/* main navigation */
p.nav_element {
	color: #000000;
	font-weight: bold;
	padding: 0px 0px; 
	margin-right: 0px; 
	margin-left: 0px;
	margin-top: 0px; 
	margin-bottom: 4px; 
}

.nav_element { 
	color: #000000;
	font-size: 11px;
	padding: 0px 0px; 
	margin-right: 0px; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px 
}

.nav_element a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px; 
	margin-right: 0px; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px;
}

.nav_element a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/* main navigation - nonav style (for sections in use) */
p.nav_heading {
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 0px; 
	margin-right: 0px; 
	margin-left: 0px;
	margin-top: 0px; 
	margin-bottom: 4px; 
}

/* Form items */
input {
	font-weight: normal;
	font-size: 11px;
	border-left-color: #000000;
	border-bottom-color: #000000;
	color: #000000; border-top-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-color: #000000
}

textarea {
	font-weight: normal;
	font-size: 11px;
	border-left-color: #000000;
	border-bottom-color: #000000;
	color: #000000;
	border-top-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-color: #000000;
	text-indent: 2px;
}

textarea.post {
	background-color: #ffffff
}

select {
	font-weight: normal;
	font-size: 11px;
	border-left-color: #000000;
	border-bottom-color: #000000;
	color: #000000; border-top-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-color: #000000
}

select {
	background-color: #ffffff
}

input.post {
	background-color: #ffffff
}

input.button {
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #efefef;
}

input.mainoption {
	font-weight: bold;
	background-color: #fafafa;
}

input.liteoption {
	font-weight: normal;
	background-color: #fafafa;
}

/* testing classes from here only */