b { color:#CCCC99; }


		
		img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
			 z-index: 0;
		}
		
				
		#pie {
		
			width: 500px;
			height: 500px;
			/* Set up positioning */
			position: fixed;
			top: 0;
			right: 0;
			 z-index: 1;
		}
		
#open {
		
			width: 500px;
			height: 500px;
			/* Set up positioning */
			position: fixed;
			top: 130px;
			left: 0;
			 z-index: 2;
		}
		
		#flash {
		
			width: 100%;
			height: 100%;
			/* Set up positioning */
			position: fixed;
			top: 0px;
			left: 0;
			 z-index: 2;
		}
		
		#enter {
		
			width: 150px;
			height: 50px;
			/* Set up positioning */
			position: fixed;
			top: 280px;
			left: 515px;
			 z-index: 2;
		}
		
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}



#header

{
height: 175px; width: 750px; position: relative; margin: 0px auto;  z-index: 3 }
		#topper {
	
				position: relative; 
		margin: 0;
			
			/* These have no effect on the functionality */
			width: 540px;
			
			height: 20px;
			
			background: transparent;
			
	
		}
		
		
#wrapper
		{
		 position: relative; width: 730px; margin: 0px auto; padding-bottom: 50px;
		  z-index: 2;
		 }
		 

#floater
		 {
		  background-image:url(images/floater_bg.png) ;
		  background-repeat: repeat-y;
		  background-position: 0px 0px;
		  
		  position: relative;  
		  width: 165px; 
		  float: right; 
		  margin-top: 175px;
		  padding: 18px 5px 15px 5px;
		  font-family: Helvetica, Times, sans-serif;
		 font-style: none;
			font-size: 12px;
			color: #fff;
			font-weight: normal;
			line-height: 150%;
			z-index: 4;}
		  
#side
		  {
		  float: right; width: 140px; padding-top: 0px; font-size: 11px; line-height: 120%;}
		
		
#meat
	{
	 width: 330px; border-right: 1px solid #fff; padding-right: 12px;
	 }
	 
	 #wide
	{
	 width: 500px; padding-right: 12px;
	 }
	 
	 
	 
		div#content {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			/* These have no effect on the functionality */
			width: 500px;
			margin: 0;
			padding: 0px 20px 20px 20px;
			font-family: helvetica, arial, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
			-moz-box-shadow: #000 4px 12px 10px;
			-webkit-box-shadow: #000 4px 20px 10px;
			 background-image:url(images/bg_menu.png);
			 color: #fff;
		}
		
		body {
			/* These rules have no effect on the functionality */
			/* They are for styling only */
			margin: 0;
			padding: 0px;
			background-color: #000;
		}
		
		h1 { font-family: Georgia, Arial sans-serif;
		font-style: italic;
			font-size: 16px;
			color: #fff;
			font-weight: normal;
			line-height: 150%;
			padding-bottom: 15px;
			border-bottom: 1px solid #C90;
			}
			
				h2 { font-family: Helvetica, Arial sans-serif;
			font-style: normal;
			font-size: 14px;
			color: #C90;
			font-weight: normal;
			line-height: 150%;
			margin: 0px;
			padding: 15px 0px 15px 0px;
			border-bottom: 1px solid #C90;
			border-top: 1px solid #C90;
			}
		
		h3 { font-family: Georgia, times serif;
			font-style: italic;
			font-size: 18px;
			color: #C90;
			font-weight: normal;
			line-height: 150%;
			margin-top: 10px;}
			
			h4 { font-family: Helvetica, Arial sans-serif;
			font-style: none;
			font-size: 12px;
			color: #FC0;
			font-weight: normal;
			text-transform: uppercase;
			line-height: 150%;
			margin: 0px 0px 3px 0px;}
			
			
			a.menu
			{ font-family: Helvetica, Arial sans-serif;
			font-style: none;
			text-decoration: none;
			font-size: 12px;
			color: #fff;
			font-weight: normal;
			text-transform: uppercase;
			line-height: 150%;}
			margin: 0px 0px 3px 0px;
			}
			
			
			
		a.menu:visited
			{ font-family: Helvetica, Arial sans-serif;
			font-style: none;
			text-decoration: none;
			font-size: 12px;
			color: #fff;
			font-weight: normal;
			text-transform: uppercase;
			line-height: 150%;}
			margin: 0px 0px 3px 0px;
			}
			

		
			
	a.menu:hover {font-size:12; font-weight: normal; color: #FC0;} 
	a.menu:active {font-size:23; font-weight: bold; color: #000;} 
	
	

body#about a#aboutnav,
body#history a#historynav,
body#life a#lifenav,
body#amen a#amennav,
body#loc a#locnav,
body#area a#areanav,
body#life a#lifenav,
body#cont a#contnav,
body#build a#buildnav,
body#search a#searchnav,
body#home a#homenav,
body#team a#teamnav,
body#casa a#casanav,
body#design a#designnav
{
color: #fff;
font-weight: bold;
}

	
	
	a:link { color: #cc9; } 
	a:visited { color: #cc9; } 
		a:hover {font-size:12; font-weight: normal; color: #FC0;} 
		
	
	a.enter:link { 
	font-family: Georgia, Times, Serif; font-size: 16px; color: #000; font-style: italic; text-decoration: none; font-weight: bold; }
	
		a.enter:visited { 
	font-family: Georgia, Times, Serif; font-size: 16px; color: #000; font-style: italic; text-decoration: none; font-weight: bold; }
	
		a.enter:hover { 
	font-family: Georgia, Times, Serif; font-size: 16px; color: #fff; font-style: italic; text-decoration: none; font-weight: bold; }
	
	
	
	#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
	
	#mini-menu
	{ float: right;
	}
#menu {
height: 33px; width: 100%; background-image:url(images/bg_nav.png); color: #CC9900; position: relative; margin-bottom: 10px; text-align: center; padding-top: 13px;  z-index: 2;
min-width: 780px;


}










ul.cssMenu ul{display:none}

ul.cssMenu li:hover>ul{display:block}

ul.cssMenu ul{position: absolute;left:-1px;top:98%;}

ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}

ul.cssMenu,ul.cssMenu ul {

	margin:0px;

	list-style:none;

	padding:0px 2px 2px 0px;


}

ul.cssMenu table {border-collapse:collapse}ul.cssMenu {

	display:block;

	zoom:1;

	float: left;

}

ul.cssMenu ul{

	width:117.60000000000001px;

}

ul.cssMenu li{

	display:block;

	margin:2px 0px 0px 2px;

	font-size:0px;

}

ul.cssMenu a:active, ul.cssMenu a:focus {

outline-style:none;

}


ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {

	display:block;

	vertical-align:middle;

	background-color:#660;

	border-width:0px;

	border-color:#6655ff;

	border-style:solid;

	text-align:left;

	text-decoration:none;

	padding:4px;
	
	margin-bottom: 2px;

	_padding-left:0;

	font:normal 11px Verdana;

	color: #cccc99;

	text-decoration:none;

	cursor:default;

}



ul.cssMenu span{

	overflow:hidden;

}

ul.cssMenu li {

	float:left;

}

ul.cssMenu ul li {

	float:none;

}

ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;

}


ul.cssMenu li.sep{

	text-align:center;

	padding:0px;

	line-height:0;

	height:100%;

}


ul.cssMenu li.sep span{

	float:none;	padding-right:0;
	
	height:16;

	display:inline-block;

	background-color:#AAAAAA;
	}


ul.cssMenu ul li.sep span{

	height:3;

}

ul.cssMenu li:hover{

	position:relative;

}

ul.cssMenu li:hover>a{

	background-color:#990;


	font:normal 11px Verdana;

	color: #ffffff;

	text-decoration:none;

}

ul.cssMenu li a:hover{

	position:relative;

	background-color:#600;

	border-color:#665500;

	border-style:solid;

	font:normal 11px Verdana;

	color: #ffffff;

	text-decoration:none;

}

ul.cssMenu li.dis a {

	color: #AAAAAA !important;

}




ul.cssMenu img.over{display:none}

ul.cssMenu li.dis a:hover img.over{display:none !important}

ul.cssMenu li.dis a:hover img.def {display:inline !important}

ul.cssMenu li:hover > a img.def  {display:none}

ul.cssMenu li:hover > a img.over {display:inline}

ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}

ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}

ul.cssMenu a:hover ul{display:block}

ul.cssMenu span{

	display:block;
   padding-right:0px;}



}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	}

#sddm li
{	margin: 0;
	padding-top: 6px;
	list-style: none;
	float: right;
	font: bold 11px arial;
	background-image:url(images/mini.png) ;
	width: 120px;
	height: 28px;}

#sddm li a
{	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	width: 90px;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: none;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 5px;
		
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #900;
		color: #fff;
		font: 11px arial}

	#sddm div a:hover
	{	background: #660;
		color: #FFF}