/*
 * note changed 2/4/2010 to support new top logo
 *     div.topmenu background chg from 010066 to 4a3bb1
 *		 leftmenu background chg from dadfe5 to b0a8ce or 8875ce (maybe)


/*
 *****************************************************
 * Page Structural Area Definitions
 *****************************************************
 */

body { height: 100%; padding: 4px; margin: 0px; }

/* over-ride normal korteweb style for paragraphs */
p { font-style: normal; }

@media print {
   table#page_fw { width: 100%; }
   table#page_full { width: 100%; } 
   div#pagefoot { width: 100%; }            
}
@media screen {
   table#page_fw { width: 820px; }  
   td#rightside { width: 700px; }                 
   table#page_full { width: 100%; }
   div#pagefoot { width: 820px; }     
}


div#masthead {
	background: #c1d9f9;
	color: #5788cb;
	border: 1px solid #5788cb;
}
div#masthead h1 {
	text-align: center;
	padding: 0.5em 0px 0px 0px;
	margin: 0px;
	color: #5788cb;                          
}
div#masthead h3 {
	text-align: center;
	padding: 4px 0px 1em 0px;
	margin: 0px;
	color: #5788cb;
}

div#mastheadshort {
	background: #010066;
	color: white;
	border: 1px solid #010066;
}  
div#mastheadshort h1  {
	text-align: center;
	padding: 0.5em 8px 10px 8px;
	margin: 0px;                                                                      
	color: white;                
}


div#topmenu {
	background: #0a3673;
	color: white;
	padding: 4px 10px 4px 10px;
}
@media print {
   div#topmenu { display: none }
}
div#topmenu ul {
	padding: 1px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
div#topmenu li {
	list-style-type: none;
	display: inline;
	padding: 6px 6px 6px 2px;
	margin: 1px;
	font-weight: bold;
	font-size: 12px;
}
div#topmenu li a {
	text-decoration: none;
	color: white;
}
div#topmenu li a:link, div#topmenu li a:visited  {
	color: white;
}
div#topmenu li a:hover {
	color: #c0c0c0;
}


td#leftmenu {
	width: 120px;
	border: 0px;
	margin: 0px;
	padding: 0px;
   background: #dadfe5;                    
}
@media print {
	td#leftmenu {display: none }
}
td#leftmenu ul {
	padding: 0;
	margin: 0.5em 0px 1em 0px;
	list-style-type: none;
}
td#leftmenu li {
	text-align: center;
	font-weight: bold;
	font-size: 1.0em;
	color: black;
	margin: 1em 6px 0px 6px;
	padding: 0px;
}	
td#leftmenu li a {
	text-decoration: none;
	color: black;
}
td#leftmenu li a:link, td#leftmenu li a:visited  {
	color: black;
}
td#leftmenu li a:hover {
	color: white;
}

td#leftmenu li.lmenuspecial {
	margin: 1em 6px 0px 6px;
	padding: 2px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
}	

div#content {
	padding: 12px 4px;
}

div#pagefoot {
	margin-top: 6px;
	margin-right: 10px;
	margin-left: 10px;
	border-top-width: 1px;
	border-top-color: #081d89;
	border-top-style: solid;
	padding-top: 3px;
	color: #707070;
	clear: both;
	text-align: center;
	font-size: 0.75em;
}
div#pagefoot a:link, div#footer a:link {color: #666666;}
div#pagefoot a:visited, div#footer a:visited {color: #666666;}

span.magiclink a:link {text-decoration: none; color: #666666;}
span.magiclink a:visited {text-decoration: none; color: #666666;}


/*
 *************************************
 * general color related styles
 *************************************
 */

a:link {color: #990000;}
a:visited {color: #990099;}


td.shaded, tr.shaded {
	background: #e8e8e8;
}

h1, h2, h3, h4, h5, h6 {
	color: black;
}

.subHead { font-size: 0.66em }
.subHeadlink {
   font-weight: normal;
   font-size: 8pt;
}

/* major characteristics of highlightblock are defined in common_style */
.highlightblock {
	background: #e8e8e8;
	border: 1px solid #5788cb;
	}
.insidetitle {
	background: #996633;
	color: white;
	border: 1px solid #5788cb;
}

/*
 *************************************
 * misc specials
 *************************************
 */

li.coreindent {
   padding-left: 0.5em;
   margin-left: 3em;
   list-style-type: circle;
   margin-bottom: 1.5em;
}
li.indent {
   padding-left: 0.5em;
   margin-left: 1.5em;
   list-style-type: circle;
}

/*
 *****************************************************************************
 * block with fat borders and big letters for First Impressions page
 *****************************************************************************
 */

div.fiblock {
   border: 4px solid black;
   padding: 4px;
   margin: 4px 1px;
   font-weight: normal;                                            
}

div.fiblock p { font-style: normal; }

/*
 *****************************************************************************
 * block with light borders and light shading for front page news highlight
 *****************************************************************************
 */

div.fpnewsblock {
   border: 1px solid #505050;
   padding: 4px;
   margin: 1px 1px;
   font-weight: normal;  
   background: #e0e0e0;                                          
}

div.fpnewsblock p { font-style: normal; }


/*
 *****************************************************************************
 * Tables for News listings 
 *****************************************************************************
 */
table.news {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 12px;
}

table.news th {
	padding: 2px;
 	font-weight: bold;
	text-align: left;
	vertical-align: text-top;
	white-space: nowrap;
}
table.news td {
	padding: 2px 2px 6px 2px;
	text-align: left;
	vertical-align: text-top;
}


/*
 ***************************************************************************
 * Table for Short Variable Information (like sermon list on worship page)
 ***************************************************************************
 */
 
table.shortlist {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 6px;
	padding-bottom: 2px;
	border-bottom: 3px solid #5788cb;
	padding-top: 1px;
	border-top: 3px solid #5788cb;                            
}
table.shortlist th {
	padding: 2px;
 	font-weight: bold;
	text-align: right;
	vertical-align: text-top;
	white-space: nowrap;
	border-right: 1px dotted #5788cb;
	background: #5788cb;
	color: white;                               
}
table.shortlist td {
	padding: 2px;
	text-align: left;
	vertical-align: text-top;
}


/*
 ***************************************************************************
 * Tables for Menu / Forms
 ***************************************************************************
 */

 table.menuform {
 	margin-left: 12px;
 	margin-right: 12px;
 	margin-top: 8px;
 	margin-bottom: 8px;
 	padding: 2px;
 	border: 1px solid black;
 	background: #e8e8e8;
 	}
 table.menuform th {
	color: white;
	font-weight: bold;
 	white-space: nowrap;
 	text-align: right;
 	background: #909090;
 	padding: 3px;
 	border-right: 1px solid #5788cb;
 }
 table.menuform td {
 	padding: 3px;
 }

table.glistnb_small, table.glistnb_med {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 12px;
	padding-bottom: 3px;
	border-top: 3px solid #5788cb;
	border-bottom: 3px solid #5788cb;
}
table.glistnb_small th, table.glistnb_med th {
	background: #5788cb;
	padding: 1px 3px 2px 3px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	color: #ffffff;
	border: 2px solid #5788cb;
}
table.glistnb_small td, table.glistnb_med td {
	padding: 1px 3px 1px 3px;
	white-space: nowrap;
}
table.glistnb_small td.wrapok, table.glistnb_med td.wrapok, table.glistb_small td.wrapok, table.glistb_med td.wrapok {
	white-space: normal;
}
table.glistnb_small th.wrapok, table.glistnb_med th.wrapok, table.glistb_small th.wrapok, table.glistb_med th.wrapok {
	white-space: normal;
}
table.moresep td {
   padding-bottom: 8px;
   border-bottom: 1px solid #5788cb;
   margin-bottom: 1px;
}

/*
 ***************************************************************************
 * Display table for Contact_Us
 ***************************************************************************
 */

 table.contactus {
    margin-top: 12px;
}
 	
 table.contactus th {
	font-weight: bold;
	font-size: 1.5em;
 	white-space: nowrap;
 	text-align: center;
 	padding: 3px;
 }
 
 table.contactus td {
 	padding: 3px;
 } 
 
/*
 *******************************************
 * advertiser blocks
 *******************************************
 */
.adblock {
   float: left;
	margin-left: 6px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 16px;
	padding: 2px 2px 2px 2px;
	/* width: 190px; */
	width: 312px;
	/* height: 66px; */
	height: 33px;
   border: 2px solid #7C86F1;
   background: #DDDFFB;
   font-size: 0.75em;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px; 
}
.adtitle {
   font-weight: bold;
}
.adbody {
   font-size: 0.8em;
}

/*
 **********************************************
 * button
 **********************************************
 */
a.toprightlinkRed { 
	display:block;
	margin-left: 4px;
	margin-right: 0px;
	font-size:11px;
	font-weight:bold;
	padding:2px 6px;
	float: right;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; 
	background: #ff3344;
	color:#FFFFFF;
	border-top:solid 1px #aa0033;
	border-right:solid 2px #aa0033;
	border-bottom:solid 2px #aa0033;
	border-left:solid 1px #aa0033;
}
a.toprightlinkRed, a.toprightlinkBlue, a.toprightlinkGray {
	text-decoration: none;
}
a.toprightlinkRed:link, a.toprightlinkRed:visited, 
a.toprightlinkBlue:link, a.toprightlinkBlue:visited, 
a.toprightlinkGray:link, a.toprightlinkGray:visited  {
	color:#FFFFFF;
}
a.toprightlinkRed:hover, a.toprightlinkBlue:hover, a.toprightlinkGray:hover {
	color:#FFFFFF;
}

a.toprightlinkBlue { 
	display:block;
	margin-left: 4px;
	margin-right: 0px;
	font-size:11px;
	font-weight:bold;
	padding:2px 6px;
	float: right;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; 
	color:#FFFFFF;
	background: #4466ff;
	border-top:solid 1px #224400;
	border-right:solid 2px #002288;
	border-bottom:solid 2px #002288;
	border-left:solid 1px #224400;
}

a.toprightlinkGray { 
	display:block;
	margin-left: 4px;
	margin-right: 0px;
	font-size:11px;
	font-weight:bold;
	padding:2px 6px;
	float: right;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; 
	background: #c0c0c0;
	color:#FFFFFF;
	border-top:solid 1px #707070;
	border-right:solid 2px #707070;
	border-bottom:solid 2px #707070;
	border-left:solid 1px #707070;
}