/* created by Paul Saltzman @ DOG ARM DESIGN */
html
{
height: 100%;
}

body {
	background-image: url('images/menu/Page-BgTexture.png');
	text-align: center;/* centers in IE */
	height: 100%;
	font: 100% georgia, sans-serif; 
}		

.PageBackgroundGlareImage {
  	background-image: url('images/menu/Page-BgGlare.png');
  	background-repeat: no-repeat;
  	height: 483px;
 	width: 304px;
  	margin: 0px 0px;
  	position: absolute;
	left:0px;
	top:0px;
}

h1 { 
	font: italic normal 1.5em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #540005;
	/* used in richingrace.html, teach_me.html, fundamental.html  */
}	

h2 { 
	font: italic normal 1.5em georgia, sans-serif;
	text-align: center;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #540005;
/* h2 is the same as h1 but h2 centered */
/* used in christianhandbook.html, christiansexuality.html, catechism.html, dailyprayer.html, 
 * eucharistic.html, for_all_the_saints.html, frocedtopray.html, hymns.html, thechurch.html, tracts.html, fundamental.html,
 * justicefalckner.html */		
}	

h3 { 
	font: italic normal 1.0em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #540005;
	/* used in christiansexuality.html,catechism.html, eucharistic.html, 
	 * for_all_the_saints.html, richingrace.html, teach_me.html, thechurch.html, tracts.html, fundamental.html */
}	

h4 { 
	font: italic normal 1.0em georgia, sans-serif;
	text-align: center;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #540005;
/* used in for_all_the_saints.html, frocedtopray.html, katherinevonbora.html, teach_me.html, thechurch.html, justicefalckner.html  */	
}	

h5 { 
	font: italic normal 100% georgia, sans-serif; 
}	

h6 { 
	font: italic normal 0.75em georgia, sans-serif;
	letter-spacing: 1px; 
	text-align: right;
	margin-bottom: 0; 
	color: #540005;
/* used in christianhandbook.html, christiansexuality.html, catechism.html, dailyprayer.html, eucharistic.html, for_all_the_saints.html, frocedtopray.html*/		
}

#sub { 
	font: italic normal 75% georgia, sans-serif; 
}
/* I needed more types of text block */
/* used in christianhandbook.html,  */		

#header { 		 
	height: 130px; 
	width: 907px;
	background-color: transparent;
	margin-left:auto;
	margin-right:auto;  
	}
	
/* this is the menu header */

#nonFooter
{
position: relative;
min-height: 100%;
}

* html #nonFooter
{
height: 100%;
}

#content
{
padding-bottom: 9em;
}

#footer { 	
 
	height: 30px; 
	width: 907px;
	position: relative;
	background-color: white;
	margin-left:auto;
	margin-right:auto;  
	}		


#navheader {
    width: 100%;
	height: 130px; 
	margin: 0px 0px;
    position: absolute;
	background-color: transparent;
	text-align: left; /* counters centers in IE and sets it right*/
	}
	
/* search field, if you couldn't figure it out by the name */		
#search { 
	z-index: 4;
	top: 0px; 
	left: 500px;
	margin-top: 0px; 
	width: 250px; 
	height: 75px;
	text-align: left;
	font-size: 11pt;
	position: absolute;
	}
	
/* this is the navigation menu just the bar one image for no load time */
#menubar {
    z-index: 2;
	width: 700px; 
	height: 30px;
    background: url(images/menu/button3states.png);
    margin: 70px 65px;
    position: absolute;
	}
		
#menubar li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
		
#menubar li, #menubar a {height: 30px; display: block;}

#index {left: 35px; width: 100px;}
#forum {left: 135px; width: 100px;}
#shop {left: 235px; width: 100px;}
#blog {left: 335px; width: 100px;}
#lutheranforum {left: 435px; width: 130px;}
#links {left: 565px; width: 100px;}

#index a:hover {background: transparent url(images/menu/button3states.png) -35px -30px no-repeat;}
#forum a:hover {background: transparent url(images/menu/button3states.png) -135px -30px no-repeat;}
#shop a:hover {background: transparent url(images/menu/button3states.png) -235px -30px no-repeat;}
#blog a:hover {background: transparent url(images/menu/button3states.png) -335px -30px no-repeat;}
#lutheranforum a:hover {background: transparent url(images/menu/button3states.png) -435px -30px no-repeat;}
#links a:hover {background: transparent url(images/menu/button3states.png) -565px -30px no-repeat;}

#index a:active {background: transparent url(images/menu/button3states.png) -35px -60px no-repeat;}
#forum a:active {background: transparent url(images/menu/button3states.png) -135px -60px no-repeat;}
#shop a:active {background: transparent url(images/menu/button3states.png) -235px -60px no-repeat;}
#blog a:active {background: transparent url(images/menu/button3states.png) -335px -60px no-repeat;}
#lutheranforum a:active {background: transparent url(images/menu/button3states.png) -435px -60px no-repeat;}
#links a:active {background: transparent url(images/menu/button3states.png) -565px -60px no-repeat;}
/* end of the menubar */

#background {
 		z-index:1;
		font-size: 0%;
		height: 75px;
		width: 120%; 
    background: url(images/menu/bgbar.png) no-repeat;
    margin: 0px 45px; padding: 0;
    position: absolute;}

#lutherrose {
		z-index:4;
		font-size: 0%;
		width: 122px; 
		height: 130px;
    background: url(images/menu/lutherrose.gif) no-repeat;
    margin: -5px -40px; padding: 0;
    position: absolute;}

#trlamb {
		z-index:4;
		font-size: 0%;
		width: 122px; 
		height: 138px;
    background: url(images/menu/tr_lamb.gif) no-repeat;
    margin: -5px 755px; padding: 0;
    position: absolute;}
	
/* end of the menu header */
/* Body of the Document*/

	#frame {
		width:865px;
		min-height:300px;
		margin-left:0px;
		margin-top:0px;
		padding-top:0px;
		background-color:#ccccff;
		text-align:left;
		}
	
	#contentleft {
		text-align: center;
		margin-top:100px;
		padding-top:30px;
		padding-bottom:30px;
		width:175px;
		min-height:300px;
		padding-left:5px;
		height:auto;
		float:left;
		position: relative;
		font: 75% georgia, sans-serif;
		}
	
	#contentcenter {
		margin-top:100px;
		width:500px;
		min-height:400px;
		padding-top:15px;
		padding-left:15px;
		padding-right:15px;
		padding-bottom:30px;
		float:left;
		background:#fff;
		position: relative;
	}
	
	#contentright {
		margin-top:110px;
		width:150px;
		min-height:300px;
		padding-top:30px;
		padding-left:5px;
		padding-bottom:30px;
		height:auto;
		float:left;
		position: relative;
		font: 75% georgia, sans-serif;
		}
	
		
	/* special containers*/


#image {
		width:90%;
		padding:12px 12px 12px 12px;
		margin:10px 10px 10px 10px;
		height:auto;
		float:left;
		}	
#text {
		width:100%;
		height:auto;
		float:left;
		}
#store{
		width: 440px; 
		height: 116px; 
		margin-left:auto;
		margin-right:auto;
		}
		
.rollover a {
display: block;
height: 134px;
_height: 140px;
width: 444px;
_width: 450px;
padding:3px 3px 3px 3px;
font: bold 13px sans-serif;;
color:#333;
background: url("images/store.png") no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -140px;
}
.rollover a:active {
background-position: 0 -280px;
}

.storenav a {
 	
display:block;
text-align: center;
margin-left:auto;
margin-right:auto;
height: 18px;
_height: 20px;/* allows mozilla and ie to use padding the same*/
width: 128px;
_width: 130px;
padding:1px 1px 1px 1px;
font: bold 13px sans-serif;;
color:#333;
background: url("images/storenav.png") no-repeat;
text-decoration: none;
}
.storenav a:hover { 
background-position: 0 -20px;
}
.storenav a:active {
background-position: 0 -40px;
}

.promo a {
			
		display:block;
		margin-left:auto;
		margin-right:auto;
		height: 124px;
		_height: 132px;/* allows mozilla and ie to use padding the same*/
		width: 125px;
		_width: 132px;
		padding:4px 4px 4px 4px;
		color:#333;
		background: url("images/promo.png") no-repeat;
		text-decoration: none;
	}
		
		.promo a:hover { 
		background-position: 0 -132px;
		}
		.promo a:active {
		background-position: 0 -264px;
		}

.promotdonate {
	
		margin-left:auto;
		margin-right:auto;
		width: 122px;
		_width: 132px;
		height: 132px;
		background: url("images/promotdonate.png") no-repeat;
		padding:4px 6px 6px 4px;
		}
		
.promotl a {
			
		display:block;
		margin-left:auto;
		margin-right:auto;
		height: 120px;
		_height: 132px;/* allows mozilla and ie to use padding the same*/
		width: 121px;
		_width: 132px;
		padding:6px 6px 6px 5px;
		color:#333;
		background: url("images/promotl.png") no-repeat;
		text-decoration: none;
	}
		
		.promotl a:hover { 
		background-position: 0 -132px;
		}
		.promotl a:active {
		background-position: 0 -264px;
		}
		
.promolg a {
	
	display:block;
	margin-left:auto;
	margin-right:auto;
	height: 150px;
	_height: 170px;/* allows mozilla and ie to use padding the same*/	
	width: 150px;
	_width: 170px;
	padding:10px 10px 10px 10px;
	color:#333;
	background: url("images/promolg.png") no-repeat;
	text-decoration: none;
	}
.promolg a:hover { 
background-position: 0 -170px;
}
.promolg a:active {
background-position: 0 -340px;
}

.promolgtl a {
display:block;
text-align: center;
margin-left:auto;
margin-right:auto;
height: 150px;
_height: 170px;/* allows mozilla and ie to use padding the same*/	
width: 150px;
_width: 170px;
padding:10px 10px 10px 10px;
font: bold 13px sans-serif;;
color:#333;
background: url("images/promolgtl.png") no-repeat;
text-decoration: none;
}
.promolgtl a:hover { 
background-position: 0 -170px;
}
.promolgtl a:active {
background-position: 0 -340px;
}