/*
==================
Layout Details
==================
Homepage - all nav is image mapped to keep it simple. 
Main Template - 2 columns layout
Gallery template - grid of images that are linked to a pop-up window of the display or detail image.
==================
About CSS
==================
To assist viewing styles for this page: 
1. Get a copy of Mozilla Firefox at http://mozilla.org/products/firefox/ if you don't have one already.
2. Install Chris Pedericks Web Developer's Toolbar if you haven't already at http://www.chrispederick.com/work/firefox/webdeveloper/ 

Using Firefox, go to the URL. In the Information Icon in the tool bar, select "Display ID and Class Details" from the drop down menu. This display Class and ID information on the page
and how CSS has been applied to content blocks. For more information about using CSS for design and web authoring, visit alistapart.com
=====================
Browser Compatibility
=====================
Viewable in all standard compliant browsers, degrades gracefully in older, non compliant software pre 2000.
Note: Even current browsers handle CSS differently. To accomodate these differences with one style sheet, the child selector syntax is used.

The child selector: html>body #yourstylehere {margin:10px} 
IE ignores the child selector enabling page authors to assign different attributes for the same content block.
When the child selector is used it hides a set of attributes from IE but is read by Mozilla and other standard compliant browsers. The style compatible with IE uses the 
same id or class but without the child selector. You can set major differences such as margins, padding, fonts, colors, etc.
=========================
In Progress Documentation
=========================
This style sheet is in progress and may contain extraneous/unused styles while in production and until release of the final site.

Created 10/18/2005 for Metaphor Studio :: http://metaphorstudio.com :: webmaster@metaphorstudio.com
*/


body {	margin: 0px;
		color:#ffffff; 
		background-color: #FEBA01;
		font: normal 12px  arial, helvetica, sans-serif;
		}


html { min-width: 550px; }

blockquote {margin: 10px;}

sup {font-size: 8px;}

#wrap {margin:0 auto; width: 780px;}
/* stat = special positioning for the block of merchant information found on the landing page under directory.
Content can be aligned left of the feature image if it is wrapped in <p id="stats"></p>
*/ 
#stats {position: relative;
top: -280px;

left: 65%;

}

p.dir  {position:relative;  top: -200px;}

#stats p {
width: 200px;

}
#stats a {color: #FEBA01;}

hr { color: #FEBA01; background: #FEBA01; border: 0; height: 1px; text-align: center;}

h1 { font: bold 18px verdana, arial, sans-serif;
	color: #FF7F00;
	margin:0px;
	}
	
h2 { font: bold 16px verdana, arial, sans-serif;
	color: #FF7F00;
	margin:0px;
	}
	
h3 { font: bold 14px verdana, arial, sans-serif;
	color: #FF7F00;
	margin:0px;
	}
	
h4 { font: bold 12px verdana, arial, sans-serif;
	color: #FF7F00;
	margin:0px;
	}
	
h5 { font: bold 11px verdana, arial, sans-serif;
	color: #FF7F00;
	margin:0px;
	}
	
h6 { font: bold 10px verdana, arial, sans-serif;
	color: #FF7F00;
	margin:0px;
	}
	

	
h1.header { font: normal 36px fruitiger, arial, helvetica, sans-serif;
	line-height: 90%; letter-spacing: 1px;
	word-spacing: 1px;
	color: #FEBA01;
	margin-top:11px;
	margin-left: 10px;
}

h2.header { font: bold 16px arial, helvetica, sans-serif;
	color:#FEBA01;
	margin-top:8px;
	margin-left: 10px;
}	

/* global search widget*/
			
#logout {	background-color: red;
			border: 1px solid #666666;
	 	 display: inline;
		padding-left: 5px;
		margin-right: 5px;
		margin-top: 20px;
		float: right;
		}
			
#searchform {height: 26px;
			margin-top: 0px;
			 
			  }
			  
html>body #searchform {height: 26px;
			margin-top: -14px;
			 
			  }

#searchform label 
			{	
			padding-left: 5px;
			margin-top: 5px;
			margin-left: 136px;
			float: left;
			}
#search {margin: 1px;}
#searchform input
	{	border: solid 1px  #A19676;
	 	 
		padding-left: 5px;
		margin-right: 5px;
		margin-top: 0px;
		width:125px;
		float: right;
		}
		
html>body #searchform input
	{	border: solid 1px  #A19676;
	 	 
		padding-left: 5px;
		margin-right: 5px;
		margin-top: 0px;
		width:125px;
		float: right;
		}
		

#searchform2 {width: 450px; display:inline;}		
#searchform2 input
	{	border: solid 1px  #A19676;
	 	margin-right: 5px;
		margin-top: 0px;
		}
		
#searchform2 input.btn
	{	border: 0px;
	 	margin-right: 5px;
		margin-top: 0px;
		}

#searchform2 a {color: #FEBA01;}


html>body#searchform {margin-top: 0px;}		

html>body  #searchform input
	{	border: solid 1px  #A19676;
	 	height: 17px;
		padding-left: 5px;
		margin-right: 5px;
		margin-top: 0px;
		width:125px;
		float: right;
	}
	
/* end global search widget*/

#wrap {margin-bottom: 50px;}

/* homepage*/	
#search_results { margin:20px;padding: 20px;}	
#search_results a {color: #FEBA01;}

#mainlayout {}
 
#bannerHP { background: transparent url(/art/bottomBG.gif) center top no-repeat;height: 243px;}
 
#bannerHP p.banner1 {margin-left: 60px; margin-top: 50px;color: #fff; width: 400px; }

#bannerHP p.banner2 {margin-left: 260px; margin-top: -20px; color: #fff; width: 400px; }

#index_content
{ 
width: 766px;
border: 1px solid #feba01;
margin-left: 7px;
}

#index_content .index_title
{
background: #a33803;
padding-left: 35px;
padding-bottom: 0px;
padding-top: 10px;
}

#index_content .index_title h1
{
color: #feba01;
font-size: 30px;
font-weight: normal;
font-style: normal;
font-family: arial;
line-height: 70%;
}

#index_content .index_text1
{
background: #d14c09;
padding: 10px 10px 10px 10px;
vertical-align: top;
}

#index_content .index_text2
{
background: #a33803;
padding: 10px 10px 10px 10px;
vertical-align: top;
}

#index_content .index_map
{
background: #899300;
width: 170px;
text-align: center;
vertical-align: middle;
font-size: 24px;
padding-top: 20px;
padding-bottom: 20px;
}

#index_content .index_map a
{
background: #899300;
width: 170px;
text-align: center;
vertical-align: middle;
font-size: 24px;
color: #fff;
}

#index_content .index_end
{
background: #d89e00;
height: 3px;
padding: 0px;
margin: 0px;
}

.lamppost
{
background: #fff url(/art/dont_miss.gif) top left no-repeat;
width: 362px;
padding: 10px 20px 10px 100px;
}

.lamppost h1, .lamppost p, .lamppost a:link, .lamppost a:hover, .lamppost a:visited, .lamppost a:active
{
color: #fff;
font-style: normal;
font-weight: normal; 
font-family: arial;
font-size: 30px;
}

 
#banner_inside {background: #D14C09 url(/art/titleBG.gif) center top no-repeat; }

#banner_inside p {font: normal 12px arial, helvetica, sans-serif;
					margin-left: 55px; margin-top: 10px;
					line-height: 140%;margin-right: 20px;
					}
			
#basicArticle {background-color:#D14C09; height:100%;}
#basicArticle div.article {margin-left: 30px;margin-right: 30px;background-color:#D14C09; height:100%;}
html>body #basicArticle div.article p { width: 300px;margin-top: 15px; }

#basicArticle div.article a {color: #FEBA01;}


.padding {padding-left:10px;}


.titleBG {  background: #D14C09 url(/art/titleBG2.gif) center top no-repeat;}

 
 
 #footer {background-color: #FFDF88; color: #899300;text-align: center; width: 760px;margin:auto;}
 #footer a {font-size: 10px;color: #899300;}
 
 #footer p {font-size: 10px; text-align: center;} 
 #footer p a {font-size: 10px; color: #899300; text-decoration:underline;}
 
 #footer ul {font-size: 10px;
 	padding: 0;
	list-style-type: none;
	word-spacing: 5px;
	margin-top: 10px;
	text-align: center;
	
	}

#footer ul li {
	display: inline;
	text-align: center;
	margin: 0;
	}

td.navBG {background-color: #899300; border-right: 1px solid #FEBA01; width:163px;}	
.formBG {background: url(/art/mom_manNav.gif) center top no-repeat; height: 40px;}


.searchBG_lite {background: url(/art/searchBG_lite.gif) center top no-repeat; height: 40px;}
.searchBG {background: url(/art/searchBG.gif) center top no-repeat; height: 40px;}

/* section sub menu   */
			
#submenu {}

#submenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#submenu ul li {
	 
	display: block;
	border-bottom: 2px solid #899300;
	width: 162px;
	 
	float: left;
	margin: 0px;
	background-color: #ABB700;
	
}

#submenu li a {
	margin-left: 15px;
	margin-right: 6px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-size:   12px; 
	padding: 0px 0px 0px 0px;
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    12px; 
	 }
	

#submenu ul a:hover	{ margin:0px;
	background-color: #9FA90F;
	 
	}
	
#submenu li a:hover {padding-left: 15px;
padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	 } 
	
#submenu li.current_page 	{
	 
	display: block;
	border-bottom: 2px solid #899300;
	width: 162px;
	
	float: left;
	margin: 0px;
	background-color: #d14c09;
	}
/* section background colors  */	

.nav_line	{background-color: #FFD6AD;
			}
			

			
.navLinks {
	font-family: arial, helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
.downloadLinks {
	font-family: arial, helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}
.photoCaption {
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px;
	font-style: italic;
	color: #000000;
	text-decoration: none;
	}

.photoClose {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	}

a:link, a:visited, a:active 
		  {font: normal 12px  arial, helvetica, sans-serif;
			color:#ccee66;
			text-decoration: none;
			}
        
a:hover   { 
			text-decoration: underline;
			}
				
a.download:link, a.download:visited, a.download:active
		  {font: bold 14px courier, times, serif;
			color:#FF7F00;
			text-decoration: none;
 			}
        
a.download:hover   
			{	
			color:#CA4A0A;
			text-decoration: none;
 			}