﻿/* Global Styles */

    * {margin: 0;}

body {
font-family:  Georgia, "Times New Roman", Times, serif;
font-size:14px;
background-image:url('tempimg/FullBack.jpg');
background-repeat:repeat-x;
background-color:#FFFFFF;
}



p {
	font-size:14px;
	margin-top:10px;
	margin-bottom:10px;
}
	a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
}
h1 {
	font-size: 28px;
    margin-bottom:15px;
    margin-top:0px;
    color:#57697D;
       
	font-weight: bold;
}
h2 {
	font-size: 24px;
    margin-bottom:15px;
    margin-top:15px;

    
	font-weight: bold;
}
h3 {
	font-size: 20px;
    margin-bottom:15px;
    margin-top:15px;
   
	font-weight: bold;
}
h4 {
	font-size: 18px;
    margin-bottom:15px;
    margin-top:15px;
	color:maroon;
   
	font-weight: bold;
}
#Container {       
    padding-top:182px;
    margin: auto;
    position:relative;
    z-index:9;
    width:950px;
    
}
#Header {
	    position:absolute;
	    background-repeat: repeat-y;
	    background-position:center top;
    	height:200px;
    	left:0;
    	top:0;
        padding-left:35px;
	    padding-right:35px;
	    margin-left:-35px;
	    margin-right:-35px;
		min-width:100%;
    	z-index:10;
    	background-image:url('tempimg/FWCtop.png');
    	
    	
}
#Bill {
		position:absolute;
		z-index:20;
		right:-10px;	
		top:4px;
}
#Logo {
		position:absolute;
		z-index:20;
		left:10px;
		top:2px;	
}
#Content {       
	    position:relative;
	    background-image:url('tempimg/FWCBodyBACK.png');
	    background-position:center;
	    padding-left:35px;
	    padding-right:35px;
	    margin-left:-35px;
	    margin-right:-35px;
	    padding-bottom:10px;
		width:950px;
		z-index:9;
}
#fill {
	background-image:url('tempimg/FWCFill.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	width:910px;
	min-height:400px;
	}

#Footer {       
    margin: auto;
    height:75px;
    position:relative;
    background-image:url('tempimg/FWCBodyBottom.png');
    background-position:bottom;
    background-repeat:no-repeat;
	    padding-left:45px;
	    padding-right:45px;
	    margin-left:-35px;
	    margin-right:-35px;
	    z-index:8;
		width:930px;
}

#Contact {
height:10px;
position:absolute;
z-index:500;
right:20px;
top:5px;

color:#57697D;
text-align:right;
}
#Contact a {
	color:#57697D;
	font-size:14px;
	
}
#slideshow {
	width:613px;
	position:relative;
	top:14px;
	left:14px;
	}
#slidebuttons {
	z-index: 300;
	position :absolute;
	width:400px;
	top: 265px;
}
#FooterText
{
	width:930px;
	position:absolute;
	top:10px;
	z-index:300;
	text-align:center;
	color:black;
	font-size:14px;
	color:black;

	}
/* Menu */
#MenuSpot {
	position:absolute;
	right:4px;
	bottom:-5px;
	margin-left:-2px;
	margin-right:-2px;
}
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	font-size:16px;

	font-family:   Georgia, "Times New Roman", Times, serif;


}
#nav td{
	position:relative;
}
#nav a{
	display:block;
	padding:7px;
	padding-bottom:7px;
	padding-left:15px;
	padding-right:15px;
	color:white;


	text-decoration:none;
		
}
#nav a:hover{
	color:black;
	background-image:url('/tempimg/FWCMenuShade.png');
	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;
	background-color:#52637D;
	
}
#nav table a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
		margin:0px;
	border: 1px solid #FFFFFF;

}
#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. */
		
	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;
		
}
#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: 1px solid #FFFFFF;
	background-image:url('tempimg/FWCMenuShade.png');
}
/*--- 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;
}
