/* CSS Document by Jean Jan 8,2009 */
/*  ------ Prince of Peace Lutheran Church St. Joseph Illinois home page layout ------
DOCUMENT ORGANIZATION: 
  
	1 - html/body basics
	2 - Header 
	3 - top of page:  main navigation
	4 - left of page: sub navigation
	5 - main content
	6 - References
	7 - Footer	

LAST UPDATED: 1.28.2009  */
/*--------- 1. html/body basics ----------------------------*/
html {
	background: Maroon;/* url(../images/logo_12.jpg) no-repeat 15% 3%; background-color:rgb(238,230,240);*/
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 90%;
    margin-left:15%;
 	margin-right:15%;
	
}

body {
   
	position:absolute;
	z-index: 2;
	width: 71%;
	height:80%;
	font-family: Verdana, Sans-serif, Arial, Helvetica;
	color: black;
    background:#FFFFFF url(../images/logo_12.jpg) no-repeat 14% 3%;
 	margin-right:15%;
}
  

/***** 2. header **************************/
#header{
	position: relative;
    z-index:3;
	width:71%;
	height: 2%; 
	font-size: 8pt;
	text-align: center;
	/*background-color: white;*/
	margin-left:4%;
    
	
 	
}

/* ---3.  MAIN NAVIGATION --- */
.main_menu {
	position: relative;
	top:19%;
	z-index: 10; /*background: #FFEA71;*/
	border: thin inset #DAA520;
	width: 99%;
	padding-right:.5em;  
	color: white;
	font-family: Verdana, Sans-serif, Arial, Helvetica;
	font-size: 9pt;
	height: auto;
	background-color: #B22222; /*#FFEA71;*/
	

}

.sub_menu {
	position:absolute;
	top:25%;
	width: 21%;
	margin-left:4%;
	height:auto;
	padding-left: 1em;
	/*background: #FFEA71;*/
	color: black;
	font-family: Verdana, Sans-serif, Arial, Helvetica;
	font-size: small;
	
}



/*---------------------5. - Main Content---------------*/
#login{
	color:white;
}
#login a:link{
	color:white;
}


#main_content{
	position: absolute;
	top:25%;
	margin-left:21%;
	width: 70%;
    height:auto;
	/*background: #FFFFCC;*/
    font-size: small;
	border-left: 1px solid gray;
	color:black;
	padding: 1em;
	
}
#main_content  title{
	position: relative;
	top: 5px;
	left: 0px;
	color: Maroon;
	padding: 1em;
	font-size: medium;
	font-weight: bold;
	text-align: center;
}

#main_content  td{
	position: relative;
	top: 5px;
	left: 0px; /*font-size:11pt;*/
	font-size: small;
	color: Black;
	line-height: 18px;
	text-align: left;
	text-indent: 5%;
}


#main_content td  a:link {
	color: Blue;
	text-decoration: none;
}

#main_content td  a:visited  {
	text-decoration: none;
	color: Maroon;
}

#main_content td  a:active   {
	text-decoration: none;
	color: Navy;
}

#main_content td  a:hover    {
	text-decoration: underline;
	color: Green;
}
	
#main_content th  a:link {
	color: Blue;
	text-decoration: none;
}

#main_content th  a:visited  {
	text-decoration: none;
	color: Maroon;
}

#main_content th  a:active   {
	text-decoration: none;
	color: Navy;
}

#main_content th  a:hover    {
	text-decoration: underline;
	color: Green;
}
	
.search{
	position: absolute;
	top: 30px;
	left: 650px;
	border: 0px inset #FFFFCC;
}

/* ------------------- 6. - reference ------------------- */

.reference {
	position: relative;
	z-index: 3;
    height: 22%;
	width: 95%;
	font-size:small;
	top:58%;
/*	background: #FFEA71;*/
	margin-left:4%;
	
	border-bottom: 1px solid gray; /*width: 400px;*/
	border-top: 1px solid gray; /*width: 400px;*/
	
}

/* ------------------- 7. - FOOTER ------------------- */
.footer {
  position: relative;
  z-index:3;
  top:60%;
  width:95%;
  height:11%;
 
  font-size:small;
 /* background: #FFCC66;*/
 
  margin-left:4%;
}

#header a:link     {
	font-family: Verdana, Sans-serif, Arial, Helvetica;
	color: blue;
	text-decoration: none;
	font-size: 8pt;
}

#header a:visited  {
	text-decoration: none;
	color: Teal;
}

#header a:active   {
	text-decoration: none;
	color: #8B4513;
}

#header a:hover    {
	text-decoration: underline;
	color: Purple;
}

.breadcrumb {
	font-family: Verdana, Sans-serif, Arial, Helvetica;
	color: black;
	text-decoration: none;
	font-size: 8pt;
}

.breadcrumb a:link     {
	font-family: Verdana, Sans-serif, Arial, Helvetica;
	color: Blue;
	text-decoration: none;
	font-size: 8pt;
}

.breadcrumb a:visited  {
	text-decoration: none;
	color: Maroon;
}

.breadcrumb a:active   {
	text-decoration: none;
	color: Navy;
}

.breadcrumb a:hover    {
	text-decoration: underline;
	color: Green;
}

.main_menu td {
	padding: 2px;
	/*padding-left: .2em;*/
	color: white;
	border: thin outset #C86839;
	font-size: 12px;
	font-weight: bold;
	
}

.main_menu a:link {
	color: white;
	text-decoration: none;
}

.main_menu a:visited {
	color: white;
	text-decoration: none;
}

.main_menu a:hover {
	color: yellow;
	text-decoration: underline;
}  

/* --- 4. Left sub NAVIGATION --- */

.memo_in_sub_menu ul{
	padding-left: 1em;
   color: Blue;
	font-family: Verdana, Sans-serif, Arial, Helvetica;
	font-size: 8pt;


}


.sub_menu td{

	color: white;
	/*border: thin outset #A0522D; /*background-color: #E1AD33;*/
	/*background-color: #FFFFCC;*/
	/*padding: 1px;*/
}
.sub_menu a:link {
 /*	color: white;*/
	color:blue;
	text-decoration: none;
}

.sub_menu a:visited {
	color: #510000; /*color: #8B0000;*/
	text-decoration: none;
}

.sub_menu a:hover {
	color: #8283FF;
	text-decoration: underline;
} 


#main_content .mp_backlinks{
	font-size:8pt;
	text-align:left;
  color:black;	
}
#main_content .mp_backlinks a{
 font-size:8pt;
 text-decoration: none;
 color: blue;
}

#main_content .mp_backlinks a:visited .mp_backlinks a:active{
	font-size: 8pt;
	color: Maroon;
	text-decoration: none;
}

#main_content .mp_backlinks a:hover{
	font-size: 8pt;
	color: Green;
	text-decoration: underline;
	
}




#main_content  h1{
	position: relative; /*top: 5px;
	left: 0px;*/
	color: #29003C; /*font-size:9pt;*/
	font-size: 16px;
	text-align: left; /*line-height: 1;*/
	border-bottom: medium double #A0522D; /*width: 400px;*/
	border-top: medium double #A0522D; /*width: 400px;*/
	padding-left: 10px; /*background-color: White;*/
	
}



#main_content  h2{
	position: relative;
	top: 5px;
	left: 12px;
	color: Green; /*font-size:10pt;*/
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	
/*	border-bottom: 1px ridge #993333;
	margin-right: 16px;*/
	
}




#main_content  p{
	position: relative;
	top: 5px;
	left: 0px;
	line-height: 1.6em;
	font-size: 12px; /*line-height: 2;*/
	margin-left: 10px;
	margin-right: 10px;
}

#main_content ul li{
   position: relative;
	top:5px;
	left: 0px;
 	color:#330000;
	font-size:10pt;
	
}

#main_content ul li a:link {
    color: blue;
    text-decoration: none;
}

#main_content ul li a:visited {
    color: #990000;
    text-decoration: none;
}

#main_content ul li a:hover {
    text-decoration: underline;
    color: #EA7C50;
} 
#main_content ul li a:active   {
            text-decoration:none;
            color:#FF0000;
 }	
	
#main_content ol li{
  position: relative;
	top:5px;
	left: 0px;
 	color:#330000;
	font-size:10pt;
	
}








#main_content .a:link {
	color: Blue;
	text-decoration: none;
}

#main_content .a:visited {
	color: Maroon;
	text-decoration: none;
}

#main_content .a:hover {
	text-decoration: none;
	color: Green;
} 
#main_content .a:active   {
	text-decoration: none;
	color: Green;
}	
	
	
.site_map{
	color:black;
}
	
	
	
.footer div{
	text-align:center;

}