/** main.css */

	
/** reset */

	body, div, dl, dt, dd, ul, ol, li,
	h1, h2, h3, h4, h5, h6,
	pre, form, fieldset, input, textarea,
	p, blockquote, th, td 	{ margin: 0; padding: 0; }
	table 					{ border-collapse: collapse; border-spacing: 0; }
	fieldset, img 			{ border: 0; }
	caption, th 			{ text-align: left; }
	h1, h2, h3, h4, h5, h6 	{ font-size: 100%; font-weight: normal; }
	q:before, q:after 		{ content: ''; }
	abbr, acronym 			{ border: 0; }
	address, caption, cite, dfn, th, var { font-style: normal; font-weight: normal; }
	
/** main */
	input:focus, 
	textarea:focus { background-color: #f7e9d7; }

	html {
		background: url('pageBg02.jpg');
		font-family: Cambria, Georgia, "Times New Roman", Times, serif;
		font-size: 1em;
		line-height: 1.5em;
		}
		
	/* headings */
	h1, h2, h3, h4, h5, h6 { margin-bottom: 24px; font-weight: bold; }
	h1 { font-size: 1.5em;    line-height: 1em; }
	h2 { font-size: 1.375em;  line-height: 1.0909em; }
	h3 { font-size: 1.25em;   line-height: 1.2em; }
	h4 { font-size: 1.125em;  line-height: 1.333em; }
	h5, 
	h6 { font-size: 1em;      line-height: 1.5em; }
	
	/* showdows for Top and Bottom */
	.shadow_b { background: url('shadow_b.png') repeat-x top left; height: 15px; margin-bottom: -10px;  }
	.shadow_t { background: url('shadow_t.png') repeat-x top left; height: 15px; margin-top: 	-10px; }
	
	a.button {
		display: inline-block;
		border: 1px solid #D3891B;
		background: url('orange_grad.png') repeat-x bottom;
		border-radius: 3px;
		/*
		background: #F4A523; 
		*/
		color: #fff;
		font-size: 1.1em;
		font-weight: bold;
		font-family: "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
		margin: 1px 3px; padding: 2px 8px;
		text-decoration: none;
		text-shadow: #51340A 0 0 2px;
	}
	a.button:hover {
		color: #51340A;
		text-shadow: none;
		}
	.content { margin: 0 auto; width: 900px; }
	
	
/** header */

	#pageHeader { 
		background: #eaeaea;
		box-shadow: 0px -5px 10px rgba(100,100,100,.1) inset;
		}
	
	#pageHeader .content 	{ padding: 1px 0 0; position: relative; }
	#pageHeader #logo 		{ margin: 1em 0 .5em; }
	
	#account_box {
		background-color: #e5e5ee;
		display: inline-block;
		position: absolute; top: 0; right: 0;
		margin: 0; 
		padding: .2em .5em;
		}
	#account_box a 			{ text-decoration: none; color: #0a64a4; }
	#account_box a:hover 	{ text-decoration: underline; }

	#login_form 			{ font-size: .9em; line-height: 1.5em; padding-left: 1em; }
	#login_form .loginField {
		display: inline-block;
		width: 230px;
		}
	#login_form input 		{ }
	#login_form input.text {
		border: solid 1px #aacfe4;
		margin: 0px; padding: 3px;
		width: 150px;
		}
	#login_form .buttons 	{ display: inline-block; margin: 0; }
	#login_form .forgot a	{ color: #777; }
	
	#main_menu {
		text-align: left;
		}
	#main_menu a {
		color: #555;
		display: inline-block;
		font-size: 1em;
		font-weight: bold;
		padding: 2px 10px;
		text-decoration: none;
		white-space: nowrap;
		}
	#main_menu ul {
		list-style: none;
		margin: 0; padding: 0;
		display: inline-block;
		}
	.ie #main_menu ul { display: inline; zoom: 1; }
	.ie #main_menu li > ul { display: none; }
	.ie #main_menu li:hover > ul { display: block; }
	
	#main_menu li 			{ background: #ddd; margin: 0; padding: 0 0px; }
	#main_menu li:hover 	{ background-color: #fff; }
	#main_menu li.active 	{ background: #fff; }
	#main_menu > ul { width: 900px; }
	#main_menu > ul > li {
		background: #dfdfdf;
		display: inline-block;
		position: relative;
		vertical-align: top;
		border: 1px solid #bbb;
		border-bottom: none;
		box-shadow: 0px -15px 10px -10px rgba(100,100,100,.051) inset; 
		}
	#main_menu > ul > li > a 			{ border-bottom: 1px solid #c5c5c5; padding-bottom: 1px; }
	#main_menu > ul > li:hover 			{ }
	#main_menu > ul > li:hover > a 		{ border-bottom: 1px solid #ddd; }
	
	#main_menu > ul > li.active 		{ border-color: #fff; box-shadow: none; }
	#main_menu > ul > li.active > a 	{ border-bottom-color: #fff; }
	
	#main_menu li > ul {
		border: 1px solid #ddd;
		display: none;
		position: absolute;
		}
	#main_menu li:hover > ul 	{ display: block; }
	#main_menu li li 			{ border-left: 4px solid #ccc; background: #eee; }
	#main_menu li li:hover 		{ border-color: #aaa; background: #fff; }
	#main_menu li > ul ul 		{ left: 10px; }
		
		
/** body */

	#pageBody { 
		border-top: 4px solid #fff;
		padding: 1px 1px 45px;
		}
	#pageBody > .breadcrumbs {
		margin: .5em auto -.5em;
		font-size: .8em;
		font-weight: bold;
		text-align: right;
		width: 900px;
		}
	#pageBody > .breadcrumbs a { color: #333; font-weight: normal; }
	#pageBody > .content {
		background: #fff;
		border: 1px solid #aaa;
		margin: 1em auto; padding: 1em;
		}
	
	#pageBody > .content h2,
	#pageBody > .content h2 a { color: #0a64a4; font-weight: normal; text-decoration: none; }
	#pageBody > .content h2 a:hover { text-decoration: underline; }
	#pageBody > .content .buttons { margin: 1em 0; }
	
	#pageBody > .content iframe { margin-right: 1em; }
	
	#pageBody > .content .intro {
		display: inline-block;
		vertical-align: top;
		width: 450px;
		}
	
	.widget {
		background-color: #ddd;
		padding: 1em;
		}
	
/** Footer */

	#pageFooter 			{ background: #aaa; color: #444; font-size: .9em; }
	#pageFooter .content 	{ margin: 2em auto; }
	#pageFooter h4 			{ margin: 0; }
	#pageFooter ul 			{ list-style: none; margin: 0; padding: 0; }
	#pageFooter li 			{ margin: 0; }
	#pageFooter a 			{ text-decoration: none; color: #000; }
	#pageFooter a:hover 	{ text-decoration: underline; }
	#pageFooter .content > ul 		{ text-align: left; }
	#pageFooter .content > ul > li 	{
		display: inline-block;
		margin: 0 10px 2em;
		text-align: left;
		vertical-align: top;
		width: 270px;
		}
	#pageFooter ul ul ul 	{ margin-left: 1.5em; }
	#pageFooter .finePrint 	{ text-align: left; margin: 2em 0; }
	
/** IE fuckery */	
	.ie #main_menu a,
	.ie #main_menu > ul > li,
	.ie #account_box,
	.ie #login_form .buttons,
	.ie #login_form .loginField,
	.ie #pageBody > .content .intro,
	.ie #pageFooter .content > ul > li { display: inline; zoom: 1; }