/* Updated by Henry Hartley, 2007-05-17b */

body {
  font-size: 9pt;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background: #949fc6;
  border: 0;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
}

#wrapper {
  min-width: 840px;
}

#index-hdr {
   width: auto;
   background-color: #fff;
   height: 100px;
}

#index-hdr img {
   border: 0;
   vertical-align: middle;
}

#mission-statement {
  position: absolute;
  left: 0px;
  top: 0px;
}

#index-hdr-logo {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 3;
}

#index-hdr-logo img {
   height: 100px;
   width: 400;
}

#index-hdr-right {
   float: right;
   top: 0px;
}

#menudivider {
   border-top: 1px solid black;
   border-bottom: 1px solid #aaa;
   width: 100%;
   height: 25px;
   background: #0b2355;

}

div.address {
  background: #b6bcfc;
  font-family: bitstream vera sans mono, monospace, fixed;
  font-weight: bold;
  font-size: 9pt;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 5 8 5 8;
}


#left-sermon-info {
  position: absolute;
  font-size: 0.9em;
  left: 0;
  width: 290px;
  height: 350px;
  margin: 10px;
  z-index: 2;
  margin-left: 0.5em;
  padding-left: 10px;
  padding-right: 10px;
}

#left-sermon-content {
  padding: 10px;
  border: 2px solid black;
  background-color: #fff;
}

#right-sermon-info {
  float: right;
  font-size: 0.9em;
  width: 290px;
/*
  height: 350px;
  margin: 10px;
*/
  z-index: 2;
  margin-top: 2px;
  margin-right: 0.5em;
/*
  padding-left: 10px;
  padding-right: 10px;
*/
}

#left-announce-info {
  position:		absolute;
  font-size:	0.9em;
  top:			750px ;
  left:			0px;
  width:		290px;
  height:		350px;
  margin:		10px;
  z-index:		1;
  margin-left:	0.5em;
  padding-left:	10px;
  padding-right:10px;
}

#left-announce-content {
  padding: 5px 10px 5px 10px ;
  border: 2px solid black;
  background-color: #fff;
  font-family: sans-serif,arial;
  font-size: 9.5pt;
}


table.sermons {
  width:100%;
  margin:auto;
  text-align:left;
}

#left-cal-info {
  position:		absolute;
  font-size:	0.9em;
  top:			127px;
  left:			0px;
  width:		290px;
  height:		auto;
  margin:		10px;
  z-index:		1;
  margin-left:	0.5em;
  padding-left:	10px;
  padding-right:	10px;
}

#left-cal-content {
  padding: 10px;
  border: 2px solid black;
  background-color: #fff;
/*  height:		410px;*/
}

#left-email-info {
  position:			absolute ;
  font-size:		0.9em ;
  top:				552px ; 
/*
  top:				726px ;
  top:				696px ;
  top:				684px ;
*/
  left:				0px ;
  width:			290px ;
  height:			auto ;
  margin:			10px ;
  z-index:			2 ;
  margin-left:		0.5em ;
  padding-left:		10px ;
  padding-right:	10px ;
}

#left-email-content {
  padding:			10px;
  padding-bottom:	0px ;
  border:			2px solid black;
  background-color:	#fff;
  font-family:		sans-serif,arial;
  font-size:		9.5pt;
}

.email-head {
	font-weight:	bold ;
	font-size:		16px ;
	color:			#006699 ;
	text-align:		center ;
	margin:			0px ;
	padding:		0px ;
}

/* content containers */
#total-page-view {
  font-size: 0.9em;
  width: auto;
  min-width: 220px;
  margin: 10px;
  z-index: 3; /* content can overlap when the browser is narrow */
  margin-left: 295px;
  /* when #right-area has "display: none" then uncomment this line */
  /* margin-right: 10px; */
  /* when #right-area has "display: none" then comment this line */
  margin-right: 290px;
  /* margin-right: 295px; */
  padding-left: 18px;
  padding-right: 18px;
/*
  margin-left: 295px;
  margin-right: 240px;
  padding-left: 24px;
  padding-right: 10px;
  */
}

#middle-content {
  padding: 8px;
  padding-bottom: 15px;
  font-family: arial;
  font-size: 10pt;
  border: 2px solid black;
  background-color: #fff;
}

#right-area {
  float: left;
  width: 290px;
  margin-top: 8px;
  /* display: none ; */
}

#right-area {
  float: right;
  width: 290px;
  margin-top: 8px;
}

#right-sidebar-content {
  width: auto;
  margin-right: 5px;
  margin-top: 10px;
  background: none;
  border: none;
}



.corner-tl, .corner-tr, .corner-bl, .corner-br {
  background-color: #949fc6;
  position: relative;
  width: 19px;
  height: 19px;
  display: none;
}

.corner-tl, .corner-bl { float: left; left: 0px; }
.corner-tr, .corner-br { float: right; right: 0px; }
.corner-tl, .corner-tr { top: 0px; }
.corner-bl, .corner-br { bottom: 0px; margin-top: -19px; /* Opera fix (part 1) */ top: -18px;}

html>body .corner-tl { background: #949fc6 url("/designv2/stdimage/corner-tl.png") no-repeat left top; }
html>body .corner-tr { background: #949fc6 url("/designv2/stdimage/corner-tr.png") no-repeat right top; }
html>body .corner-bl { background: #949fc6 url("/designv2/stdimage/corner-bl.png") no-repeat left bottom; }
html>body .corner-br { background: #949fc6 url("/designv2/stdimage/corner-br.png") no-repeat right bottom; }

.corner-tl { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/designv2/stdimage/corner-tl.png',sizingMethod='scale'); }
.corner-tr { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/designv2/stdimage/corner-tr.png',sizingMethod='scale'); }
.corner-br { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/designv2/stdimage/corner-br.png',sizingMethod='scale'); }
.corner-bl { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/designv2/stdimage/corner-bl.png',sizingMethod='scale'); }

/* \*/
.corner-tl, .corner-tr, .corner-bl, .corner-br {
  /* Restore the view for everything but IE6/Mac (part 2 of the "IE/Mac fix") */
  display: block;
}
/* */

.corner-bl, .corner-br {
  top: 0px;
}


div#hold
{
  position: relative;
  overflow: hidden;
  width: 240px;
  height:170px;
  z-index:100;
}

div#wn
{
  position:absolute;
  left:0px; top:0px;
  width:240px;
  height:170px;
  clip:rect(0px, 240px, 170px, 0px);
  overflow:hidden;
  z-index:1;
}

div#hold2
{
  position: relative;
  overflow: hidden;
  width: 240px;
  height:320px;
  z-index:100;
}

div#wn2
{
  position:absolute;
  left:0px;
  top:0px;
  width:240px;
  height:320px;
  clip:rect(0px, 240px, 320px, 0px);
  overflow:hidden;
  z-index:1;
}

div#scrollbar {
  position:relative;
  left:0;
  top:0;
  width:11px;
  height:160px;
  font-size:1px;
  z-index:1;
}

div#track {
  position:absolute; left:0; top:12px;
  width:11px; height:136px;
  background: url("designv2/stdimage/track.gif") #336 repeat;
  z-index:2;
}

div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:2;
}

div#up { position:absolute; left:0; top:0; z-index:3 }
div#down { position:absolute; left:0; bottom:0; z-index:4 }

div#scrollbar2 {
  position:relative;
  left:0;
  top:0;
  width:11px;
  height:320px;
  font-size:1px;
  z-index:1;
}

div#track2 {
  position:absolute;
  left:0;
  top:12px;
  width:11px;
  height:306px;
  background: url("designv2/stdimage/track.gif") #336 repeat;
  z-index:2;
}

div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:2;
}

div#up2 { position:absolute; left:0; top:0; z-index:3 }
div#down2 { position:absolute; left:0; bottom:0; z-index:4 }
td#scrollLinks  { width:12px }
td#scrollLinks2  { width:12px }

a img { border: none; }

div.content
{
  font-family: arial;
  font-size: 9pt;
  position:absolute;
  visibility:hidden;
  left:0px; top:0px;
  z-index:5;
  text-align: left;
}

.uevent { 
  font-family: Tahoma,Arial,Helvetica,sans-serif; 
  font-weight: bold; 
  font-size: 9pt;
  color: #000000;
  background: #F7F8A8;
  padding: 2px;
  border-top: 1px solid #6261a5;
}

a.eventlink  {
    font-weight: normal;
    color: #6261A5;
    text-decoration: none;
}
                                                                                
a.eventlink:hover  {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.scheddt {
  font-family: Tahoma,Arial,Helvetica,sans-serif; 
  font-weight: normal; 
  font-size: 8pt;
  color: #0b2355; 
  font-style: italic;
/*  text-align: right; */
}

.eventdt { 
  width: 100%;
  font-family: Tahoma,Arial,Helvetica,sans-serif; 
  font-weight: normal; 
  font-size: 8pt;
  color: #0b2355; 
  font-style: italic;
  text-align: right;
  padding-bottom: 3px;
}

.eventtext { 
  font-family: Tahoma,Arial,Helvetica,sans-serif; 
  font-weight: normal; 
  font-size: 9pt;
  color: #121212; 
  font-weight: normal;
  margin-bottom: 5px;
}

.sermondata { 
  font-family: Tahoma,Arial,Helvetica,sans-serif; 
  font-weight: normal; 
  font-size: 9pt;
  color: #ffffff; 
  background: #5C6290;
  border-bottom: 1px solid #5A5A61;
  margin-bottom: 3px;
}

.sermontitle { 
  width: 100%;
  font-family: Tahoma,Arial,Helvetica,sans-serif; 
  font-weight: bold; 
  text-align: center;
  font-size: 10pt;
  color: #000000;
  background: #F7F8A8;
}

.sermondate { 
  font-family: Tahoma,Arial,Helvetica,sans-serif; 
  font-weight: normal; 
  font-size: 8pt;
  color: #0b2355; 
  font-style: italic;
  text-align: right;
}

SPAN.small {
  color: #000000;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  font-size: 9pt;
  font-style: normal;
}

SPAN.smalli {
  color: #000000;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  font-size: 9pt;
  font-style: italic;
}

.copyright {
  font-family: Tahoma,Arial,Helvetica,sans-serif; font-weight: normal; font-size: 8pt;
  color: #121212; font-weight: normal;
}
                
.monhead, .dayhead, .today, .day, .offday, .prevnext { 
  font-family: Verdana,Arial,Hevetica,sans-serif; 
}

.prevnext { 
  font-size: 7.5pt; 
  color: white; 
  background: #0d4f82; 
}

.monhead, .dayhead { 
  color: white; 
  background: #0d4f82 
}

.monhead { font-size: 12pt; font-weight: bold; }

.dayhead { font-size: 11pt; font-weight: normal; }

.day, .today { font-weight: bold; text-decoration: underline; font-size: 7.5pt; }

.day { color: black; background: white;}
.today { color: black; background: #7275fc; }
.offday { background: #0b2355; }

.eventtxt { 
  font-weight: normal; 
  font-family: Arial,sans-serif; 
  font-size: 8pt; 
}

div#eventInfo {
  position: absolute;
  left: 100px;
  top: 250px;
  width: 300px;
  height: 250px;
  z-index: 10;
  background: #ffffff;
  overflow: auto;
  border: 2px solid black;
  display: none;
  visibility: hidden;
}

a.closebox, a.closebox:hover {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

.closebox {
  font-size: 10pt;
  color: #ffffff;
  font-weight: bold;
  padding-right: 10px;
}

.smallbblk {
  font-family: Tahoma,Arial,Helvetica,sans-serif; 
  font-weight: normal; 
  font-size: 7.5pt;
  color: black; 
  font-weight: bold;
}

.evtlabel, .evtinfo { font-family: Verdana,Arial,Hevetica,sans-serif; }
.evtlabel { background: #d0c0a0; color: #0b2355; font-weight: bold; }
.evtinfo { color: black; font-weight: normal; font-size: 8pt; }

div.valuehead {
  background: white url('/images/valuebg.jpg');
  height: 64px;
  padding: 0px;
  margin: 2px;
  border-top: 1px solid #0b2355;
}

span.valueword {
  font-family: sans-serif;
  font-size: 22pt;
  letter-spacing: 0.2em;
  font-weight: bold;
  color: #0b2355;
}
   
#left-content-box {
  position: absolute;
  font-size: 0.9em;
  left: 0;
  width: 530px;
  height: auto;
  margin: 10px;
  z-index: 2;
  margin-left: 0.5em;
  padding-left: 10px;
  padding-bottom: 15px;
  margin-right: 10px;
  padding-right: 10px;
}

#left-content {
  padding: 10px;
  border: 2px solid black;
  background-color: #fff;
  padding-bottom: 15px;
}

#right-content-box {
  font-size: 0.9em;
  width: auto;
  min-width: 150px;
  margin: 10px;
  z-index: 3; /* content can overlap when the browser is narrow */
  margin-left: 550px;
  padding-left: 24px;
  margin-right: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
}

#right-content {
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
/*  font-family: arial;
  font-size: 10pt; */
  border: 2px solid black;
  background-color: #fff;
}

#full-page-box {
  position: absolute;
  font-size: 0.9em;
  left: 0;
  width: auto;
/*  height: auto; */
  min-width: 820px;
  margin: 10px;
  z-index: 3;
  margin-left: 0.5em;
  margin-right: 15px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
}

#full-page-content {
  padding: 10px;
  padding-bottom: 15px;
  border: 2px solid black;
  background-color: #fff;
}

div.parahead {
  padding: 2px;
  font-size: 140%;
  font-weight: bold;
  font-family: sans serif,arial;
  color: #6871ac;
  letter-spacing: 0.2em;
  width: 97%;
  border-bottom: 1px solid #aaa; 

}

div.pastorhead {
  padding: 2px;
  font-size: 140%;
  font-weight: bold;
  font-family: sans serif,arial;
  color: #6871ac;
  letter-spacing: 0.2em;
  border-bottom: 1px solid #aaa; 

}


div.valuehead {
  background: white url(/images/valuebg.jpg);
  height: 64px;
  padding: 0px;
  margin: 2px;
  border-top: 1px solid #0b2355;
}

span.valueword {
  font-family: sans-serif;
  font-size: 22pt;
  letter-spacing: 0.2em;
  font-weight: bold;
  color: #0b2355;
}

div#pagehead {
  width: 340px; 
  height: 48px;
  margin: 0px; 
  margin-bottom: 10px;
  display: none;
}

html>body #pagehead { background: white url("/designv2/stdimage/page-title.png") no-repeat }

div#pagehead { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/designv2/stdimage/page-title.png',sizingMethod='scale'); }

/* \*/
div#pagehead {
  /* Restore the view for everything but IE6/Mac (part 2 of the "IE/Mac fix") */
  display: block;
}
/* */

div#pagetitle {
  padding: 10px; 
  font-weight: bold; 
  font-family: verdana; 
  font-size: 16pt; 
  letter-spacing: 0.1em; 
  padding-top: 12px;
}

div#sermonseries-text {
  font-size: 10pt;
/* Made non-italic for ACTS */
/*  font-style: italic; */
/*  color: #2d2d6d;
  color: #e91d2b; */
  color: #ea2f2a;
  padding: 5px;
}

.banner {
  margin-top: 15px;
  padding: 0 0 0 0;
  border: 1px solid black;
}

.textbanner {
  font-family: sans-serif,arial;
  font-size: 9.5pt;
  margin-top: 15px;
  padding: 5 5 5 5;
  border: 1px solid black;
}