@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
/*	background: Silver;*/
	background: #ffffff;
	background-color: #cee1f3;
	font: .9em/140% Verdana, Helvetica, Trebuchet, serif;
	/*color: #333;*/
	color: #222;
	background: #CEE1F3 url(background2_01.jpg) no-repeat scroll center top;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

#maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color: #FFFFFF;
}

/*
p {
	margin: 1.2em 0; padding: normal;
}

ul, ol {
	margin: .9em; padding: .9em;
}
*/

/* navigation
================================================ */

a:link {
	/*color: ActiveCaption;*/
	text-decoration: underline;
}
a:visited {
	/*color: ActiveCaption;*/
	text-decoration: underline;
}
a:hover {
	/*color: Silver;*/
	text-decoration: underline;
}
a:active {
	/*color: ActiveCaption;*/
	text-decoration: underline;
}

/* headers
================================================ */
#main {
	margin: 0;
	padding: 0;
	height: 91px;
	background: #8bb9e1;
	color: #000000;
	font: 140% Georgia, Times, serif;	
	background-image: url(images/united_methodist_church_westlake_village_main_02.jpg);
	background-repeat: no-repeat;
}

#main img {
	margin: 0; padding: 0;
}

#divider {
	margin: 0;
	padding: 0;
	height: 21px;
	background: #6f89d9;
	z-index:1;
/*	text-align: right; */
}

#content {
padding-left: 15px;

}

#extra {
background-image: url(images/whiteblue_background.jpg);
}

.welcometext {
padding-top: 0px;
padding-left: 15px;
padding-right: 25px;
padding-bottom: 0px;
text-align: justify;
}

/* list fix
================================================ */

.listfix { margin-left: 2em; }



/* dropdown menus
================================================ */

#divider {
	margin: 0;
	padding: 0;
	height: 21px;
	background: #6f89d9;
	z-index:100;
/*	text-align: right; */
}

/*
#menu {
position: absolute; 
top: 91;
left: 240;
z-index:100;
width: 100%; 
}
*/

/*
a {
	text-decoration: none;
}

a:link {
	color: #080;
}

a:visited {
	color: #790;
}

a:active {
	color: red;
}

a:hover {
	text-decoration: underline;
}
*/

.divlink a {
display: block;
width: 160px;
/*background: url(images/navbg.gif) repeat;*/
}

.divlink a:hover {
/*background: url(images/navhoover.gif) repeat;*/
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #7089DB;
	top: auto;
	left: auto;
}

#divider a {
	font-weight: bold;
	color: #FFFFFF;
}

#divider a {
	text-decoration: none;
}


li li a {
	display: block;
	font-weight: bold;
	/*color: #336699;*/
	color: #FFFFFF;
	padding: 0.2em 10px;
}

 li li a:hover {
	/*width: 138px;*/
    /*background: url(images/navhoover.gif) repeat;*/
	background: #beccd9;
	color: #FFFFFF;
}

 li {
	list-style: none;
	margin-left: 0px;
	left: 0;
	float: left;
	position: relative;
	width: 11em;
	text-align: center;
	cursor: default;
	/*background-color: white;*/
	/*border: 1px solid #336699;*/
}

li#first {
	border-left-width: 1em;
}

 li#last {
	border-right-width: 1em;
}

/*
li ul {
	list-style: none;
	margin-left: -5;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	text-indent: 0;
	font-weight: normal;
	background-color: #7089DB;
	border-right: solid 1px #666666;
    border-left: solid 1px #666666;
    border-bottom: solid 1px #666666;
}
*/

ul li ul {
	list-style: none;
	display: none;
	position: absolute;
	left: 0;
	/*top: 100%;*/
	text-indent: 0;
	font-weight: normal;
	background-color: #7089DB;
	border-right: solid 1px #666666;
    border-left: solid 1px #666666;
    border-bottom: solid 1px #666666;
}

 li>ul {
	/*top: auto;
	left: auto;*/
}

 li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}

 li:hover ul, li.over ul {
	display: block;
}