/**
 * Reset
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, strong,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	/*font-weight: inherit;*/
	font-style: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	behavior: url( '/lib/css/iepngfix.htc' );
}


/**
 * Body
 */

body
{
	background: #FFF url( '../img/bg.png' ) repeat-x 0 0;
	font: 12px/1.4 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	margin: 0px;
	height: 0px;
}

a
{
	outline: none;
	color: #999;
}
a:hover
{
	color: #555;
}

	/**
	 * Wrapper
	 */

	body #wrapper
	{
		text-align: left;
		width: 900px;
		margin: 0px auto;
	}

		/**
		 * Header
		 */

		body #wrapper #header
		{
			position: relative;
			height: 100px;
			overflow: hidden;
		}

			body #wrapper #header #header-title
			{
				background: url( '../img/title.png' ) no-repeat 0 0;
				display: block;
				width: 385px;
				height: 100px;
				overflow: hidden;
			}

				body #wrapper #header #header-title span
				{
					display: none;
				}

			/**
			 * Account Area
			 */

			body #wrapper #header #accountInset
			{
				position: absolute;
				top: 10px;
				right: 0px;
				color: #CCC;
				font: 11px Arial, Helvetica, sans-serif;
				text-align: right;
				width: 500px;
			}

				body #wrapper #header #accountInset a
				{
					color: #CCC;
				}
				body #wrapper #header #accountInset a:hover
				{
					color: #FFF;
				}

				body #wrapper #header #accountInset #formLoginUser,
				body #wrapper #header #accountInset #formLoginPass,
				body #wrapper #header #accountInset #formLoginSubmit
				{
					border: 1px solid #000;
					font: 11px Arial, Helvetica, sans-serif;
					padding-left: 2px;
					padding-right: 2px;
				}

				body #wrapper #header #accountInset #formLoginUser
				{
					
				}

				body #wrapper #header #accountInset #formLoginPass
				{
					
				}

				body #wrapper #header #accountInset #formLoginSubmit
				{
					font-weight: bold;
				}

		/**
		 * Navigation
		 */

		body #wrapper #nav
		{
			height: 42px;
			overflow: hidden;
		}

			body #wrapper #nav ul
			{
				list-style: none;
				height: 38px;
				margin: 0px;
				padding: 0px;
				overflow: hidden;
			}

				body #wrapper #nav ul li
				{
					float: left;
					font: normal 13px/38px 'Trebuchet MS', Arial, Helvetica, sans-serif;
					height: 38px;
					margin: 0px 20px 0px 0px;
					overflow: hidden;
				}

					body #wrapper #nav ul li span
					{
						display: block;
					}

						body #wrapper #nav ul li span a
						{
							display: block;
							text-decoration: none;
							color: #333;
						}
						body #wrapper #nav ul li.active span a
						{
							font-weight: bold;
							color: #050;
						}
						body #wrapper #nav ul li span a:hover,
						body #wrapper #nav ul li.active span a:hover
						{
							color: #F00;
						}

							body #wrapper #nav ul li span a span
							{
								display: block;
							}

		/**
		 * Content
		 */

		body #wrapper #content
		{
			padding: 20px 0px 25px;
		}

		body #wrapper #content-main
		{
			margin: 0px 200px 0px 0px;
			padding: 20px 0px 25px;
		}

		body #wrapper #content-side
		{
			float: right;
			width: 180px;
			padding: 20px 0px 25px;
		}

		body #wrapper #content h1,
		body #wrapper #content-main h1
		{
			font: bold 15px/1.4 'Trebuchet MS', Arial, Helvetica, sans-serif;
			margin: 0px 0px 20px;
		}

		/**
		 * Footer
		 */

		body #wrapper #footer
		{
			clear: both;
			border-top: 1px solid #BBB;
			font: normal 11px/38px Arial, Helvetica, sans-serif;
			color: #888;
			text-align: center;
			padding: 5px 0px;
		}