/* CSS Document */
/*-------------------------------------------------------------------------------------------
Basic Style Sheet
version: 1.0
author: Jess Ferko
email: jferko@backpocketmedia.net
website: http://www.backpocketmedia.net
-------------------------------------------------------------------------------------------*/
	
/* =pull in other css */
@import url(/css/layout.css);
@import url(/css/typography.css);
@import url(/css/oddball.css);

/* =standards */
#wrapper {
	width:1000px;
	align:center;
	position:absolute;
	left: 50%;
	margin-left: -500px;
}


#header {
	display:block;
	/*background-color: #fff;*/
	margin-left:70px;
	}
#search {float:right;}
#subButtons {
float:right;
padding-top:10px;
padding-right:10px;}

#footer {
float:left;
display:block;
border-top: 1px dotted #666;
margin: 20px 0px 20px 0px;
padding: 0px 20px 0px 20px;
width:910px;
}
body {
	margin:0;
	background-image:url('/images/flower-bkgd.png');
	background-repeat:repeat-x;
	background-attachment:fixed;;
	background-position: center 0px;
	background-color:#fff;
}
/*#home {
	background-image:url('img/home-bkgd2.gif');
	background-repeat:no-repeat;
	background-position: top center;
	background-color:#754d25;
	}*/
#secondary {
	background-image:url('img/secondary-bkgd.gif');
	background-repeat:repeat-y;
	background-position: top center;
	}
	
#breadcrumbs {
/*font-size: 11px;
margin: 0;*/
padding: 0 0 5px 0;
}
#breadcrumbs a{
color:#84acda;
}


#blueStripFooter {
	width: 100%;
	height:170px;
	bottom:30px;
	position:fixed;
	left:0px;
	background-image:url('/images/blue-strip-bkgd.png');
	background-repeat:repeat-x;
	filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9;/**/	
}
/* =mainNavigation */
	#mainNavigation {
		position:relative;
		/*font-size:11px;*/
		margin:0px;
		z-index:100;
		padding: 0px 50px 0px 0px;
		height:35px;
		text-align: center;
		vertical-align:bottom;
		background-repeat: no-repeat;
		/*background-color:#fff;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;*/
		background-color:#fff;		
		display:block;
	}
	#mainNavigation ul li a, #mainNavigation ul li a:visited {
		display:block;
		text-decoration:none;
		color:#754200;
		filter:alpha(opacity=100);-moz-opacity:1;opacity:1;	
		padding: 0px 18px 0px 15px;
		text-align:center;
		/*font-size:11px;*/
		list-style-type: none;
		margin:0px;
		/*background-image: url(/images/backnav.gif);*/
		background-repeat: no-repeat;
		background-position: top right;
	}
	#mainNavigation ul {padding:0px; margin:0; list-style-type: none; text-align:center;}
	#mainNavigation ul li {
		float:left;
		margin:0px;
		position:relative;
		line-height: 35px;
		text-align:center;
	}
	#mainNavigation ul li.last hide {
		float:left;
		margin:0px;
		position:relative;
		line-height: 35px;
		text-align:center;
				/*background-image: url(/images/backnav2.gif);
		background-repeat: no-repeat;
		background-position: top right;*/
	}
	#mainNavigation ul li ul {display: none; background-color: #FFF;}
	#mainNavigation ul li.active {
		background-position: top center;
		background-repeat: no-repeat;
	}
	
	/* specific to non IE browsers */
	#mainNavigation ul li:hover a {color:#754200;}
	#mainNavigation ul li:hover ul {display:block; position:absolute; top:35px; left:10px; z-index:200;}
	#mainNavigation ul li:hover ul li a {
		display:block;
		background-color:#fff;		
		color:#754200;
		line-height: 16px;
		padding: 7px 8px 6px 8px;
		text-align: left;
		width:170px;
		border-bottom: dotted #754200 1px;
	}
	#mainNavigation ul li:hover ul li a:hover {
		background-color:#fff;		
		color:#754200;
		line-height: 16px;
		padding: 7px 8px 6px 8px;}
	#mainNavigation ul li:hover ul li a.hide {
		background-color:#fff;		
		color:#754200;
		line-height: 16px;
		padding: 7px 8px 6px 8px;}
	#mainNavigation ul li:hover ul li:hover a.hide {
		background-color:#fff;		
		color:#754200;}
	#mainNavigation ul li:hover ul li ul {display: none;}
	#mainNavigation ul li:hover ul li:hover ul {display:block; position:absolute; left:85px; top:0;}
	#mainNavigation ul li:hover ul li:hover ul.left {left:-105px;}

/* =hacks */
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac */
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */