/* ********** [ GENERAL ] ********** */

* {
	margin: 0px;
	padding: 0px; }

div.clear {
	clear: both; }

body {
	margin: 0px;
	padding: 0px;
	cursor: default;
	font: 11px arial, verdana, sans-serif;
	color: #222222;
	background: #ffffff; }


/* ********** [ PAGE ] ********** */

div#page_wrap { }

	div#page { }


/* ********** [ HEADER ] ********** */

div#header_wrap {
	margin: 0px auto;
	width: 920px; }

	div#header {
		height: 140px;
		background: url("logo.gif") no-repeat; }

		div#header div.headbanner {
			margin-top: 30px;
			float: right; }

		div#header h1 {
			float: left;
			font: bold 26px/140px Trebuchet MS, tahoma, arial, sans-serif;
			color: #433A3B; }

			div#header h1 span {
				display: none; }

		div#header div.loginbox {
			padding: 30px 0px 0px 0px;
			float: right; }

			div#header div.loginbox input.text {
				margin-right: 8px;
				width: 100px; }

			div#header div.loginbox input.submit {
				width: 50px;
				height: 50px;
				background: url('hpgo.gif') no-repeat; }


/* ********** [ FOOTER ] ********** */

div#footer_wrap {
	margin: 0px auto;
	width: 920px;
	height: 84px;
	padding: 0px;
	background: url('footerbg.gif') repeat-x; }

	div#footer {
		padding-top: 25px;
		font: 11px/16px arial, verdana, sans-serif;
		color: #c0bfc0;
		text-align: center; }

		div#footer a {
			font: 11px/16px arial, verdana, sans-serif;
			color: #c0bfc0;
			text-decoration: none; }

		div#footer a:hover {
			color: #ffffff;
			text-decoration: none; }


/* ********** [ CONTAINER ] ********** */

div#container_wrap {
	margin: 0px auto;
	width: 920px; }

  	div#container { }


/* ********** [ CONTENT ] ********** */

#content_wrap {
	width: 920px;
	margin: 5px 0px;
	background: #bff3ff url('content-bg-2.gif') repeat-y;
	float: left; }

#content_wrap2 {
	background: url('content-bg-1.gif') no-repeat; }

  	#content {
  		padding: 10px;
		min-height: 200px;
		background: url('content-bg-3.gif') no-repeat 0px 100%; }


/* ********** [ SIDEBAR ] ********** */

div#sidebar_wrap {
	padding: 0px;
	width: 130px;
	float: right; }

  	div#sidebar { }


/* ********** [ MAIN NAVIGATION ] ********** */

div#headernav_wrap {
	margin: 0px auto;
	background: url('header-nav-items.gif') no-repeat;
	width: 880px; }

	div#headernav {
		margin-left: 24px;
		background: url('header-nav-items.gif') repeat-x 0px -29px;
		height: 28px; }

		div#headernav ul {
			margin: 0px;
			padding: 0px;
			height: 28px;
			width: 856px;
			background: url('header-nav-items.gif') no-repeat 100% -58px;
			list-style-type: none; }

			div#headernav ul li {
				padding-right: 20px;
				float: left; }

				div#headernav ul li a {
					height: 28px;
					display: block;
					float: left;
					font: bold 13px/28px arial, verdana, sans-serif;
					color: #cb902a;
					text-decoration: none;
					text-align: center; }

					div#headernav ul li a:hover {
						text-decoration: underline; }


/* ********** [ USER NAVIGATION ] ********** */

div#usernav_wrap { }

	div#usernav {
		margin: 0px;
		height: 28px; }

		div#usernav ul {
			height: 28px;
			list-style-type: none; }

			div#usernav li  {
				float: left; }

				div#usernav ul li a {
					padding: 0px 6px;
					height: 28px;
	    			display: block;
				    font: 12px/28px arial, verdana, sans-serif;
					color: #222222;
				    text-decoration: none; }

					div#usernav ul li a:hover {
						text-decoration: underline; }


/* ********** [ COMMON ITEMS ] ********** */

h2, h3, h4, h5, h6 {
	padding-bottom: 5px;
	font: bold 14px/16px arial, verdana, sans-serif;
	color: #0C4D9C; }

	h2 {
		margin-bottom: 5px;
		font: bold 14px/16px arial, verdana, sans-serif;
		border-bottom: 1px solid #d4d4d4; }

	h3 {
		font: bold 13px/16px arial, verdana, sans-serif; }

	h4 {
		font: bold 12px/16px arial, verdana, sans-serif; }

	h4 {
		font: bold 11px/16px arial, verdana, sans-serif; }

p {
	font: 11px/16px arial, verdana, sans-serif;
	color: #222222; }

	a {
		font: 11px arial, verdana, sans-serif;
		color: #D52525;
		text-decoration: none; }

		a:hover {
			text-decoration: underline; }