/*_______________GENERAL SETUP________________*/
body { 
	font-size:76%; 
        font-family:Tahoma, Arial, sans-serif; 
        background:#dcdcdc; 
        color:black; /*main body text color*/
        margin:0; 
        line-height:130% 
	}
html { height:100.1% }
a { color:#0A77AA }
a:hover { color:palegreen }
a img, :link img, :visited img { border:none; }

/*___________________MAIN LAYOUT________________*/
.wrapper { 
	width:920px; 
        margin:0 auto 
	}
#logo { 
        width:223px; 
        height:124px; 
        float:left; 
        position:relative; 
        margin:0 
	}
#topRight { 
        height:124px; 
        width:697px; 
        float:right; 
        position:relative; 
        background:white url(http://olivetchurch.net/preschool/interface/ps_logo_right.jpg) no-repeat;
        }
#header { 
	margin:10px 15px 0 0; 
        float:right; 
        font-size:0.9em; 
        color:blue;  
	}
#header a { 
	color:blue; 
	text-decoration:none 
	}
#header a:hover{ 
	color:palegreen; 
	text-decoration:underline 
	}
#banner { 
	width:920px; 
	background:white;
	margin:0; 
	padding:0 0 5px 0; 
	overflow:hidden 
	}
#randomBanner { 
	float:left; 
	position:relative; 
	width:625px; 
	height:220px; 
	margin:20px 10px 15px 20px; 
	display:block 
	!important; 
	display:inline   
	} 
#rightBannerText { 
	width:230px; 
	background:darkseagreen; 
	border: none;
        color:white;;
	float:right; 
	position:relative;
	margin:20px 20px 15px 0;
	height:220px; 
	display:inline;
	line-height:1.4;
	} 
#rightBannerText a { color:#fff }
#rightBannerText div  { 
	height:190px; 
	width:90%; 
	color:white; 
	margin:10px 5px 0 15px  
	}
#rightBannerText h3 { 
	display:inline;
	font-size:1.1em; 
	}
#mainBg { 
	background:white;  
	width:920px; 
	margin:0 
	} 
#mainBg:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden 
	}

#mainBg { display:inline-block } /* Hide from IE Mac \*/
#mainBg { display:block } /* End hide from IE Mac */
* html #mainBg { height:1px } /*for IE6 and down*/

#homeLeft { 
	width:670px; 
	float:left; 
	margin:0 0 -10px 0;  
	}
#mainLeft { 
	width:610px; 
	float:left; 
	padding:15px 30px;
	}
#mainFull { 
	width:890px; 
	background:#fff; 
	padding:15px;  
	}
#mainContent { 
	padding:0; 
	margin:15px auto; 
	width:95% 
	}
#rightColumn { 
	width:250px; 
	float:right; 
	background:black; 
	color:#fff; overflow:visible 
	}
#rightColumn:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden 
	}

#rightColumn { display:inline-block } /* Hide from IE Mac \*/
#rightColumn { display:block } /* End hide from IE Mac */
* html #rightColumn { height:1px } /*for IE6 and down*/

* ------------------------------- Image Gallery Styles ------------------------------------ */
#gallery {
  	width: 580px;
  	float: left;
	padding:15px;	
	}
#gallery .column {
        float: left;
	width: 140px;
        padding: 5px;
	}
.photo {
        font-weight: normal;
  	width: 130px;
	height: 130px;
	text-align: center;
	border:1px solid white;
	background:#DEE1D9;
	padding: 5px;
	}
.photo a img:hover{
        border:1px solid palegreen; 
	}

/* ------------------------------------------- Ministry-Specific Styles -------------------------*/

.ministry_photo {
	float: right;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	border:2px solid #74220C; 
	}
.ministry_contact {
	padding:10px; 
	margin: 0px 0px 30px 0px
	}
	.ministry_contact h3 {
		border: none;
		text-transform: none;
		padding: 0px 0px 0px 0px;
		margin: -5px 0px -10px 0px;
		font-size: 1em;
		}	
	.ministry_contact p {
		line-height: 1.5em;
		}

/* ------------------------------- List Sections Styles ------------------------------------ */

.listBorder { 
	padding:10px; 
	float:left; 
	width:585px; 
	margin-bottom: 25px;
	background:white; 
        border:lightblue solid 4px
	}
	.listBorder img { 
		border:1px solid white; 
		margin:0 10px 0 0; 
		float:left; 
		}
	.listBorder a img:hover { 
		border:1px solid palegreen; 
		margin:0 10px 0 0; 
		float:left; 
		}
	.listBorder h4 { 
		display: inline;
		}
	.listBorder h3 { 
		display: inline;
		}
	.listBorder a { 
		text-decoration:none;
		cursor:pointer; 
		color:black; 
		}
        .listBorder a:hover { 
		color:palegreen; 
		text-decoration:underline;
		}
.clear { 
	clear:both; 
	}
.spacer { 
	height:12px; 
	clear:both;
	}	
.rtMargin { 
	margin-right:15px ;
	}
/* ------------------------------- Footer Styles --------------------------- */
#footer {
	position: relative;
	clear: both;
        height: 140px;
	padding: 15px 0;
	background:cornflowerblue;
	}
#siteMap,
#footerInfo {
	margin-top: 0px;
	}
#siteMap {
	float: left;
	width: 670px;
	}
#siteMap .column {
	float: left;
	width: 160px;
	}
#siteMap li {
	display: block;
	list-style: none;
	font-size: 0.95em;
	}
#siteMap li a {
	display: block;
	float: left;
	clear: left;
	padding: .36em 0em;
	font-weight: bold;
	color:#fff;
        text-decoration:none 
	}
#siteMap li li a {
	padding-left: 0px;
	font-size: 1.03em;
	line-height: 1em;
	font-weight: normal;
	color:#fff;
	}
#siteMap li a:hover {
	text-decoration: underline;
	color: palegreen;
	}
#siteMap li li a:hover {
	background-position: 2px 50%;
	}
#footerInfo {
        float: right;
	width: 205px;
        margin:10px 20px;
        background: white;
	border: 1px solid white;
        color:black;
	}
#footerInfo strong {
        font-size: 1.1em;
	font-weight: bold;
	color: black;
	}
#footerInfo p {
	padding-left: 15px;
        font-size: 0.95em;
	font-weight: normal;
	color: black;
	}
#copyright {
        float:left;
        text-align:center;
	width: 920px;
        color: white;
        font-size: 0.90em;
	}

/* ---------------------RIGHT COLUMN SIDE MENU STYLES--------------------------------*/
.sideMenu  { 
	width:100% !important; 
	width:90%; 
	margin:0; 
	padding:0; 
	list-style:none 
	}
.sideMenu a { 
	text-decoration:none;
	width:100%; 
	cursor:pointer; 
	color:#fff; 
	margin-bottom:1px;
	display:block;
	padding:0;
	background:url(http://olivetchurch.net/images/interface/menu-list.gif) no-repeat 0 5px; 
	padding-left:10px; 
	clear:right
	}
.sideMenu a:hover { 
        text-decoration:underline;
        color:palegreen;
        }	

/*______________HOME PAGE STYLES____________*/

/* Welcome Banner */
#welcome { 
	background:white url(http://olivetchurch.net/preschool/interface/welcomebg.jpg) no-repeat; 
	padding:0; 
	margin:0; 
	width:670px; 
	height:155px; 
	float:left; 
	color:black; 
	font-size:1.10em 
	}
#welcome a { color:#fff }
#welcome div { 
	height:100px; 
	width:90%; 
	overflow:auto; 
	color:black; 
	line-height:1.5; 
        padding:0 10px 0 0;
	margin:60px 0 0 25px 
	}
/* Newcomers Banner */
#newcomers { 
	padding:0; 
	margin:0; 
	width:220px; 
	float:left; 
	height:157px 
	}
/* Events Banner */
#calendar { 
	padding:0; 
	margin:0; 
	width:225px; 
	float:left; 
	height:157px 
	}
/* Connect Banner */
#connect { 
	padding:0; 
	margin:0; 
	width:225px; 
	float:left; 
	height:157px 
	}

/*_______________RIGHT COLUMN PAGE STYLES_________________ */


/* RIGHT COLUMN STYLES */

/* Black */
.black { 
	background: steelblue; 
	color:white; 
	padding:5px 5px 15px 15px;
	}
.black .newsflash { 
	margin:0; 
	padding:0 10px 0 0;	
	height:255px; 
	overflow:auto; 
	}
.black .newsflash p { 
	margin:0; 
	padding:3px 0 15px 15px;	
	}
.black .newsflash a { 
	font-size:1.1em;
        font-weight:bold;
        color:#F2F0B6;
	text-decoration:none;
	}
.black .newsflash a:hover { 
	color:palegreen;
	text-decoration:underline;
	}
.black h3{ 
	margin-bottom:10px; 
	font-weight:normal; 
	}
.black h3 a{ 
        font-size:1.3em;
        color:white;
        text-decoration:none;
	}
.black h3 a:hover{ 
	color:palegreen;
	text-decoration:underline;
	}

/* Grey */
.grey { 
	padding:5px 15px 15px 15px; 
	border-style: solid;
        border-width: 1px 0;
        border-color:black;
	background:palegreen;    /* url(http://olivetchurch.net/images/interface/module-bg.gif) left repeat-y; */ 
	color:white;
	}
.grey a { color:white }
.grey a:hover { 
        color:#924613;
        text-decoration:underline;
        }
.grey h3 { 
	margin-bottom:10px; 
	font-weight:normal 
	}

/* Green */
.green { 
	padding:5px 15px 15px 15px; 
	background:darkseagreen;
	color:#fff 
	}
.green a { color:white }
.green h3 { 
	margin-bottom:10px; 
	font-weight:normal 
	}

/* Light Blue (Membership Box) */
.lightblue { 
	padding:5px 15px 15px 15px; 
	border-style: solid;
        border-width: 0 0 1px 0;
        border-color:black;
	background:lightblue; 
	color:white;
	}
.lightblue a { color:white }
.lightblue a:hover { 
        color:#924613;
        text-decoration:underline;
        }
.lightblue h3 { 
	margin-bottom:10px; 
	font-weight:normal 
	}

/* END RIGHT COLUMN STYLES */


/*______________COMMENT FORM STYLES_______________*/

#comment_entry_form {
    padding: 15px 10px 15px 10px;
    width:520px; 
    border:2px solid darkseagreen; 
    margin: 30px ;
    }

    #comment_entry_form .comment_label {
        width:105px; 
        font-weight:bold; 
        text-align:right;
        float: left;
        padding: 3px 5px 0px 0px;
        margin: 5px 0px 5px 0px;
        }

    #comment_entry_form textarea { 
        border:1px solid lightblue; 
        background: #fff; 
        padding:2px 0px 0px 5px;
        margin: 5px 0px 5px 0px;
        height:130px; 
        width: 380px;
        }

    #comment_entry_form p {
        margin: 5px 0px 10px 110px;
        }

    #comment_entry_form .comment_submit {
        margin: 10px 0px 0px 0px;
        } 


/*________________GENERAL STYLES_________________*/

.clear { clear:both }
.clear-l { clear:left }
.clear-r { clear:right }
.spacer { height:10px }
hr { 
	height:1px; 
	color:#D1C0A0 
	}
.imgRight { 
	float:right; 
	position:relative; 
	border:3px double #ccc  
	}
.imgLeft { 
	float:left; 
	position:relative; 
	border:3px double #ccc 
	}
.img {  
	border:3px double #ccc 
	}
.small { 
	font-size:0.9em; 
	padding:2px 0; 
	color:#236C8C 
	}
a.readon { 
	color:#fff; 
	background:url(http://olivetchurch.net/images/interface/read.gif) no-repeat; 
	display:block; 
	width:100px; 
	height:40px; 
	padding:2px 0 4px 0; 
	font-weight:bold; 
	text-decoration:none; 
	text-align:center; 
	float:right 
	}
a.readon:hover { 
	color:#fff; 
	background:url(http://olivetchurch.net/images/interface/read-h.gif) no-repeat 
	}

h1 {  /* Used in Parents Only Blog (under author and date) */
	font-size:1.1em;
        border-bottom:1px solid #0B4853; 
	padding:0 0 10px 15px;
        font-family:Tahoma, Arial, sans-serif;
        font-weight:normal;
        margin: -35px 0 0 0;
	}
h2 {   /* Used for Titles */
	font-size:1.5em; 
	border-bottom:1px solid #0B4853; 
	border-top:1px solid #0B4853; 
        line-height:2.0em;
	padding:3px 0;
        font-family:Comic Sans MS, cursive, sans-serif; 
	}
h3 {   /*Used in Right Column Boxes */
	font-size:1.2em;
        font-family:Comic Sans MS, cursive, sans-serif; 
	}
h4 {   /* Used in List Box */
	font-size:1.2em; 
        font-family:Comic Sans MS, cursive, sans-serif; 
	}
h5 { 
	text-align:center;	
	font-size:1.2em; 
        font-family:Comic Sans MS, cursive, sans-serif; 
	}
h6 {  /* Used in Parents Only Blog */
	font-size:1.5em;  
	border-top:1px solid #0B4853; 
	padding:10px 0 0 0;
        font-family:Comic Sans MS, cursive, sans-serif; 
        }
h7 {  /* Used in Comments */
	font-size:1.0em;  
        font-weight:bold;
        font-family:Comic Sans MS, cursive, sans-serif; 
        }

/*==============================================================================

   GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.
   
   Note: This CSS code has been modified from it's original form, by Christian Templates Online, to match the theme of this template.  
         This drop menu has been tested in browsers IE6, IE7, FF, & Safari.  
         Please note: The IE6 browser renders the drop menu slightly differently, but functions is unhindered. If you would like to edit this menu system,
         please refer to the original contents, which can be downloaded from this website http://www.grc.com/menu2/invitro.htm.

==============================================================================*/


/*========================= DROP MENU CASCADE STYLES =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0 0 0 30PX;
	border:0;
	height:40px;                                  /* the menu's overall height */
	width:890px;       /* we always want our menu to fill the available space */
	font-size:1.0em;         /* this (and also below) sets the menu's font size */
        font-family:Comic Sans MS, cursive, sans-serif;
	
background: cornflowerblue      /* url(http://olivetchurch.net/preschool/interface/nav-bar.jpg) left repeat-x;  this sets the bar behind the main menu */
}
.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;        
	line-height:1.5em;           /* globally set the menu's item spacing. note */ /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
}
.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0
}
.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
}
.drop {
	display:block;
	padding:0;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer ;     /* IE tries to switch back to an I-beam, don't let it */
}
.drop span {        /* this simultaneously left and right aligns the text and */
	float:left      /* the >> in the drop-down menus which link to sub-menus */
}
.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right                 /* and right-align it at the top of our page */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;        /* initially hide the entire list hierarchy */
	padding:0            /* this is our box border width */
}
.menu ul li a,
.menu ul li a:visited {     /* unselected top-level menu items */
	display:block !important;
	display:inline;
	float:left;
	text-decoration:none;
	height:20;
        font-size:1.4em;
	color:#fff;
	text-indent:5px; /*CHANGED FROM 5*/
	margin:10px 15px; /* CHANGED - WAS "0 10PX" set top/main link menu spacing */	
}
.menu ul li:hover a,
.menu ul li a:hover {   /* selected top-level menu items */
	border:0 !important; 
	border-top:1px solid #39370A;    /* these 2 lines create the push-in illusion */
	height:20px;
        color:palegreen;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0 10px;
	top:30px;              /* CHANGED place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:13em;
	color:#fff;                        /* this sets the unselected-text color */
	background:white;         /*  this sets our menu's effective "border" color */
	padding:.07em;
        z-index: 2;
        font-size:0.85em;
        line-height:2.5em;
	
}
.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}
.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0         /* nudge the right menu right to line up under the border */
}
* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#fff;               /* this sets the unselected drop-down text color */
	background:lightblue;       /* 042A30 this sets the drop-down menu background color */
	width:13em;		
}
.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:#fff;
	background:steelblue    /*21606A*/	
}
.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.08333em; /* When using this 2nd level drop, for the best rendering results, you should not exceed over 15 characters in your link/content. */
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden
}
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin:0;	      
	top:0;
	left:8em;
	width:13em;
}
.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:13em;
	background:#042A30
}
.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:13em;
	background:#924613
}