/*--------------------------------------------------------------------------------
+  CSS Document for AmazingFlies.com 
+
+  Copyright (c) 2005 - AmazingFlies, LLC
+
+  Web-design by DharmaWorks Consulting
+
+------------------------------------------------------------------------------*/

/* 
   FORMATTING STYLES

*/
body
{
	margin: 0px;
	padding: 0px;
	font-family: Papyrus, Arial, sans-serif;
	font-size: 10pt;
	background: url(images/back_bowl.gif) fixed no-repeat;

}






/*--------------------------------------------------------------------------------------*/
/*
  LAYOUT STYLES
  
  We have a pretty basic layout with a header, a menu on the left, and 
  a main content area.  The main content area has a few layouts -
  the home page, the fly page, and the document-like page. 
  
*/

/* 
   Header area 
   
   The whole header is a 740x90 area 
*/
#header
{
	padding: 0px;
	margin: 4px;
	border: none;
	top: 0px;
	left: 0px;
	width: 740px;	
	height: 90px;
	text-align: center;
}


/* define fonts specific for the headerbar where the Home link resides */
/* these are the same as the menubar header classes (see below)			   */
#header h1
{
	font: bold 28pt/30pt Papyrus, Arial, sans-serif;
	color: #000000;
}

#header h2
{
	font: bold 14pt/16pt Papyrus, Arial, sans-serif;
	color: #000000;
}



/*
   Menu area 
   
   This is on the left side of the page and is 175px wide
*/
#menu
{
	position: absolute;
	background: transparent;
	top: 125px;
	left: 0px;
	width: 150px;
	height: 400px;
	padding: 0px;
	border-right: dashed #808080 1px;
	font: bold 12pt/16pt Papyrus, Arial, sans-serif;
}

#content
{
	position: absolute;
	background: transparent;
	top: 125px;
	left: 160px;
	width: 580px;
	height: 400px;
}

#content li a
{
	text-decoration: none;
	font: bold 9pt/10pt Papyrus, Arial, sans-serif;
	color:  #666666; 
}

#content li a:hover 
{
	color:  #666666;
	background-color: transparent;
	text-decoration: underline; 
}


/*--------------------------------------------------------------------------------------*/
/* 
   MENU BAR STYLES
   
   The menu bar is a bit funky in that the top-level items can be either hot or not 
   so just using a ul is not possible.  Because of this we'll use h1 tags for the 
   top level navigation which can be a hot-link or a category heading.  These show in dark
   background with light text.  The 2nd tier navigation is all done using ul lists and
   shows as dark text on a light background.

*/

/* class for the list sub-menus */
#menu ul
{
	list-style: none;
}

#menu li
{
	border-top: 0;
	padding-left: 0px;
}

#menu li a
{
	text-decoration: none;
	font: bold 9pt/10pt Papyrus, Arial, sans-serif;
	color:  #999999; 
}

#menu li a:hover 
{
	color:  #999999;
	background-color: transparent;
	text-decoration: underline; 
}