body                {margin: 0px 0px 20px 0px; background-color:#342b2a; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
p					{margin: 0 0 10px 0; padding: 0; line-height: 1.7em;}
a                   {color: #9c3022; text-decoration: none;}
a:hover             {text-decoration: underline;}
img, ul,li,form,div {margin:0px; padding:0px; border:none;}
h1                  {text-transform: uppercase; color: #342b2a; font-size: 1.3em; padding: 0; margin: 0px 0px 12px 0px;}
h2					{margin: 0; clear: both;}
table				{padding: 0; margin: 0; border: none;}
td					{vertical-align: top;}
li.left a           {color:#FFFFFF; background: url(../images/button.jpg) no-repeat; display:block; height:43px;padding: 26px 0px 0px 0px; width:258px;}
li.right a          {color:#FFFFFF; background: url(../images/button2.jpg) no-repeat; display:block; height:43px;padding: 26px 0px 0px 0px; width:254px;}
li.left a:hover     {color:#FFFFFF; background: url(../images/button-hover.jpg) repeat-x; width:258px; text-decoration:none;}
li.right a:hover    {color:#FFFFFF; background: url(../images/button-hover.jpg) no-repeat; width:254px; text-decoration:none;}

#overall            {background: #342b2a url(/images/background-leaves.jpg) repeat-x; margin: 0px auto 0px auto; padding: 10px 0px 0px 0px;	color: #575A5D;}
#banner             {width: 770px; margin: 40px auto 0px auto; padding: 0px 30px 0px 30px; background: #ffffff url(/images/background-white.jpg) no-repeat;}
#logo               {padding: 20px 0px 0px 0px; float: left;}

#leftcol  h2        {text-transform:uppercase; color: #342b2a; font-size:14px;	padding: 15px 0px 0px 0px;	margin: 0px;}
#rightcol h2        {text-transform:uppercase; color: #786A65; font-size:14px;	padding: 0;	margin: 0;}

#leftcol  h3        {text-transform:uppercase; color: #342b2a; font-size: 1em;	padding: 15px 0px 0px 0px;	margin: 0px;}
#rightcol  h3       {text-transform:uppercase; color: #786A65; font-size: 1em;	padding: 15px 0px 0px 20px;	margin: 0px;}

#leftcol h4         {text-transform:uppercase; color: #342b2a; font-size: 1em;	padding: 15px 0px 0px 0px;	margin: 0px;}
#rightcol h4        {text-transform:uppercase; color: #786A65; font-size: 1em;	padding: 15px 0px 0px 20px;	margin: 0px;}

#subbody            {line-height: 24px;color: #5e4f4a; clear:both; padding-bottom: 100px; }
#subbody img        {border: 3px solid #d4bf94;}

.sermonAV			{font-weight: bold; margin-bottom: 12px;}
.sermonAV p			{padding: 0; margin: 0; line-height: normal;}
.sermonAV p img		{padding: 0; margin: 0;}
.sermonAV table		{width: 470px; margin-top: -5px; padding-top: 0; border-bottom: 2px dotted #cec6c0; table-layout: fixed;}
.sermonAV table	td	{padding: 0 0 5px 0;}
.sermonAV td.col0	{width: 100px;}
.sermonAV td.col1	{width: 140px;}
.sermonAV td.col2	{width: 100px; padding-left: 20px;}
.sermonAV td.col3	{}
.sermonAV td div	{display: none;}
.sermonAV table img	{vertical-align: text-top; margin-left: 0; margin-right: 4px;}
.sermonAV .redText	{color: #9c3022; padding: 0; margin: 0;}

#leftcol  ul li     {margin-left: 20px;}
#leftcol            {width: 512px; padding: 35px 20px 30px 10px; }
#leftcol p          {}
#rightcol           {padding: 35px 20px; background-image: url(../images/background-rightcol.jpg); background-repeat: repeat-x;}
#rightcol ul        {list-style:none;}
#calendar           {padding: 0; margin: 0;}
#footer             {width:830px; margin: 0px auto 0px auto;color:#A9AF89; padding-top: 15px; height:60px;background: #5b6335 url(/images/background-footer.jpg) bottom no-repeat;}

#footer #copy       {float: left;               width: 400px;   padding-left :40px; }
#footer .addr        {text-align:right; padding-right: 40px;}

#bbi                {text-align: center; color: #666666; padding-top: 10px; width: 830px; height: 55px; background-image: url(../images/background-bottomreflection.jpg); background-repeat: no-repeat; margin: 0 auto;}

#bbi  a             {color: #666666;}

.selected a         {color: #000000;}

.calmonth           {margin: 10px;}
.calcurrent         {margin: 10px; padding: 0px 10px 0px 10px; border:#000000 1px solid; background-color: #933527; color: #FFFFFF;}



/****************************************************/
/* CSS BELOW APPLIES TO Contact Us Form */
/****************************************************/
body.form {
	background-color: white;
}
#contactForm {
	color: #575A5D;
}
.warn {
	color: #9c3022;
}
#contactForm .f1-leftWidth {
	width: 86px;
}
#contactForm .f1-rightWidth {
	width: 300px;
}
#contactForm td {
	padding: 0 0 10px 0;
	vertical-align: bottom;
}
#contactForm input {
	padding: 2px;
}



/****************************************************/
/* Begin CSS Popout Menu */
/****************************************************/
#topnav   { margin: 55px 20px 20px 0px; clear: none; text-align: right; float: right; width: 630px;}
#topnav a { color: #8e908f; font-size: 14px;}
#topnav a:hover { color: #000000; text-decoration: none;}
	

/* LEVEL 1 */
#topnav ul { float: right;}
	
#topnav li { list-style: none; float: left; position: relative; z-index: 2000; margin-left: 35px;}
#topnav ul li a {font-size: 16px; font-weight: bold;}
#topnav ul ul li a {font-size: 12px;}
/* LEVEL 2 */
#topnav ul ul {
	display: none;
	position: absolute;
	z-index: 500;
	background: #FFFFFF url(../images/bg_topnavlev2arrow.jpg) left top no-repeat;
	width: 181px;
        left: 0px;
	top: 18px;
	padding-top: 7px;
}
#topnav ul ul li {
	text-align: left;
	float: none;
	margin: 0;
	text-transform: none;
}
#topnav ul ul a {
	background: #ffffff url(../images/bg_topnavlev2.jpg) no-repeat top;
	color: #8e908f;
	width: 163px;
	text-align: left;
	display: block;
	padding: 9px 8px 6px 8px;
	text-transform: none;
	border: 1px dotted #bec0bf;
        border-collapse: collapse;
}
#topnav ul ul a:hover { background-color: #eff2df; }
#topnav ul.nav li.selected a { color: #000000; }

#topnav ul ul ul { top: 0; }
/* LEVEL 3 */
#topnav ul ul ul {
        position: absolute;
	background-image: none;
	left: 181px;
	padding-top: 0;
}

#topnav li:hover ul ul,
#topnav li li:hover ul ul,
#topnav li li li:hover ul ul,
#topnav li li li li:hover ul ul {
	display: none;
}

#topnav li:hover ul,
#topnav li li:hover ul,
#topnav li li li:hover ul,
#topnav li li li li:hover ul {
	display: block;
	margin-top: 0;
}
/****************************************************/
/* End CSS Popout Menu */
/****************************************************/
#topnav li.drop a {background:  white url(/images/arrow2.gif) right no-repeat;}
#topnav li.drop a:hover {background:  #eff2df url(/images/arrow2_hover.gif) right no-repeat;}
#topnav li.drop ul li a {background:  white;}
#topnav li.drop ul li a:hover {background:  #eff2df;}