/*[webpath]http://localhost/Queslett/css/header3_setup.css*//*[webpath]http://localhost/Queslett/css/header3_setup.css*//*[webpath]http://localhost/Queslett/css/header3_setup.css*//***************************************************************Design:   Multiflex-3 Version 1.8 / Header-3 (Top/Bottom)File:     Overall global layout structure--------------------------------------------------------------Author:   G. WolfgangDate:     May 22, 2007Homepage: wwww.1234.info--------------------------------------------------------------License:  Fully open source without restrictions.Please keep footer credits with a link toWolfgang (www.1234.info). Thank you!**************************************************************---------------------------------------------------------------------How to implement this header in your Multiflex-3 Layout:1. Copy the marked rows below2. Paste and replace marked rows in your "layoutNN_setup.css" file.3. Open HTML file "header3.html" and follow its instructions---------------------------------------------------------------------*************1. GLOBAL*************NON-HEADER*/*{	padding: 0;	margin: 0;}BODY{	font-size: 62.5%;	background-color: rgb(255, 255, 255);	font-family: verdana, arial, sans-serif;}/*Font-size: 1.0em = 10px when browser default size is 16px*/.page-container{	width: 900px;	margin: 0px auto;	margin-top: 10px;	margin-bottom: 10px;	border: 1px solid rgb(150, 150, 150);	font-size: 1em;}/*--- START COPY here ---HEADER*/.header{	width: 900px;	font-family: "trebuchet ms", arial, sans-serif;}.header-top

{

	width: 900px;

	height: 150px;

	background: rgb(255, 255, 255) url(../img/ddbg_head_top.jpg);

	overflow: visible;

	overflow: hidden;

	/*[ph]0*/

	/*[ph]1*/

	/*[ph]2*/

	/*[ph]3*/

	/*[ph]4*/

}


.header-bottom{	width: 900px;}.header-breadcrumbs{	clear: both;	width: 900px;	padding: 1.5em 0;	background: rgb(255, 255, 255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;	/*[ph]5*/	/*[ph]6*/}/************

2. HEAD

************/
.pagetitle2
{margin:0 0 0 0; padding:0 0 0 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(16,74,125); font-weight:bold; font-size:220%;}

.thecode {
				font-size: 200%;
				color: #000000;
				font-family: "Courier New", Courier, monospace;
				letter-spacing: 3px;
			}
.auto-style2 {
				text-align: center;
			}




.auto-style1
{
  font-size: 170%;
}


.sitelogo

{

	width: 371px;

	height: 76px;

	position: absolute;

	z-index: 1;

	margin: 25px 0 0 30px;

	background: url('housetop_image1.gif') no-repeat;

	}

.sitename

{

	width: 300px;

	height: 45px;

	position: absolute;

	z-index: 1;

	margin: 20px 0 0 90px;

	overflow: visible;

	overflow: hidden;

}

.header-top P{	width: 900px;	height: 45px;	position: absolute;	z-index: 1;	margin: 0px 0 0 0px;	overflow: visible;	overflow: hidden;	color: #2287BF;	text-align: right;	font: italic bold 20pt "Trebuchet MS", arial, sans-serif;	top: 0;	right: 0;}.sitename H1{	font-size: 240%;}.sitename H2{	margin: -4px 0 0;	color: rgb(125, 125, 125);	font-size: 120%;}.sitename A{	text-decoration: none;	color: rgb(125, 125, 125);}.sitename A:hover{	text-decoration: none;	color: rgb(50, 50, 50);}/*--- END COPY here ---*******************6. CLEAR FLOATS********************/.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after{	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}/**********************************7. PRINTING and MISCELLANEOUS*********************************Color navigation bar normal mode*/