body {
 
  font-size: 0.75em;
  font-family: Arial, Helvetica, Arial, Sans-Serif;
  /*font-family: "Lucida Sans" Helvetica, Arial, Sans-Serif; */
  /* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
  margin: 6px 0px 6px 0px; 
  padding: 0px;      
}
tr {
  vertical-align: top;
}

/* --------------------------------------------- */

h1, h2, h3, h4 {
  padding: 0px;
  margin: 0px;
}


h1 {
  font-size: 1.6em;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 24px;
  color: #4B6883;
  /*font-variant: small-caps;*/
}
h2 {
  font-size: 1.2em;
  font-weight: bold;
  color: #4B6883;
  text-decoration: underline;
  margin-top: 12px;
  margin-bottom: 6px;
}
h3 {
  font-size: 1.1em;
  font-weight: normal;
  color: #4B6883;
}
h4 {
  font-weight: bold;
  color: black;
}

/* --------------------------------------------- */   

p { margin-bottom: 8px; line-height: 1.5em; background: transparent; font-family: Lucida Grande, Tahoma, Verdana, Arial, sans-serif; color: #000;}
   
a { text-decoration: none; color: blue; }
a:hover { text-decoration: underline; color: maroon; }

.exterallink {
  background: url(../images/externallink.png) center right no-repeat;	
  padding-right: 13px
}

    
img { border: none; }
 

dt {
  padding: 0px;
  margin: 0px;  
  font-weight: bold;
}   
dd {
  padding: 6px 0px 12px 12px;
  margin: 0px; 
}

form {
  margin: 0px;
  padding: 0px;
}
    
/* --------------------------------------------- */    
/* --- These IDs contain all page content    --- */
/* --------------------------------------------- */

#validation{
  width: 760px;      
  margin-top: 12px;
}
#pagecontainer {
  padding: 0px 4px 0px 4px;
  width: 760px;      
  margin: 0px;
  background: url(../images/bg_shade.gif) repeat-y center; 
}
#container {
  margin: 0px;
  padding: 0px;
  width: 750px;      
  border: 2px solid maroon;
  text-align: left;
  background-color: White;
}

/* --------------------------------------------- */

#headersearch {
 text-align: right; 
 background-color: maroon;
 color: white;
}
#headersearch input {
  font-size: 0.8em;
}
#headersearch a, #headersearch a:hover {
  color: white;
}

#header {
  background-color: #D7161F;
  border-top: 2px solid maroon;
  padding: 6px 4px 6px 12px;
  text-align: left;
}
#headerimage {
  
}

/* --------------------------------------------- */

.message {
  color: #D7161F;
  font-weight:bold;
}
.message p {
  color: #D7161F;
  font-weight:bold;
}

/* --------------------------------------------- */
/* -- Nav styles adapted from A List Apart   -- */
/* --------------------------------------------- */

#menu {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
  background-color: #4DB848;
	margin: 0px;
  width: 100%;
  padding: 4px 0px 4px 0px;
  text-align: center;
}
#menu ul .off { display: none; }

#menu li {
  float: left;
  position: relative;
  padding: 0px 6px 0px 12px;
}
#menu ul, #menu li {
	display: inline;
	margin: 0;	
	color: #fff;
}
#menu ul a, #menu li a { color: #fff; }
#menu li ul { /* second-level lists */
	position: absolute;
	top: 1.1em;
	left: 0;
  padding: 6px 6px 3px 0px; 
  background-color: #4DB848;
	display: block;  
  width: 140px;
}
#menu li li { padding-bottom: 3px; }
#menu li > #menu ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
#menu li:hover ul, #menu li.over ul { /* lists nested under hovered list items */
  display: block;
}

/* --------------------------------------------- */

#middle {
  clear: both;
  background-color: White;
  padding: 18px;
}
#middledivided {
  clear: both;
  background-color: White;
}
#middlehome {
  clear: both;
  padding:0px;
  margin: 0px;
  background: white url(../images/bg_homebanner.jpg) no-repeat; border: 0px solid yellow; padding: 6px 12px 12px 12px;  
  border-bottom: 3px solid #4DB848;
}


#middlebottom {
  clear: both;
  border-top: 2px solid maroon;
  background-color: #F0F8FF;
  background-color: #E3F1DE;
  padding: 0px 12px 12px 12px;
}
#footer {
  padding: 2px;
  text-align: center;
  color: White; 
  background-color: #4DB848;
  clear: both;
}

/* --------------------------------------------- */

#logon {
  padding-top: 24px;
}

/* --------------------------------------------- */

.clusterlist {
  padding: 0px;
  margin: 0px 0px 10px 0px;
  list-style: url(../images/bullet_red.gif)  
}

/* --------------------------------------------- */

.red {
  color: maroon;  
}
.error {
  color: red;
  font-weight: bold;  
}
.small {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;  
}

/* --------------------------------------------- */

#dividedleft {
  font-size: 0.9em;
  width: 180px;
  margin-bottom: 12px;
  text-align: left;
  padding: 12px;
  background-color: #D4EFFC;
} 
#dividedleft ul, #dividedleft ol{
  padding: 0px;
  margin-left: 24px;
}

#dividedmiddle {
  margin-bottom: 12px;  
  padding: 0px 6px 12px 12px;
}       
#dividedright {
  width: 232px;  
  padding: 0px 12px 12px 12px;
  margin: 0px 0px 12px 0px;    
  /* text-align: center; */
  background-color: #E3F1DE
}    

/* --------------------------------------------- */

#churchlist { font-size: 1em; list-style-image: url(../images/bullet_church.gif); }
#clusterlist { font-size: 1em; list-style-image: url(../images/bullet_red.gif); }
#clusterlist li, #churchlist li { padding-bottom: 0.8em; }

.teamlist { font-size: 1em; list-style-image: url(../images/bullet_church.gif); }
.teamlist li { padding-bottom: 0.8em; }


/* --------------------------------------------- */   
  
#churchinfo dt {
  background-color: #F0F8FF;
  margin: 0px;
  padding: 2px 2px 2px 4px;
  font-weight: bold;
}
#churchinfo dd {
  margin: 0px;
  padding: 2px 2px 6px 18px;
}

.homenewsandevents {
  padding: 6px 12px 12px 12px ;
}
.homenewsandevents dl {
  margin-bottom: 0px;
  padding-left: 8px;
  font-size: 0.9em;
}
.homenewsandevents dt {
  padding: 0px;
  margin: 0px;  
  font-weight: bold;
}   
.homenewsandevents dd {
  padding: 2px 0px 6px 12px;
  margin: 0px; 
  font-size: 0.9em;
}
.homebuttonpanel {
  float: right; width: 192px; padding-top: 6px;
}
.homebutton {
  background: url(../images/button.gif) no-repeat; height: 40px;padding: 11px 10px 8px 16px; font-variant: normal;margin:0px;
}
.hometext {
  margin-top: 190px;
}
.hometext h1{
  margin-bottom: 0px;
}
.hometext p{
  margin-top: 6px;
}

/* --------------------------------------------- */

.userform {
  width: 275px;
  border: 2px solid #4B6883;
  background-color: #eeeeee;
  padding: 6px;
  line-height: 2em;
  margin: 18px 12px;
  vertical-align: top;
}
    
/* --------------------------------------------- */
/* News/Events panel styles.

   There are essentially 2 types: normal and wide
   wide panel styles have "wide" prepended to them
   Also, wide styles are available in different 
   colours

 */    
/* --------------------------------------------- */

.panel, .widepanel {     
  padding: 0px;
  margin-bottom: 12px;
  text-align: left;
}
.panel { width: 240px; }
.widepanel { width: 520px; }

.panelmain, .widepanelmain, .widepanelmainGreen, .widepanelmainRed {
  font-size: 1em;
  border-left: 2px solid #C6E5ED;
  border-right: 2px solid #C6E5ED;
  background-color: #F0F8FF;
  padding: 0px 6px 0px 12px;
}
.paneltop, .widepaneltop, .widepaneltopRed, .widepaneltopGreen, .panelbottom, .widepanelbottom, .widepanelbottomRed, .widepanelbottomGreen {
  font-size: 2px;
  height: 7px;
}

.paneltop     { background: url(../images/paneltop.gif) no-repeat; }
.panelbottom  { background: url(../images/panelbottom.gif) no-repeat; }

    
.widepaneltop       { background: url(../images/widepaneltop.gif) no-repeat; }
.widepaneltopGreen  { background: url(../images/widepaneltopgreen.gif) no-repeat; }
.widepaneltopRed    { background: url(../images/widepaneltopred.gif) no-repeat; }

.widepanelmainGreen {
  border-left: 2px solid #C6EDC6;
  border-right: 2px solid #C6EDC6;
  background-color: #F0FFF3;
}
.widepanelmainRed {
  border-left: 2px solid #EDC6CB;
  border-right: 2px solid #EDC6CB;
  background-color: #FFEEED;
}

.widepanelbottom      { background: url(../images/widepanelbottom.gif) no-repeat; }
.widepanelbottomGreen { background: url(../images/widepanelbottomgreen.gif) no-repeat; }
.widepanelbottomRed   { background: url(../images/widepanelbottomred.gif) no-repeat; }

/* --------------------------------------------- */