/* common across site styles */
/*
possible header colors
bright blue: #0099ff
bright green: #00cc00
red: #cc0000;
brown/tan: #918027
*/
body {
	background-image:url(../images/bkgdTilePattern.jpg);
	background-repeat:repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

form {
	margin: 0;
	padding: 0;
}

div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

a {
	color: #6a3d00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	color: #6a3d00;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

h1.green {
color:#33CC33;
}

h1.orange {
color:#FF6600;
}

h1.lightBlue {
color:#0099FF;
}

h1.red {
color:#CC0000;
}


h2 {
	color: #453f5d;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

h2.noMargin {
	margin: 0 0 0px 0px;
}

h2.green {
color:#33CC33;
}

h2.brown {
color:#6a3d00;
}

h2.red {
color:#CC0000;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

h3.lightBlue {
color:#0099FF;
}

h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

h6 {
	font-size: 12px;
	color:#FF3300;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

p {
	color: #646464;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
}



table {
color:#646464;
}

ul {
	color: #646464;
}

ol {
	color: #646464;
}

hr {
	background-color: #ffffff;
	border: none;
	border-top: 1px dotted #00c700;
	color: #ffffff;
	height: 1px;
	margin: 0 0 10px 0;
	padding: 0;
}

#redHighlightText {
color:#FF3300;
font-weight:bold;
}

/* Form Styles */

#basicForm {
float:left;
width:550px;
}

#basicForm .label {
font-size:30px;
}

#requiredText {
color:#FF3300;
font-weight:bold;
}

/* end Form Styles */

/* user message styles */
#errorMessage {
	border: 1px solid #000000;
	background-color: #CCCCCC;
	color: #990000;
	font-weight: bold;
	padding: 5px;
}

#successMessage {
	border: 1px solid #000000;
	background-color: #CCCCCC;
	color: #006600;
	font-weight: bold;
	padding: 5px;
}

#container {
	margin: 0 auto 0 auto;
	width: 936px;
}

#pageTile {
	background-image: url(/images/bkgdTile.png);
	background-repeat: repeat-y;
	float: left;
	padding: 0 0 0 75px;
	width: 864px;
}

#pageEnd {
	background-image: url(/images/bkgdPageEnd.png);
	background-repeat: no-repeat;
	float: left;
	height: 66px;
	padding: 0 0 0 72px;
	width: 864px;
}



#topBar {
	background-color: #6a3d00;
	float: left;
	font-size: 4px;
	height: 8px;
	margin: 0;
	padding: 0;
	width: 793px;
}

#header {
	background-color: #ffffff;
	float: left;
	height: 59px;
	margin: 0;
	padding: 0;
	width: 793px;
}

#miniNav {
	float: left;
	padding: 32px 0 0 12px;
	width: 381px;
}

#logo {
	float: left;
	padding: 15px 12px 0 0;
	text-align: right;
	width: 385px;
}

#pageImage {
	background-color: #ffffff;
	float: left;
	padding: 0 12px 12px 12px;
	text-align: center;
	width: 769px;
}

.floatImgRight {
	float: right;
	margin: 0 0 10px 14px;
}	

#navigation {
	background-color: #ffffff;
	background-image: url('/images/bkgdNavigation.gif');
	background-repeat: no-repeat;
	float: left;
	font-size: 14px;
	height: 27px;
	padding: 8px 15px 0 15px;
	width: 763px;
	text-align: center;
}

#navigation .nav {
	float: left;
	margin-right: 2px;
	text-align: center;
	width: 120px;
}

#navigation .navSelected {
	color: #ff6100;
	float: left;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: 120px;
}

#navigation a:hover {
	color: #ff6100;
	font-weight: bold;
	text-decoration: none;
}

#content {
	background-color: #ffffff;
	float: left;
	margin: 0;
	padding: 0;
	width: 793px;
}

#col1 {
	float: left;
	padding: 17px 22px 0 14px;
	width: 667px;
}

#eventCol1 {
	float: left;
	padding: 17px 22px 0 14px;
	width: 525px;
}

#eventCol2 {
	float: left;
}

#col1Full {
	float: left;
	padding: 17px 14px 0 14px;
	width: 765px;
}

#col2 {
	float: left;
	padding: 17px 12px 0 0;
	width: 78px;
}

#footer {
	background-color: #ffffff;
	color: #6a3d00;
	float: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
	text-align: center;
	width: 793px;
}

.centeredInsetText {
	color:#646464;
	text-align:center;
	width:765px;
	padding-left:0px;
	padding-right:0px;
	
}

.paddedImage {
	padding-top:10px;
	padding-bottom:10px;
}

.highlightedText {
	text-align:center;
	width:300px;
	background:#6A3D00;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding-top:6px;
	padding-bottom:6px;
}

#address {
	float: left;
	font-size: 10px;
	padding: 10px 0 12px 0;
	text-align: center;
	width: 793px;
}

#copyright {
	float: left;
	font-size: 10px;
	padding: 0 0 0px 12px;
	text-align: left;
	width: 381px;
}

#siteCredits {
	float: left;
	font-size: 10px;
	padding: 0 12px 0px 0;
	text-align: right;
	width: 388px;
}

#debugFooter {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
	width: 670px;
}


/* home page styles */
#hpCol1 {
	float: left;
	line-height: 16px;
	padding: 17px 22px 0 22px;
	width: 310px;
}

#hpCol1 p {
	color: #453f5d;
	margin: 0 0 10px 0;
	padding: 0;
}

#hpCol2 {
	float: left;
	line-height: 16px;
	padding: 17px 12px 0 0;
	width: 427px;
}

.homePageArticle {
	margin: 0 0 22px 0;
	padding: 6px 6px 6px 6px;
	width: 415px;
}

/* staff page styles */
.staffBio {
	padding-top:10px;
	clear:both;
}

.staffBio h3 {
	color: #0099ff;
	margin-bottom: 0;
}

.staffBio h4 {
	color: #00cc00;
	margin-top: 0;
}

.staffBio img {
	float: left;
	margin: 5px 10px 10px 0px;
}

/* staff page styles */
.faq {
	padding: 0 0 0 5px;
}

.faq h2 {
	color: #00cc00;
}

.faq a {
	text-decoration: underline;
}

.faq a:hover {
	text-decoration: none;
}

.faq ul {
	margin-top: 0px;
	padding-top: 0px;
}


/* outreach page styles */

.txtLargeRed {
	color:#d8353a;
	font-size:16px;
	font-weight:bold;
}

.txtLargeGreen {
	color:#48b754;
	font-size:16px;
	font-weight:bold;
}

.outreachDescription {
	padding-left:20px;
}

.txtSmallLightBlue {
	color:#4fa1d8;
	font-weight:bold;
}

.txtBoldOrange {
	color:#FF6600;
	font-weight:bold;
	font-size:1.4em;
}

.txtBoldLightBlue {
	color:#4fa1d8;
	font-weight:bold;
	font-size:1.4em;
}

.txtBoldTan {
	color:#968540;
	font-weight:bold;
	font-size:1.4em;
}

.txtBoldGreen {
	color:#48b754;
	font-weight:bold;
	font-size:1.4em;
}

.txtLargeLightBlue {
	color:#4fa1d8;
	font-weight:bold;
	font-size:15px;
}

.dualColA {
	float:left;
	width:375px;
}

.dualColB {
	float:left;
	width:375px;
	padding-left:10px;
}




/* directions page styles */
#col1Directions {
	float: left;
	padding: 17px 22px 0 14px;
	width: 275px;
}

#googleMap {
	float: left;
	padding: 17px 12px 0 0;
	width: 465px;
}


/* Small Group Styles */

table.smallGroups {
	width:775px;
	border-bottom-width:thick;
	border-bottom-style:solid;
	border-bottom-color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}


tr.smallGroupsHeading {
	font-weight:bold;
	font-size:1.2em;
}

table.smallGroups td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top:6px;
}


/* Sermon Media Player Styles */

.mediaRecord {
border-top: solid 1px #663300;
width:652px;
padding: 6px 0px 10px 0px;
margin: 0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
clear:both;
}

.mediaRecord h1 {
color:#663300;
font-size:20px;
font-weight:bold;
padding-bottom: 0px;
margin-bottom: 0px;
}

.mediaDate {
float:left;
font-weight:bold;
width:95px;

}

.mediaTitleAuthor {
float:left;
width: 150px;
}

.mediaSizeInfo {
float:left;
width: 120px;
padding-left:3px;
font-size:0.9em;
color:#999999;
}

.mediaLinks {
float: left;
width: 140px;
}

.eventDetailsThumbnail img {
float:right;
padding: 1px 1px 1px 10px;
}

.eventDetailsBanner img {
padding-top: 6px;
}

/* Event Detail Styles */


.eventDetail {
padding-left: 17px;
width:472px;
color:#666666;
}


.eventDetail h1 {
background:#4fa1d8;
padding: 7px 0px 7px 7px;
font-size:20px;
font-weight:bold;
color:#FFFFFF;
clear:both;
}

.eventDetail hr {
padding:0px 0px 0px 0px;
margin-top:5px;
margin:0;
border-top: solid 1px #4fa1d8;
}

/* Article Styles */

.homePageArticle img {
padding: 0px 5px 0px 5px;
}

.homePageArticle h3 {
font-weight:bold;
font-size:14px;
color:#003399;
}

.columnThirds {
	float: left;
	width: 32%;
}

/* evite styles */
#popUpPageTile {
	background-color: #FFFFFF;
	margin: 0 auto 0 auto;
	width: 400px;
}

#popUpContent {
	padding: 15px 30px 15px 30px;
}