﻿/* Global Styles */

    * {margin: 0;}

body {
font-family: Arial;
font-size:14px;
background-image:url('tempimg/background.jpg');
background-repeat:repeat-x;
background-position:center top;
background-color:#300202;
}

p {
	font-size:14px;
	margin-top:10px;
	margin-bottom:10px;
}
	a, h2 a:hover, h3 a:hover {
	color:maroon;
	text-decoration: none;
}
h1 {
	font-size: 28px;
    margin-bottom:15px;
    margin-top:10px;
    color:#3E0801;
        font-family: 'Arial';
	font-weight: bold;
}
h2 {
	font-size: 24px;
    margin-bottom:15px;
    margin-top:15px;

    font-family: 'Arial';
	font-weight: bold;
}
h3 {
	font-size: 20px;
    margin-bottom:15px;
    margin-top:15px;
    font-family: 'Arial';
	font-weight: bold;
}
h4 {
	font-size: 18px;
    margin-bottom:15px;
    margin-top:15px;
	color:maroon;
    font-family: 'Arial';
	font-weight: bold;
}
ol,ul,dl
{
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right:0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
    padding:0 40px;
}

#Container {       
    margin: auto;
    position:relative;
    z-index:10;
    width:980px;
    
}
#Header {
	    position:relative;
	    background-repeat:no-repeat;
	    background-image:url('tempimg/TopReg.png');	   
	    background-position:center bottom;
    	height:300px;
    	z-index:10;
    	margin-left:-22px;
	    margin-right:-22px;

}
#HomeHeader {
	    position:relative;
	    background-repeat:no-repeat;
	    background-image:url('tempimg/HomeTop.png');	   
	    background-position:center bottom;
    	height:150px;
    	z-index:10;
    	margin-left:-22px;
	    margin-right:-22px;

}
#Bible {
		position:absolute;
		z-index:20;
		left:20px;	
		top:50px;
}
#Content {       
	    position:relative;
	    background-image:url('/tempimg/Middle.png');
	    background-position:top center;
	    padding-left:20px;
	    padding-right:20px;
	    margin-left:-20px;
	    margin-right:-20px;
		width:980px;
		z-index:9;
}


#Footer {       
    margin: auto;
    height:80px;
    position:relative;
    background-image:url('tempimg/Bottom.png');
    background-position:bottom;
    background-repeat:no-repeat;
	    padding-left:20px;
	    padding-right:20px;
	    margin-left:-20px;
	    margin-right:-20px;
	    width:980px;
	    z-index:80;
	    padding-top:10px;	
}


#Contact {
height:10px;
position:absolute;
z-index:500;
right:20px;
top:5px;
color:white;
text-align:right;

}
#Contact a {
	color:#000000;
	font-weight:bold;
	font-size:14px;
}
#cover {
	width:670px;
	position:absolute;
	top:195px;
	left:20px;
	height:290px;
	background-image:url('tempimg/cover.png');
	z-index:500;
}

#slideshow {
	position:relative;
	top:0px;
	left:-10px;
	}
#slidebuttons {
	z-index: 300;
	position :absolute;
	width:400px;
	top: 265px;
}
#FooterText
{
	width:980px;
	position:absolute;
	top:20px;
	z-index:300;
	text-align:center;
	font-size:12px;
	color:black;
	}
/* Menu */
#MenuSpot {
	position:absolute;
	left:300px;
	top:112px;
}
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	font-size:16px;
}
#nav td{
	position:relative;
}
#nav a{
	display:block;
	padding-top:7px;
	padding-bottom:8px;
	padding-left:15px;
	padding-right:15px;
	color:#fff;
	text-decoration:none;		
}
#nav a:hover{
	color:#fff;
	background:#590A0D;
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav table{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	
}
#nav table td{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	
}
#nav table a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
		margin:0px;
	border: 3px solid white;

}
#nav td:hover table{ /* Display the dropdown on hover */
	
	left:-1px; /* Bring back on-screen when needed */
	

}
#nav td:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:white;
	color:#310202;
	text-decoration:none;

}
#nav td:hover table a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	background:#280C0C;
	color:white;
		
}
#nav td:hover table td a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
		margin:0px;
	border: 3px solid #280C0C;
	
	background:white;
	color:#280C0C;
}
/*--- MgmtMenu ---*/
#MgtSpace {
	position:relative;
	height:25px;
}
#MgtMenu {
	position:fixed;
	bottom:0px;
	width:100%;
	height:55px;
	background-color:white;background-image:url('/images/SKWDMGMTHeaderbg.jpg');
	border-top-width:3px;
	border-top-color: gray;
	border-top-style: solid;
	z-index:50;
}
#MgtMenu table {
	width: 900px;
	height: 55px;
	background-image:url('/images/SKWDMGMTHeader.jpg');
	color:white;
	background-repeat:no-repeat;
}
#MgtMenu a {
	text-decoration:none; color:white;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
}
