/* CSS Document */
	
#BodyContainer {  /* a container for the entire page */
	 width:806px;
	 margin:2px 0px 0px 2px;
	 display:inline;
	 }

#Container-Header {  /* the page header */
    clear:both;
	width:802px;
	height:179px;
	position:relative;
	background-color: #FFFFFF;
	border: 1px none #000000;
	margin: 0px;
}

/* Mast head has 4 over lapping containers */
	#Header-Pict-Container { /* top pictures */
		z-index:1;
		height:179px;
		width:800px;
		position:absolute;
		top:0px;
		left:0px;
		vertical-align:bottom;
		}

	#Mast-Head-Container { /*title for page */
		z-index:20;
		width: 600px;
		height:120px;
		position:absolute;
		left: 1px;
		top: 1px;
		}
		
	#Statement-Container { /* statement of ministry */
	    z-index:20;
		position:absolute;
		top:88px;
		right:2px;
		width:210;
		text-align:center;
		border: 1px solid #000000;
		background:#FFFFFF;
		}
	#ELCA { /*tag line that they are associated with the Evangelical Lutheran Church of America */
		font-family:'Times New Roman', Times, serif;
		font-size:10pt;
		width:150px;
		z-index:21;
		position:absolute;
		top:160px;
		left:4px;
		}

	#navbar-top {  /* navigation */
		background:#ffffff;
		position:absolute;
		top:152px;
		right:0px;
		padding: 5px 5px 5px 0px;
		text-align: right;
		z-index:30;
		width:450px;
		border-top: 1px solid #C0C0C0;
		border-bottom: 1px solid #C0C0C0;
		background:#DFEBFB;
		}

#Container-Middle {  /* the middle "body" of the page */
	 z-index:1;
	 width:806px;
	 clear:both;
	 margin:0px;
	 position:relative;
	 background-color:  transparent;
	 }
/* the middle container has 2 columns: left nav and body */

     #Left-Navagation {
          float:left;
	      width:200px;
	      z-index:2;
	      border-right: 1px solid #C0C0C0;
	      }
	#Content-Background {
		  z-index:0;
		  position:absolute;
		  top:200px;
		  left:210px;
		  width:600px;
		  }
		  
     #Content-Body { 
	      z-index:2; 
	      float:left;
	      width:600px; 
	      margin-left:3px;
	      }
	 
 /* the bottom of the page */
 
#Container-Bottom { 
	 z-index:2;
	 float:left;
	 clear: both;
	 margin: 0px;
	 border-top: 1px solid #C0C0C0;
	 width: 800px;
	 }

/* Mast head definitions */

.masthead-title {
	font-size:34pt; 
	font-family:"Lucida Calligraphy";
	font-weight: bold; 
	font-style: italic;
	display: inline;
	color:#000000;
    }

.masthead-tag {
	font-size:12pt; 
	font-family:"Lucida Calligraphy";
	font-weight: bold;
	font-style: italic;
	color:#663300;
    }
.statement-tag {
	font-size:14pt; 
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	color:#330000;
    }

/* test of inline navigation */
#navbar-top li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index:13;
	}
#navbar-top ul {
    display:inline;
	margin: 0px;
	padding: 0px;
	}
	
#navbar-top ul li a {
	font-family: Georgia , "Book Antiqua", "Palatino Linotype", serif;
	font-size: 9pt;
	color: #333333;	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	}
#navbar-top ul li a:hover {	color: #658DB5;	}

.nav-dropmenu {
	visibility:hidden;
	display:inline;
	z-index:14;
	position:absolute;
	background-color:#FFFFFF;
	width:120px;
	padding:0px 20px 25px 5px;
	border:1px solid #C0C0C0;
	left: 529px;
	top: 174px;
   }
   	
#navbar-side-body{
	font-family: Georgia , "Book Antiqua", "Palatino Linotype", serif;
	font-size: 9pt;
	color: #333333;	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	}
#navbar-side-body a:hover {color: #658DB5;}

#nav-sidemenu  ul li a {
	font-family: Georgia , "Book Antiqua", "Palatino Linotype", serif;
	font-size: 9pt;
	color: #333333;	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
   }
#mast-map {
	font-family:"Arial Rounded MT Bold";
	font-size:12px;
	text-align:right;
	}
#mast-map a {
    color:#663300;
	}

/* styles for the middle part of the page  */
/* there are 2 columns: left nav and body */
/* since they are all in one wide container, they should stay lined up */

/* left nav styles  */
	 
/* Left Navigation styles  */
#Left-Navigation p {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	}
.LeftNavTitle {
	font-family:"Times New Roman", Times, serif;
	font-size: 11pt;
	font-weight:bold;
}
.LeftNavDropMenu {
	visibility:hidden;
	display:inline;
	z-index:14;
	position:relative;
	background-color:#FFFFFF;
	width:60px;
	padding:0px 20px 25px 5px;
	border:1px solid #C0C0C0;
	left: 50px;
	top: 5px; 
   }

 #Left-Navagation li {
	list-style-type: none;
	padding: 0px;
	margin-left: 10px;
	}
 #Left-Navagation ul,ol {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
		
#Left-Navagation ul,ol,li,a {
	font-family:"Times New Roman", Times, serif;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
/*	text-transform: uppercase; */
	}
	
#Left-Navagation a {
     border-bottom: 1px solid #C0C0C0;
    }
#Left-Navagation a:hover {	color: #658DB5;	}
/* Content Body Styles */

/* styles for the Content-header  */

#Content-Header h2 {
    font-size:16.0pt;
	color:#FF0000;
	}
	 
.Content-Header-Date {
    font-size: 9pt;
	color:#000000;
	}

/* the style for the actual "Content"   */

#Content-Body h2 {
    font-size:14.0pt;
	color:#000000;
	font-family:"comic Sans MS";
	text-align:center;
	}
#Content-Body h3 {
	font-size:12.0pt;
	color:#0000FF
	}
.Content-OR {
     color: #000000;
	 font-size: 12pt;
	 text-indent:50px;
	 font-weight:bold;
	 text-indent:50px;
	 }
	 
.Content-date {
    font-size: 9pt;
	color:#000000;
	text-align:left;
	}
	
#Content-Body p{
    font-size:12pt;
	font-family:"comic Sans MS";
	}
		
.body-text{
    font-size:12pt;
	font-family:"comic Sans MS";
	}	
#Content-Body ul,li {
    font-size:12pt;
	font-family:"comic Sans MS";
	color: #000000;
	text-decoration: none;
	}
#Content-Body ul {
	padding: 0px 0px 0px 25px;
	margin: 0px;
	list-style-type:lower-alpha;
	}
#Content-Body ul.disc {
	padding: 0px 0px 0px 30px;
	margin: 0px;
	list-style-type:disc;
	}
	
#Content-Body li {
	padding: 0px;
	margin-top:0px;
	padding-left: 30px;
	text-indent:-27px;
    font-size:12pt;
	font-family:"comic Sans MS";
	}

#Content-Body li.outdent {
	padding-left: 70px;
	text-indent:-67px;
	}
	
#Content-Body a {
    font-size:12pt;
	font-family:"comic Sans MS";
	color:#660033;
	text-decoration: underline;
	}
#Content-Body a:hover {
	color:#660000;
	font-style:italic;
	}

.bottomnotice {
	font-size:12pt;
	color:#0000FF;
	font-weight:bold;
	font-style:italic
	}

/* get whizzy with the calendar... */

#Calendar  { 
	z-index:10;
	width:800px; 
	margin-left:3px;
	position:absolute;
	top:0px;
	left:0px;
	visibility:hidden
	}
	
#Calendar-mask {
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
	width:1000px;
	height:1000px;
	background-color:#CCCCCC
	}

.Calindar-mask-img {
    opacity:.4;
	filter:alpha(opacity=40);
	}
		  
.Calendar-Header {
	color:#336699;
	font-size:18pt;
	text-align:center;
	font-weight:bold
	}
.Calendar-SubHeader {
	color:#000000;
	font-size:14pt;
	text-align:center;
	font-weight:bold
	}


/* styles for the bottom container/bottom nav */
 
#Tag-Line {
	text-align:center;
	font-size:9pt;
/*	font-weight:bold; */
	font-style:italic;
	}
.Tag-Line-Head {
	color:#9900CC;
	}
.Tag-Line-Tail {
	color:#FF0000;
	}
#Bottom-Nav { 
	text-align:center;
	z-index: 1;
	font-size:9pt;
	}
	
#Bottom-Nav a {
	font-size:9pt;
	}
	
/* special formats for special cases */

.emailform {
	display:none;
	}