/* Reset padding and margin values */

body, h1, h2, h3, p, #container, #pageheader, #rightmenu, #titlebox, #pagemain, #leftpanel, #leftpanel ul, 
#leftpanel li, #leftpanel .notices, #leftpanel .notices dl, #leftpanel .notices dt, 
#leftpanel .notices dd, #leftpanel .notices .bottom, #pagefooter {
   padding: 0px; margin: 0px; }

   
/* Link styles */

a { text-decoration: none; /*border-bottom-width: 1px; border-bottom-style: dashed; */}
a:hover { text-decoration: underline; /*border-bottom-width: 1px; border-bottom-style: solid; */}     

body { background-color: #ccc; font-size: 0.75em; padding: 24px;}

h1 { font-size: 1.4em; padding: 8px 0px 8px 0px; }
h2 { font-size: 1.2em; padding: 6px 0px 6px 0px; }
h3 { font-size: 1.1em; }

p {
  padding: 8px 0px 8px 0px;
}


#container, #pagemain { width: 768px; }


#container {background-color: white; }

#pageheader { }
#rightmenu {    background: white url('../css/panel_top.gif') no-repeat top right; padding: 3px 12px 3px 2px; text-align: right; font-size: smaller; color: #3D597A;}
#rightmenu a { color: #3D597A; }
#rightmenu a:hover { color: #ffcccc; }

/*#titlebox { text-align: left; padding: 6px 6px 6px 12px; border-bottom: 18px solid #3D597A; } */
#titlebox { text-align: left; padding: 0px;  }

#pagemain { padding: 2px; }



/* Main Menu Styles */

#leftpanel { width: 146px; float: left; background: #E3E8F2 url(../css/leftpanel_bottom.gif) no-repeat bottom center; padding: 12px 1px 58px 1px; }
#leftpanel ul { list-style: none; }
#leftpanel ul li { font-family: arial; font-weight: bold; color: #ffffff; text-align: Left; margin: 2px; padding: 2px; background-color: #3D597A; }               
#leftpanel ul li:hover { background-color: #C0C097; }               
#leftpanel ul li a { color: #ffffff; border: none; text-decoration: none; }
#leftpanel ul li a:visited { color: #ffffff; text-decoration: none; border: none; }
#leftpanel ul li a:hover { color: #cc6666; text-decoration: underline; border: none; }	
#leftpanel ul .ce { background-color: #3399ff; } 
#leftpanel ul .de { background-color: #006601; } 
#leftpanel ul .hfw { background-color: #CC6600; }

/* Notices Panel styles */

#leftpanel .notices { background: url(../css/panel_main.gif) no-repeat top center; text-align: left; margin: 12px 0px 12px 0px; }
#leftpanel .notices p { font-size: 0.9em; }
#leftpanel .notices h3 { padding: 6px 0px 6px 0px; font-size: 1em; padding-top: 6px; text-align: center; }
#leftpanel .notices dl { list-style: none; padding: 0px 0px 0px 12px; font-size: 0.9em;  }
#leftpanel .notices dt { font-weight: bold; }
#leftpanel .notices dd { padding: 0px 0px 6px 12px; }
#leftpanel .notices .bottom { text-align: center; background: url(../css/panel_bottom.gif) no-repeat bottom center; padding: 2px 0px 8px 0px; }


#youareherebar {
  font-size: 0.75em; color: #999;padding-bottom: 0px;
}

#maincontentfull {
 padding: 6px 12px 12px 6px; margin-left: 156px; text-align: left;
}

#maincontentleft {
   margin-left: 156px;
   width: 296px; margin-right: 300px;
   text-align: left;
   padding: 6px 6px 12px 6px;
}

* html #maincontentleft {
   margin-left: 156px;
   width: 284px; margin-right: 300px;
   text-align: left;
   padding: 6px 6px 12px 6px;
}

#maincontentright {
  width: 295px; 
  float: right; margin-right: 4px;
  text-align: left; padding: 0px;
  background-color: #ffffee;
  border: 2px solid #ccc;  
}



/* Quicklink Buttons */

#quicklinks, #quicklinks ul, #quicklinks ul li {
  padding: 0px; margin: 0px; }
#quicklinks { background: #ccc; width: 295px; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; }
#quicklinks ul { list-style: none; height: 43px; }

#quicklinks ul li { float: left; font-weight: bold; 
                    text-align: center; height: 38px; vertical-align: middle; 
                    width: 72px; padding-top: 5px; background-color: #E3E8F2; }
#quicklinks ul li:hover { background-color: #CC6666; }               
#quicklinks ul li:hover a { color: white; }               
#quicklinks ul li a { color: #3D597A; border: none; text-decoration: none; }
#quicklinks ul li a:visited { color: #3D597A; text-decoration: none; border: none; }
#quicklinks ul li a:hover { color: white; text-decoration: underline; border: none; }	


/* Weekly Events panel */

#weeklyEventsHome, #weeklyEventsHome p, #weeklyEventsHome dl, #weeklyEventsHome dt, #weeklyEventsHome dd, #weeklyEventsHome h3, #weeklyEventsHome .bottom {
  padding: 0px; margin: 0px;}
#weeklyEventsHome { padding-top: 3px; background: #ffffee repeat-y top left; }
#weeklyEventsHome p { font-size: 0.9em; }
#weeklyEventsHome h3 { font-size: 1em; padding: 6px 0px 8px 12px; text-align: left; }
#weeklyEventsHome dl { list-style: none; padding: 0px 0px 0px 12px; font-size: 0.9em;  }
#weeklyEventsHome dt { font-weight: bold; }
#weeklyEventsHome dd { padding: 0px 0px 6px 12px; }
#weeklyEventsHome .bottom { text-align: center; padding: 2px 0px 8px 0px; }



/* Sermon Table Styles */

.sermons { width : 550px; margin: 6px 0px;}
.sermons, .sermons td { border: 1px solid #666; font-size: 12px; }
.sermons thead { background-color: #99B2CC; }
.sermons thead td { padding: 2px 6px; }
.sermons td { padding: 1px 6px; }
.sermons tr { vertical-align: top; }
.sermons .c1 {  }
.sermons .c2 {  }
.sermons .c3 { text-align: center; }
.sermons .c4 { text-align: center; } 
.sermons thead .c1, .sermons thead .c2, .sermons thead .c3, .sermons thead .c4{ text-align: center; }
.sermons .c1 { width: 70px; }
.sermons .c2 {  }
.sermons .c3 { width: 100px; }
.sermons .c4 { width: 100px; } 
.sermons .odd { background-color: #EFF3F8} 
.sermons .comment {
  font-size: 10px; color: #666;
}


.sermonsarchive { 
  width: 95%;
  border: 3px solid #CCCC99;
  padding: 0px; margin: 12px 0px 0px 0px;
}

.sermondatelist {
  list-style: none;
  width: 100%;
  padding: 0px; margin: 0px;
  border-top: 2px solid #CCCC99;
  border-bottom: 2px solid #CCCC99; 
  margin-bottom: 6px;
  background-color: #CCCC99;
  height: 1.8em;
}
.sermondatelist li {
  float: left;
  line-height: 1.4em;
  padding: 2px 13px 3px 13px;
  margin-bottom: 6px;
  background-color: inherit;
}
.sermondatelist .selected, .sermondatelist .sel, .sermondatelist li .selected, .sermondatelist li .sel {
  background-color: white;
}
.sermondatelist .grey {
  color : #999;
}


#pagefooter { clear: both; background-color: #3D597A; padding: 3px 12px 3px 2px; text-align: center; font-size: smaller; color: white; }



/* Miscellaneous classes */
.blank { clear: both; }
  
  
  
/* Old styles carried over */
hr { color: #C0C0C0; margin: 0px; padding: 2px}
ol { margin-top : 5px; margin-bottom : 5px; font-size: 10px;}
.quote { margin-left: 10px; font-size: 10px; background-color: 
               #FFFFFF; border: 2px solid #C0C0C0; margin: 2px; margin-top: 5px; padding: 2px; padding-left: 5px;  }