/* this style allows ie to display pngs as a background image although they can't repeat */
/* note: it requires a blank .gif and it must be referrenced correctly in the .htc file for this to work */
* { behavior: url(http://www.3riversbaptist.org/js/png_bg_fix.htc) }


/* ----------------------------------- defaults ----------------------------------- */
html {
	font-size:15px;
	line-height:17px;
	font-family:Helvetica, Arial, sans-serif;/*
	height:100%;*/
	background:#e7e7e7 url(../img/images/bg_gray_fade.jpg) top center repeat-y;
}
body {
	text-align:center;/*
	height:100%;*/
	min-width:950px;
	min-height:645px;
	border-top:5px solid #665120;
	background:url(../img/images/bg.jpg) top center no-repeat;
	color: #666;
}

h1 {font-family:Georgia, "Times New Roman", Times, serif;}

a {			text-decoration:none; color:#4f789f; }
a:hover {	text-decoration:underline; }

strong, b { font-weight:bold;}


/* clears divs with nested float divs inside it */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#wrapper {
	width:950px;
	margin:auto;
	position:relative;
}

/* ----------------------------------- sidebar column ----------------------------------- */
#sidebar {
	width:254px;
	padding:0 6px 0 0;/*
	position:absolute;
	left:0;*/
	float:left;
	display:inline;
	text-align:right;
}

#sidebar h1#logo a {
	display:block;
	height:91px;
	width:230px;
}
#sidebar h1#logo a span {
	display:none;
}


#sidebar #links {
	margin-right:20px;
}
#sidebar #links h1 {
	font-size:14px;
	line-height:18px;
	margin-bottom:8px;
	color:#4f789f;
}
#sidebar #links h1 img {
	padding-right:10px;
}
#sidebar #links h1 a {
	color:#4f789f;
	padding:5px;
}
#sidebar #links h1 a:hover {
	color:#fff;
	text-decoration:none;
	background:#4f789f;
}


#sidebar #news {
	margin-right:20px;
}
#sidebar #news h1 {
	font-size:18px;
	line-height:20px;
	padding:10px 15px 5px 0;
	margin:10px 0;
	color:#665120;
	font-weight:bold;
	border-top:1px solid #a4a08b;
	border-bottom:1px solid #a4a08b;
}
#sidebar #news h1 .light {
	color:#c8bea8;
}

#sidebar #news h2 {
	font-size:13px;
	line-height:15px;
	margin-top:5px;
	padding-top:10px;
	color:#665120;
	font-weight:normal;
	border-top:1px solid #a4a08b;
}
#sidebar #news h2 a {
	color:#665120;
}
#sidebar #news p {
	font-size:12px;
	line-height:14px;
	padding-bottom:5px;
	color:#a4a08b;
}
#sidebar #news a {
	color:#665120;
}


	

/* ----------------------------------- content column ----------------------------------- */
#content {/*
	position:absolute;
	left:260px;
	top:0;*/
	float:left;
	display:inline;
	width:662px;
	min-width:662px;
	padding:0 10px 0 18px;
	background:url(../img/images/bg_content.jpg) top no-repeat;
	text-align:left;
	overflow:hidden;
}

#content h1.tagline {
	height:45px;
	padding:45px 15px 0 0;
	margin:0;
	font-size:18px;
	color:#7f7772;
	font-style:italic;
	text-align:right;
}

#mainPhoto {
	margin-left:-5px;
}
#mainPhoto img {
	width:648px;
	height:208px;
	padding:7px 7px 25px 7px;
	background:url(../img/images/bg_main_img.jpg) top left no-repeat;
	overflow:hidden;
}

/* ----------- heading tags duplicated as classes because wysiwyg styles are classes only -------- */
#content h1, #content .heading1 {
	font-size:24px;
	line-height:28px;
	margin-bottom:10px;
	color:#4f789f;
	font-weight:normal;
}
	
#content h2, #content .heading2 {
	font-size:18px;
	line-height:20px;
	margin-bottom:10px;
	color:#4f789f;
	font-weight:normal;
}
#content h3, #content .heading3 {
	font-size:16px;
	line-height:18px;
	margin-bottom:10px;
	color:#4f789f;
	font-weight:normal;
}
#content h4, #content .heading4 {
	font-size:14px;
	line-height:16px;
	margin-bottom:10px;
	color:#4f789f;
	font-weight:normal;
}


#content p {
	margin-bottom:15px;
}

#content a {
	color:#4f789f;
}

#content ul {
	margin-bottom:10px;
}
#content ul li {
	margin:8px 0 8px 25px;
	list-style:disc;
}
#content ul li ul li {
	list-style:circle;
}



/*----------------------- photo gallery page -----------------------
#content div.photos {
	display:block;
}
#content div.photos img {
	display:inline;
	margin:0 2px 2px 0;
	padding:0;
	border:2px solid #ccc;
	height:150px;
	overflow:hidden;
}
#content div.photos a img {
	border-color:#ccc;
}
#content div.photos a:hover img {
	border-color:#4f789f;
}


*/





#content table.photoGallery {
	margin:0;
	padding:0;
	width:100%;
}

#content table.photoGallery tr td img {
	margin:5px;
	padding:3px;
	background:#fff;
	border:1px solid #ccc;
	height:100px;
	width:auto;
} 

#content table.photoGallery tr td a:hover img {
	background:#4f789f;
}





/* --------------------------------- News Items ------------------------*/
#content #searchNews {
	width:650px;
	margin:10px 0;
	padding:10px 0;
	border-bottom:1px dashed #bbb;
}
#content #searchNews input {
	padding:3px 5px;
	margin-bottom:10px;
	font-size:13px;
	color:#7b7b7b;
	border:1px solid #bbb;
}
#content #searchNews input.button {
	background:#4f789f;
	color:#fff;
	font-size:14px;
}
#content .newsItem {
	margin:10px 0;
	padding:10px 0;
	border-bottom:1px dashed #bbb;
}



/* --------------------------------- News Items ------------------------*/
#content form table {
	width:650px;
	margin:10px 0;
	padding:10px 0;/*
	border-bottom:1px dashed #bbb;*/
}
#content form table input {
	padding:3px 5px;
	margin-bottom:10px;
	font-size:13px;
	color:#7b7b7b;
	border:1px solid #bbb;
}
#content form table input.button {
	background:#4f789f;
	color:#fff;
	font-size:14px;
}




/* ------------------------------------------------ cms form styles ------------------------------------------------ */
#content form {
	clear:left;/*
	color:#630;*/
	font-size:14px;
	line-height:18px;
	float:left;/*
	padding-left:50px;*/
}
#content form * {
	font-size:14px;
}
#content input, #content select {/*
	color:#3b3b3b;*/
	margin-right:5px;
}

#content form table.cmsForm {
	margin:20px auto 0 auto;
}
#content form table.cmsForm tr td {	
	vertical-align:top;
	margin-top:0;
	padding:0 15px 5px 0;
	text-align:left;
}
#content form table.cmsForm tr td p {/*
	margin-left:-50px;*/
}
#content form table.cmsForm tr td.formName {
	width:25%;
	text-align:right;
}

#content #checkbox {
	float:left;
	clear:both;
	display:block;
}







/* ------------------------------------------------ footer ------------------------------------------------ */
#footer {
	clear:both;
	padding-top:30px;
}
#footer ul {
	clear:both;
	margin:0 0 20px 260px;
	padding-top:15px;
	text-align:center;
	font-size:12px;
	border-top:1px dashed #ccc;
	color:#4f789f;
}
#footer ul li {
	margin:0 10px;
	list-style:none;
	display:inline;
}
#footer ul a {
	color:#4f789f;
}
#footer ul a:hover {
	color:#4f789f;

}