div#header {
	position: relative;
	background: url(/assets/graphics/StrapLine.gif) 235px 85px no-repeat;

	}

div#header h1 {
	position: absolute;
	width: 158px;
	height: 97px;
	overflow: hidden;
	top: 0;
	left: 0;
	}

div#header h1 span {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 158px;
  height: 97px;
  background: url(/assets/graphics/qlagoon-logo.gif) center center no-repeat;
  }

div#header div#member-panel-offline,
div#header div#member-panel-online {
	float: right;
	height: 93px;
	width: 220px;
	text-align: left;
	margin-bottom: 15px;
	padding-top: 5px;
	}

div#header div#member-panel-offline h4 {
	color: #4D4D4D;
	font-family: Arial, Helvetica, "Microsoft sans-serif", sans-serif, sans;
	font-size: 1.2em;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 13px;
	}
	
div#header div#member-panel-online h4 {
	color: #4D4D4D;
	font-family: Arial, Helvetica, "Microsoft sans-serif", sans-serif, sans;
	font-size: 1.2em;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 5px;
	}

div#header div#member-panel-offline form p,
div#header div#member-panel-offline form div,
div#header div#member-panel-online form p {
	margin: 5px 0 0 0;
	}

div#header div#member-panel-offline form div.field {
	font-size: 0.9em;
	}

div#header div#member-panel-offline form div.field input.text {
	border: 1px solid #666666;
	padding: 2px;
	width: 98px;
	font-family: Arial, Helvetica, "Microsoft sans-serif", sans-serif, sans;
	font-size: 1.05em;
	float: left;
	display: block;
	margin: 0 5px 2px 0;
	}

div#header div#member-panel-offline form div.field input.button {
	float: left;
	margin: 0;
	width: 44px;
	}

div#header div#member-panel-offline form div.field label {
	display: block;
	float: left;
	width: 60px;
	margin: 0 5px 0 0;
	}

div#header div#member-panel-offline form div.field {
	width: 250px;
	}

div#header div#member-panel-offline form div.field:after {
	content: ".";
	display: block;
	clear: left;
	visibility: hidden;
	height: 0;
	}

div#header div#member-panel-offline p.offline-links {
	margin: 5px 0 0 0;
	font-size: 0.9em;
	}

div#header div#member-panel-offline p.offline-links a,
div#header div#member-panel-offline p.offline-links a:active,
div#header div#member-panel-offline p.offline-links a:visited {
	color: #7D8434;
	text-decoration: none;
	}

div#header div#member-panel-offline p.offline-links a:hover,
div#header div#member-panel-offline p.offline-links a:focus {
	text-decoration: underline;
	}

div#header div#member-panel-online img {
	display: block;
	float: left;
	margin-right: 5px;
	border: 0;
	}

div#header div#member-panel-online div.content {
	float: left;
	width: 185px;
	}

div#header div#member-panel-online div.content p {
	margin: 5px 0 0 0;
	}

div#header div#member-panel-online div.content p a,
div#header div#member-panel-online div.content p a:active,
div#header div#member-panel-online div.content p a:visited {
	color: #7D8434;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, "Microsoft sans-serif", sans-serif, sans;
	}

div#header div#member-panel-online div.content p a:hover,
div#header div#member-panel-online div.content p a:focus {
	text-decoration: underline;
	}

div#header div#member-panel-online div.content p.member-links {
	font-weight: bold;
	}

div#header div#member-panel-online div.content p.logout a {
	font-size: 11px;
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 10px;
	color: #999999;
	}
	
	div#header div#member-panel-online div.content a.ViewYourProfile,
	div#header div#member-panel-online div.content a.ViewYourProfile:active,
	div#header div#member-panel-online div.content a.ViewYourProfile:visited,
	div#header div#member-panel-online div.content a.ViewYourProfile:visited:hover {
	font-size: 12px;
	font-weight: normal;
	background: url(/assets/graphics/ProfileIcon.gif) left center no-repeat;
	height: 20px;
	display: block;
	text-indent: 25px;
	padding-top: 1px;
	}
	
	div#header div#member-panel-online div.content p.priv-messages {
	font-size: 12px;
	font-weight: normal;
	background: url(/assets/graphics/InboxIcon.gif) left center no-repeat;
	height: 20px;
	display: block;
	text-indent: 25px;
	padding-top: 1px;
	}

div#header div#top-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #7D8434;
	width: 730px;
	font-size: 1em;
	}

div#header div#top-navigation ul:after {
	content: ".";
	display: block;
	clear: left;
	height: 0;
	visibility: hidden;
	}

div#header div#top-navigation ul li {
	margin: 0;
	padding: 1px;
	float: left;
	background: #7D8434 url(/assets/graphics/nav_divider.gif) right center no-repeat;
	}

div#header div#top-navigation ul li.last {
/*	background-image: none; */
	}

div#header div#top-navigation ul li a,
div#header div#top-navigation ul li a:active,
div#header div#top-navigation ul li a:visited {
	display: block;
	padding: 2px 10px;
	font-family: Arial, Helvetica, "Microsoft sans-serif", sans-serif, sans;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	}

div#header div#top-navigation ul li a:hover,
div#header div#top-navigation ul li a:focus {
	text-decoration: none;
	background: transparent url(/assets/graphics/nav_hover.jpg) right center no-repeat;
	}