﻿/*
Stylesheet Definition for White Rock Church of Christ
Date: April 22, 2009
*/


body {
    margin: 0px;
    padding: 0px;
    background: #FFD723 url(images/back_all.jpg) repeat-x;
	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}


/* Setting the main container */
#content {
    margin: 0 auto;
	background: #ffffff;
	width: 786px;
	border: solid 1px #808080;
}


/* Header Style */
#header {
   	background: #ffffff url(images/header_img2.jpg) no-repeat center;
	height: 200px;
	border-bottom: 3px solid #A6640E;
}

#main 
{
    width: 100%;
}


/* Navigation Menu Styles */
#left {
    width: 237px;
    margin: 10px 0px 15px 10px;
    border: 0px;
}


#left h2, h3 {
	width: 100%;
	margin: 0px;
}

#left h2 {
	height: 19px;
	background: url(images/nav_btm.jpg) no-repeat;
}

#left h3 {
    height: 35px;
	background: url(images/nav_top.jpg) no-repeat;
}

#left ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 5px 0px;
   	background: url(images/nav_bg.jpg);
}

#left li {
	border-bottom: 1px dotted #D72020;
	margin: 0px 8px 0px 8px;
}

#left a {
	color: #D72020;
	display: block;
	padding: 5px 0px 5px 20px;
	text-decoration: none;
}

/*
#left a:hover {
	color: black;
	background-color: #F8CDCD;
} */


/* Content Styles */
#right {
    float: right;
    width: 500px;
    padding-right: 10px;
    border: 5px;
}

#right h2, h3, h4 {
	margin: 0;
	padding: 0px;
	color: #D72020;
}

#right h2 {
	padding-top: 10px;
}

#right p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	line-height: 1.4em;
}

#right a
{
color: #D72020;
text-decoration: none;
}

#verse {
	color: #D72020;
	font-size: 11px;
	text-align: right;
}

.portrait {
    height: 167px;
}

div.portrait img{
    margin: 0px 10px 10px 30px;
    float: left;
    width: 120px;
}

img {
	border: 0;
}

.flashmovie {
    float: right;
    width: 260px;
    height: 158px;
    border: 0px;
}

.textquote {
	color: #D72020;
}

#calendar {
	width: 360px;
	margin: 0 auto;
}

#calendar table {
	width: 100%;
	text-align: center;
	border: 1px solid #D72020;
}

#calendar thead {
	background: #FFD723;
	height: 30px;
}

#calendar tbody th {
	background: #F1F1F1;
	height: 25px;
	text-align: left;
	padding-left: 10px;
}

.FirstCol {
	text-align: right;
}

.bulletinLink {
    margin-left: 40px;
}

#topnav {
	margin: 0 auto;
	padding-top: 10px;
	width: 300px;
	color: #D72020;
}

hr {
    clear: both;
}

.sermonlist {
	width: 345px;
	margin: 0 auto;
	padding-top: 20px;
}

.missionpage {
	margin-right: 45px;
	background: #ffffff url(images/globe1.jpg) no-repeat top right;
}

.linkspage {
	margin-right: 45px;
	background: #ffffff url(images/links.jpg) no-repeat top right;
}


/* Footer Styles */
#footer {
    height: 44px;
    clear: both;
    padding-top: 20px;
    background: url(images/footer.gif) repeat-x;
	border-top: 5px solid #A6640E;
}

#footer p {
    margin: 10px auto 0px auto;
    font-size: 10px;
    text-align: center;
    color: White;
}

.animation {
    width: 778px;
    height: 195px;
    margin: auto;
    display: block;
}