/* main.css  */
	
/* Container Div
 * All encompasing: starts in header ends in footer 
 * ========================================================================== */
	.containerShadow {
		margin: 0 auto 20px;
		padding: 0;
		width: 920px;
		}
	#container { margin: 0 auto 0; min-height: 80%; width: 900px; }

/* Header Styles
 * ========================================================================== */
	#headerSpacer {
		width: 900px;
		height: 25px;
		margin: 0 auto;
		line-height: normal;
		padding: 0;
		}
	#headerSpacer .headerShare { 
		float: left; 
		height: 20px; 
		margin: 2px 0 0 0;
		text-align: left; 
		}
	#headerSpacer p {
		text-align: right;
		color: #555;
		font-size: 0.8em;
		line-height: 25px;
		margin: 0; padding: 0;
		}
	#headerSpacer p a 		{ text-decoration: none; font-weight: bold; }
	#headerSpacer p a:hover { text-decoration: underline; }
		
	#headerContainer {
		background-image: url(../images/header_white.png);
		/* background: url(../images/headerBG03.png) no-repeat right; */
		height: 100px;
		overflow: hidden;
		width: 900px;
		}
	#headerContainer > #logo { float: left; padding: 0px; }

/* Primary Site Navigation
 * ========================================================================== */
 
	/* -------------------- all */
	#navContainer { 
		border-bottom: 3px solid rgba( 153, 195, 49, 0.9 );
		margin: 0; padding: 0 5px;
		text-align: right; 
		}
	#navContainer ul { list-style: none; margin: 0; padding: 0; }
	#navContainer li {  
		background: #fff;
		margin: 0; padding: 0; 
		text-align: left;
		}
	#navContainer a { 
		line-height: 1.5em;
		text-decoration: none; 
		margin: 0; padding: 3px 6px;
		white-space: nowrap;
		display: block;
		}

	/* -------------------- top */
	#navContainer > ul {
		height: 30px; margin-top: -30px;
		display: block;
		float: right;
		text-align: right;
		font-size: 11pt;
		}
	#navContainer > ul > li {
		background-color: rgba( 153, 195, 49, 0.3 );
		height: 30px;
		display: block;
		float: left;
		margin: 0 0 0 2px;
		position: relative;
		}
	#navContainer > ul > li > a { 
		height: 20px; 
		font-weight: bold;
		padding: 5px 15px; 
		display: block; 
		color: #575;
		}
	
.ie #navContainer > ul > li				{ background-color: #e7e7e7; }
.ie #navContainer > ul > li 		> a { border-bottom: 1px solid #ccc; height: 19px; }
.ie #navContainer > ul > li.active 	> a,
.ie #navContainer > ul > li:hover  	> a { border: none; }


	#navContainer > ul > li.active { background-color: rgba( 153, 195, 49, 0.9 ); }
	#navContainer > ul > li:hover  { background-color: rgba( 153, 195, 49, 0.6 ); }
	/*
	#navContainer > ul > li.active > a { color: #D28E00; color: #fff; }
	#navContainer > ul > li:hover > a { color: #D28E00; color: #fff; }
		*/
	/* -------------------- sub (all levels) */
	#navContainer li ul { 
		background: #fff; 
		box-shadow: 1px 5px 10px rgba(100,100,100,.7);
		display: none;
		margin: 0; padding: 3px;
		position: absolute; right: 0;
		z-index: 10;
		}
	#navContainer li ul a 			{ color: #666; font-size: 11pt; }
	#navContainer li ul li:hover 	{ background-color: #ddd; }
	#navContainer li.hover > ul 	{ display: block; }
	
	/* -------------------- sub (only 1 deep) */
.ie #navContainer > ul > li 	 > ul { margin-top:  1px; }
.ie #navContainer > ul > li.last > ul { margin-top: 30px; }
	
	/* -------------------- sub-sub */
	#navContainer ul ul a.sub 		{ color: #222; }
	#navContainer ul ul ul 			{ background-color: #fff; left: 0; padding-top: 0; }
	#navContainer ul ul ul li 		{ border-left: 3px solid #ddd; }
	#navContainer ul ul ul li:hover	{ background-color: #e7e7e7; }
	#navContainer ul ul ul li a 	{ color: #777; font-size: 10pt; }
	
/* Main Content 
 * -------------------------------------------------------------------------- */
	#mainContainer {}
	#background {
		background-repeat: repeat-x;
		overflow: auto;
		background-color: #FFFFFF;
		margin: 0;
		padding: 0 0 10px 0;
		text-align: left;
		}

/* Login 
 * ========================================================================== */
 	#user_nav .spacer { margin: 0 1em; }
	#loginForm label {
		color: #666;
		display: block;
		float: left;
		font-weight: bold;
		text-align: right;
		width: 140px;
		}
	#loginForm span.small 			{ color: #999; display: block; font-size: 0.6em; }
	#loginForm span.small a:hover 	{ color: #FC0; }
	#loginForm label 				{ position: relative; top: 4px; }
	#loginForm input.checkbox 		{ float: left; margin: 5px 0 20px 10px; padding: 0; }
	#loginForm input.text {
		border: solid 1px #aacfe4;
		float: left;
		font-size: 0.8em;
		margin: 2px 0 20px 10px; padding: 4px 2px;
		width:220px;
		}
/* * /
	#loginForm { background: #fff; width: 403px; border-radius: 4px; }
	#loginForm h2 {
		background-color: #aaa;
		border-radius: 4px 4px 0 0;
		color: #fff;
		line-height: 1.5em;
		margin-bottom: 10px;
		}
	#loginForm form { padding: 10px; }
/* */

/* My Account stuff
 * -------------------------------------------------------------------------- */
 	.accountOptions { margin: 10px; }
	.myAccountOption {
		background: #fff;
		border: 2px solid #ddd;
		clear: both;
		margin: 0 0 5px;
		padding: 5px;
		overflow: hidden;
		height: 50px;
		vertical-align: middle; 
		}
	.myAccountOption h3 	{ margin: 0; padding: 0; line-height: 50px; display: inline; }
	.myAccountOption img 	{ margin: 0 10px; vertical-align: top; }
	.myAccountOption p 		{ 
		color: #666; 
		font-size: 0.8em;
		float: right;
		}