/* Colors used on this site
BROWN
 dark : 853107		
 mid  : C08240
 light: E09268		
vlight: FFF7D9				

RED-BROWN
 dark : FEB166
 mid  : 
 light: FEDBB8

Purple 
 title: 703342 
 light: 964458

GOLD
 dark : FFE401
*/
body
{
	background-image: none;
	background-color: #713441;
}
#wrapper
{
	width: 1200px;
	position: relative;
	left: 50%;
	margin-left: -600px;
	background: #713441 url(pagecomponents/logoimages/BackgroundBase.png) no-repeat left top;    
}
.tp1
{
	font-family: Verdana;
	font-size: 20pt;	
	font-weight: bold;
	color: #703342; 
}
.menustyle 
{
	/*background-color:#C08240;  */
	background: #C08240; /* url(pagecomponents/logoimages/headerGRADIENT_Tall.png) repeat-x left top; */
	border:1px;
	border-bottom-color:black;
	border-top-color:gray;
	border-left-color:gray;
	border-right-color:black;
	border-style:solid;	
}
.menuitem
{	
	background: #853107 url(pagecomponents/logoimages/menubarGRADIENT_Tall.png) repeat-x left top;
	color:white;font-family:verdana;font-size:10pt;font-weight:bold;
	padding:2px;padding-left:5px;	
	border:1px;
	border-style:solid;
	width: 400;
	text-align: center;
}
.submenuitem
{	
	background: #C08240; /* url(pagecomponents/logoimages/menubarGRADIENT_Tall.png) repeat-x left top; */
	color:white;font-family:verdana;font-size:10pt;font-weight:bold;
	padding:2px;padding-left:5px;	
	border:1px;
	border-style:solid;
	border-bottom-color:black;
	border-top-color:gray;
	border-left-color:gray;
	border-right-color:black;
	width: 140;
	text-align: center;
}
.mouseup
{
	background-color:#ffe4b5;
	color:#853107;font-family:verdana;font-size:10pt;font-weight:bold;
	padding:2px;padding-left:5px;
	border:1px;
	border-color:#ffe4b5;
	border-style:solid;
	cursor:pointer;
	width:400; 
}
.mouseover
{
	background-color:#ffe4b5;
	color:#853107;font-family:verdana;font-size:10pt;font-weight:bold;
	padding:2px;padding-left:5px;
	border:1px;
	border-color:ffe4b5;
	border-left-color:#ffe4b5;
	border-top-color:#ffe4b5;
	border-right-color:black;
	border-bottom-color:black;
	border-style:ridge;
	cursor:hand;
	width:400;
	text-align: center;
}
.mousedown
{
	background-color:#ffe4b5;
	color:#853107;font-family:verdana;font-size:10pt;font-weight:bold;
	padding:2px;padding-left:5px;
	border:1px;
	border-color:ffe4b5;
	border-right-color:#ffe4b5;
	border-bottom-color:#ffe4b5;
	border-left-color:black;
	border-top-color:black;
	border-style:solid;
	cursor:hand;
	width:400;
}

.submenu
{	
	padding: 0;
	margin: 0;
}	
.submenu h1
{
	font-family: Arial;
	font-size: 22pt;	
	font-weight: bold;
	color: #703342; 
	width: 262px;
	height: 66px;	
	text-align: center;
	padding: 20 0 0 0;
	margin: 0;
	vertical-align: bottom;
	background: url(pagecomponents/logoimages/menu_header.png) no-repeat left top;	
}
.submenu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 66px;	
}
.submenu li
{	
	background: white;
	text-align: center;
	height: 21px;
	margin: 0 0 2px 0;
}
.submenu li a
{
	text-decoration: none;
	color: #FF6600;
}
.submenu li a:visited
{
	text-decoration: none;
	color: #FF6600;
}
.submenu li a:hover
{
	text-decoration: none;	
	color: #703342;
}
.submenuimage
{
	float: right;
	margin:0;
	padding:0;		
}	
.submenuimage h1
{
	font-family: Arial;
	font-size: 20pt;	
	color: white; 
	width: 665px;
	height: 271px;	
	padding: 20 0 0 0;	
	margin: 0;
	background: url(pagecomponents/logoimages/menu_header_image.png) no-repeat left top;	
}
.clear
{
	float:none;
}

/* Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!! Note: a:active MUST come after a:hover in the CSS 
	http://www.w3schools.com/css/css_pseudo_classes.asp
*/
A:link
{
	text-decoration: none;
}
A:visited
{
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
/* 
	The following are for the home page
*/
.dropshadow
{
	background: url(pagecomponents/logoimages/dropshadowGRADIENT_Tall.png) repeat-x left top;	
}
.loginbuttons
{
	font-size: 8pt;
	color: whitesmoke;
	font-family: Verdana;	
}
.titlebar
{
	background: #ffe4b5 url(pagecomponents/logoimages/titlebarGRADIENT_Tall.png) repeat-x left top;	
    height: 35px;
    font-size: 12pt;
	color: whitesmoke;
	font-family: Verdana;	
}
.titlebar p
{
	margin: 0;
	padding: 8px 0 8px 20px;
	font-size: 12pt;
	font-family: Verdana;
	color: black;		
}
.tablesection
{
	border: 1;
	border-color: #ffe4b5;
}
.basecolorfill
{
	background-color: #853107; /* #ffe4b5; */
}
.leftcolumn
{
	vertical-align: top;
}
.rightcolumn
{
}
.footerlinks
{
	font-size: 7pt;
	color: whitesmoke;
	font-family: Verdana;	
}
.copywrite
{
	font-size: 8pt;
	color: whitesmoke;
	font-family: Verdana;		
	text-align: center;	
}
.headerfill
{
}
.homepagecenter
{	
	background: url(pagecomponents/logoimages/HomePageCenterImage.png) no-repeat left top;
}
.contenttop
{
	background: url(pagecomponents/logoimages/content_top.png) no-repeat left bottom;	
}
.contentcenter
{
	padding: 10px 35px 10px 35px;	
 	background: url(pagecomponents/logoimages/content_center.png) repeat;
}
.contentbottom
{	
	background: url(pagecomponents/logoimages/content_bottom.png) no-repeat left top;
}
.footerfill
{
	/* repeating image to fill a column	*/
	background: #853107 url(pagecomponents/logoimages/headerGRADIENT_Tall.png) repeat-x left top;
}
.edging
{
}
/*
	inputform
*/
.inputformheader
{
	background-color: #E0E0E0;	
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;			
}
.inputform
{
	background-color: #FFF7D9;
}

.shadow
{	
	background: url(pagecomponents/logoimages/shadow2.gif) right bottom;
	position: relative;	
	left: 7px;
	top: 7px;
}
.shadow_image
{	
	position: relative;	
	left: -7px;
	top: -7px;
}
/* sermon control */
.sermonheader
{
	background-color: #C08240;
	color: White;		
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;	
}
.sermonrow
{		
	color: Black;
	font-size: 10pt;
	text-align: left;
	white-space: nowrap;	
}