/*--------------------------------------------------------------------------------------
CSS document: Atherton Pictures CSS Styling
Created: 10/12/2006
Last Modified: 10/12/2006
DESIGN: Aaron Lademann | AARON023
-------------------------------------------------------------------------------------- */
body {
	background:#402c4e url(../images/background.jpg) repeat-x;
	margin: 0;	
}
/*--------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
#nav-top	{
	position: absolute;
	width:800px;
	left: 50%;
	margin-left: -400px;
}
#header	{
	float: left;
	width:800px;
	height:83px;
	background:url(../images/header.jpg) no-repeat;
}
#headertwo	{
	float: left;
	width:800px;
	height:117px;
	background:url(../images/headertwo.jpg) no-repeat;
}	
#center	{	
	float: left;
	width:671px;
	padding: 0 64px 0 65px;
	background:url(../images/center.jpg) no-repeat;
}
#nav-topshadow	{
	float: left;
	width:671px;
	padding-bottom:14px;
	background:url(../images/top-nav_shadow.jpg) bottom left repeat-x;
	z-index: 1000;
}
#extend	{ /*-- THIS SECTION EXPANDS TO PUSH FOOTER DOWN AS CONTENT GROWS --*/
	float:left;
	width:635px;
	padding:10px 18px 3px 18px;
	background:#FFFFFF;
}
#content	{
	float:left;
	width:595px;
	min-height:258px;
	padding: 0px 20px;
	background:#808080;
}		
		/*-- IE min-height fix --*/
		* html #content	{
			height:258px;
		}
			
.accent {	/*-- FEATURE IMAGE CLASS --*/
	display:none;
}
#footer	{
	float:left;	
	width:800px;
	height:80px;
	background:url(../images/footer.jpg) no-repeat;
}
	
/*--------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */
div {position:relative;}

#printwrap	{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.accent, h1#website-title, h2#website-slogan	{
	display:none;
}

/*--- CONTENT STYLING ---*/
#content-table {
  width: 595px;
}

/*--------------------------------------------------------------------------------------
#NAV-TOP
-------------------------------------------------------------------------------------- */
#pagecontainer	{
	float:left;
	width:671px;
	z-index:1000;	
}
#navcontainer	{
	float:left;
	z-index:1000;
	width:671px;
}
#nav-wrapper 	{
	z-index:1000;
	float:left;
	width:671px ;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	background:#5d4171;	
}
/*------------------ Navigation Elements ------------------*/

#nav-top #navcontainer #nav-wrapper div, 
#nav-top #navcontainer #nav-wrapper div h3 {
	float:left;
	display:block;
	cursor:pointer;
	margin: 0;

}
	#nav-top #navcontainer #nav-wrapper div a:link, 
	#nav-top #navcontainer #nav-wrapper div a:active, 
	#nav-top #navcontainer #nav-wrapper div a:visited {
		float:left;
		padding:2px 17px;
		text-decoration:none;
		
	}
	#nav-top #navcontainer #nav-wrapper div a:hover {
		border-bottom:2px solid #ffffff;
		padding-bottom: 0;
	}
	
	
		#nav-top #navcontainer #nav-wrapper div div.submenu, 
		#nav-top #navcontainer #nav-wrapper div div.submenu h3 {
			float:left;
			display:block;
		}
		#nav-top #navcontainer #nav-wrapper div div.submenu {
			position:absolute;
			top:0;
			left:0;
			visibility: hidden;
			border:1px solid #FFFFFF;
			margin-top:-4px;
			width:169px;
			

			
		}
			#nav-top #navcontainer #nav-wrapper div div.submenu div {
				border-bottom:1px solid #808080;
				display:block;
				margin:0;
			}
			#nav-top #navcontainer #nav-wrapper div div.submenu a:link, 
			#nav-top #navcontainer #nav-wrapper div div.submenu a:active, 
			#nav-top #navcontainer #nav-wrapper div div.submenu a:visited {
				width:169px;
				float:left;
				border:none;
				border-right:0;
				
						/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:135px;
			}
			#nav-top #navcontainer #nav-wrapper div div.submenu a:hover {
				padding-bottom: 2px;
				border-top:0;
			}