/* RBC Website. */
/* Red Letter Design, 2005 */

/* Colors: 
   #336699  Desert Blue 
	#996633  Brown
	#EEE8AA  Tan
*/


/* ---------- General ---------- */

body {
	font-family: "Georgia", Times, serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url("images/bluebackground.gif");
}
a:link {color: #395B79; text-decoration: underline}
a:visited {color: #7D5B79;text-decoration: underline}
a:hover {color: #395B79; text-decoration: underline; background: #E6ECF1}
a:active {color: white; text-decoration: underline; background: #395B79;}

img {
	border: none;
}
img.imgleft {
	border: none;
	float: left;
	margin: 5px 10px 5px 0;
}
img.imgright {
	border: none;
	float: right;
	margin: 5px 0px 5px 10px;
}
img.imgcenter {
	border: none;
	float: none;
	margin: 5px 5px 5px 5px;
	text-align: center;
}
/* ---------- SkipNav is for screen readers and other places where CSS isn't used --------- */
p.skipnav {
	display: none;
	}

/* ---------- Background is white centered box that holds everthing ---------- */

div#background {
	position: relative;
	background-image: url("images/background.jpg");
	background-repeat: repeat-y;
	background-color: white;
	top: 0;
	left: 0;
	text-align: left;
	padding: 0;
	margin: 0 auto !important;
	margin: 0;
	width: 760px;
	border: 1px solid black;
}

/* ---------- Container is within background, holds navigation, content and footer ---------- */

div#container {
	position: relative;
	text-align: left;
	padding: 110px 132px 0px 113px;
	margin: 0;
	top: 0;
	left: 0;
	border: none;
	background-image: url("images/containerbkgd3.gif");
	background-repeat: no-repeat;
	width: 515px !important; 
 	width /**/:760px;  /* BOX MODEL HACK */
}
div#toptext {
	position: absolute;
	top: 0;
	left: 60px;
	height: 80px;
	width: 700px;
}
div#toptext h1 {
	background-image: none; url("images/toptexth1.jpg")
	font-size: 12px;
	height: 60px;
	margin: 0 0 0 -5000px;
	padding: 0;
	background-position: top right;
	background-repeat: no-repeat;
}
div#toptext h2 {
	font-size: 12px;
	text-align: right;
	font-weight: normal;
	margin: 0;
	padding: 0 20px 0 0;
}
/* ---------- Footer ---------- */

	
div#footer {
	clear: both;
	position: relative;
	left: 0px;
	background-image: url("images/bottom760x80.jpg");
	background-repeat: no-repeat;
	background-position: top;
	background-color: white;
	padding: 30px 0 10px 0;
	margin: 0;
	text-align: center;
}
div#footer p {
	font-size: 10px;
	margin: 10px 0 0 0;
	padding: 0;
}
div#footer a {
	text-decoration: none;
}
div#footer a:hover {
	text-decoration: underline;
}
div#footer a.RedLetter {
	color: #8B0000;
}

/* ---------- Navigation ---------- */

div#nav {
	left: 630px;
	top: 140px;
	width: 130px;
	position: absolute;
}

div#nav ul {
	list-style-type: none;
	list-style-position: outside;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	}
div#nav li {
	display: inline; /* to avoid ie whitespace bug in li */
}

div#nav li a {
	display: block;
	margin: 0;
	padding: 4px 25px 5px 5px;
	text-decoration: none;
	color: white;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	background-image: url("images/navnormal.jpg");
	background-repeat: no-repeat;
	width: 100px !important; 
 	width /**/:130px;  /* BOX MODEL HACK */
}
div#nav li>a {
	float: none;   /* for Mozilla */
}
div#nav li a:hover {
   color: #336699; /* Desert Blue */
	font-weight: normal;
	background-image: url("images/navhover.jpg");
	background-repeat: no-repeat;
}
div#nav li a:active {
	font-weight: normal;
	color: white;
	background-image: url("images/navactive.jpg");
	background-repeat: no-repeat;
}
ul.subnav {
	display: none;
	font-size: 12px;
}
div#nav ul.subnav li a {
	display: block;
	margin: 0 18px 0 3px;
	padding: 0px 20px 3px 2px;
	text-decoration: none;
	color: #000000; /* black */
	font-family: "Georgia", Times, serif;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	background-image: none;
}
div#nav ul.subnav li>a {
	float: none;   /* for Mozilla */
}
div#nav ul.subnav li a:hover {
	color: #336699; /* Desert Blue */
	background-color: #E6ECF1; 
	background-image: none;
}
div#nav ul.subnav li a:active {
	color: White;
	background-color: #A8BCCE;
	background-image: none;
}
div.rightsidenotes {
	background-image: url("images/rtsidemid.jpg");
	background-repeat: repeat-y;
	margin: 10px 0 0 0;
	padding: 0;
}
div.rightsidenotes h1,
div.rightsidenotes h2,
div.rightsidenotes h3,
div.rightsidenotes h4,
div.rightsidenotes p {
	padding: 0 22px 0 6px;
	margin: 0;
}
div.rightsidenotes h1 {
	font-size: 16px;
	font-weight: bold;
	color: White;
	padding-top: 12px;
	text-align: right;
	background-image: url("images/rtsidetop.jpg");
	background-repeat: no-repeat;
}

div.rightsidenotes p.last{
	color: Black;
	font-size: 10px;
	text-align: right;
	padding-top: 9px;
	padding-bottom: 20px;
	margin: 0;
	background-image: url("images/rtsidebottom.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
}
div.rightsidenotes p.last a {
	font-style: italic;
}
div.rightsidenotes h2 {
	font-size: 10px;
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
	text-align: left;
	padding: 6px 0 0 0;
	margin: 0 22px 0 6px;
	border-bottom: 1px dotted black;
}
div.rightsidenotes h3 {
	font-size: 10px;
	font-weight: bold;
	color: black;
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-top: 6px;
}
div.rightsidenotes h4 {
	font-size: 10px;
	font-weight: normal;
	padding-top: 0px;
	color: black;
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
}
div.rightsidenotes h6 {  /* this is a dummy for the footer of the section */
	background-image: url("images/rtsidebottom.jpg");
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: White;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
}
/* ---------- Content ---------- */

div#content {
	padding: 0;
	margin: 0;
	width: 485px;
} 
div#content h1 {
	font-size: 24px;
	font-weight: bold;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #448320;
	margin: 12px 0px 6px 0px;
	}
div#content h2, th{
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	color: #336699; /*  Desert Blue  */
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	margin: 12px 0 0px 0;
	border-bottom: 2px solid #336699;
}
div#content h2.alternate {
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	background-color: #5882AC;
	color: white;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	margin: 12px 0 3px 0;
	padding: 0 0 0 5px;
}
div#content h3 {
	font-size: 16px;
	color: Black;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	margin: 12px 0 6px 0;
	line-height: 18px;
}
div#content h4 {
	font-size: 14px;
	color: Black;
	font-style: italic;
	line-height: 16px;
	margin: 9px 0 3px 0;
}
div#content p {
	font-size: 14px;
	line-height: 16px;
	color: Black;
	margin: 0px 0 9px 0;
}
div#content ul {
	list-style-position: outside;
}
div#content li {
	font-size: 14px;
	line-height: 16px;
	color: Black;
	margin: 0px 0 0px 0;
}

/* Sermon Styles */
blockquote {
	font-size: 14px;
	font-style: italic;
	line-height: 16px;
	color: Black;
	margin: 0px 10px 9px 20px;
}
div#sermon h1 {
	font-size: 24px;
	font-weight: bold;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #448320;
	margin: 12px 0px 6px 0px;
	}
div#sermon h2 {
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	background-color: #5882AC;
	color: white;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	margin: 12px 0 3px 0;
	padding: 0 0 0 5px;
}
div#sermon h3 {
	font-size: 16px;
	color: #336699; /*  Desert Blue  */
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	margin: 12px 0 6px 0;
	line-height: 18px;
	border-bottom: 1px solid #336699;
}
div#sermon h4 {
	font-size: 14px;
	color: Black;
	font-style: italic;
	line-height: 16px;
	margin: 9px 0 3px 0;
}
div#sermon p {
	font-size: 14px;
	line-height: 16px;
	color: Black;
	margin: 0px 0 9px 0;
}
th {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	background-color: #5882AC;
	color: white;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	margin: 12px 0 3px 0;
	padding: 0 0 0 5px;
}
td {
	font-size: 12px;
	border-bottom: 1px solid #E0E0E0;
	padding: 0 5px 0 5px;
}

.layout td {
	border-bottom: none;
	padding: 0;
}
td a {
	font-size: 12px;
}

table#calendar {
	width: 100%;
}
table#calendar th {
	font-size: 14px;
	font-weight: bold;
	}
table#calendar td {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin: 0 15px 0 0;
	padding: 0;
}
td.caltime {
	text-align: right;
	width: 20%;
}

/* ----Used in the sermon index tables----- */
td.date {
	width: 10%;
}

/* ----Used with contact form----- */
table#contactTable th {
	font-weight: bold;
	background-color: white;
	color: black;
	text-align: right;
	border: none;
	font-family: "Georgia", Times, serif;
	font-size: 12px;
	vertical-align: top;
	border-bottom: 1px solid #E0E0E0;
}
.warning {
	font-size: 10px;
	color: Red;
	font-weight: bold;
}