/*[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. Wolfgang
Date:     May 22, 2007
Homepage: wwww.1234.info
--------------------------------------------------------------
License:  Fully open source without restrictions.
Please keep footer credits with a link to
Wolfgang (www.1234.info). Thank you!
**************************************************************
---------------------------------------------------------------------
How to implement this header in your Multiflex-3 Layout:
1. Copy the marked rows below
2. 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: 100px;
	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*/
}
@media print
{
	.header-top
	{
		/*[id]0*/width: 900px;
		/*[id]1*/height: 80px;
		/*[id]2*/background: rgb(240, 240, 240);
		/*[id]3*/overflow: visible;
		/*[id]4*/overflow: hidden;
	}
}
.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*/
}
@media print
{
	.header-breadcrumbs
	{
		/*[id]5*/width: 900px;
		/*[id]6*/background: transparent;
	}
}
/************
2. HEAD
************/
.sitelogo
{
	width: 250px;
	height: 60px;
	position: absolute;
	z-index: 1;
	margin: 16px 0 0 30px;
	background: url(../img/queslett_final.gif);
	background-repeat: 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);
}
.nav0
{
	width: 350px;
	position: absolute;
	z-index: 2;
	margin: 25px 0 0;
	margin-left: 550px;
	margin-left: 553px;
}
.nav0 UL
{
	float: right;
	padding: 0 20px 0 0;
}
.nav0 LI
{
	display: inline;
	list-style: none;
}
.nav0 LI A
{
	padding: 0 0 0 3px;
}
.nav0 A:hover
{
	text-decoration: none;
}
.nav0 A IMG
{
	height: 14px;
	border: none;
}
.nav1
{
	width: 350px;
	position: absolute;
	z-index: 3;
	margin: 45px 0 0 550px;
}
.nav1 UL
{
	float: right;
	padding: 0 15px 0 0;
	font-weight: bold;
}
.nav1 LI
{
	display: inline;
	list-style: none;
}
.nav1 LI A
{
	display: block;
	float: left;
	padding: 2px 5px;
	color: rgb(125, 125, 125);
	text-decoration: none;
	font-size: 120%;
}
.nav1 A:hover
{
	text-decoration: none;
	color: rgb(50, 50, 50);
}
/*Drop-down menu*/
.nav2
{
	white-space: nowrap;
	float: left;
	width: 900px;
	border: none;
	background: rgb(225, 225, 225) url(../img/bg_head_bottom_nav.jpg) no-repeat;
	color: rgb(75, 75, 75);
	font-size: 130%;
	/*[ph]7*/
	/*[ph]8*/
	/*[ph]9*/
	/*[ph]a*/
	/*[ph]b*/
	/*[ph]c*/
	/*[ph]d*/
}
@media print
{
	.nav2
	{
		/*[id]7*/float: left;
		/*[id]8*/width: 900px;
		/*[id]9*/border: none;
		/*[id]a*/background: rgb(240, 240, 240);
		/*[id]b*/color: rgb(75, 75, 75);
		/*[id]c*/font-size: 1em;
		/*[id]d*/font-size: 130%;
	}
}
/*Color navigation bar normal mode*/
.nav2 UL
{
	list-style-type: none;
}
.nav2 UL LI
{
	float: left;
	z-index: auto;
	z-index: 1000;
	border-right: 1px solid rgb(175, 175, 175);
}
.nav2 UL LI A
{
	float: none;
	float: left;
	display: block;
	height: 3.1em;
	line-height: 3.1em;
	padding: 0 16px;
	text-decoration: none;
	font-weight: bold;
	color: rgb(100, 100, 100);
}
.nav2 UL LI UL
{
	display: none;
	border: none;
}
/*Non-IE6 hovering*/
.nav2 UL LI:hover
{
	position: relative;
}
/*Sylvain IE hack*/
.nav2 UL LI:hover A
{
	background-color: rgb(210, 210, 210);
	text-decoration: none;
}
/*Color main cells hovering mode*/
.nav2 UL LI:hover UL
{
	display: block;
	width: 10em;
	position: absolute;
	z-index: 999;
	top: 3em;
	margin-top: 0.1em;
	left: 0;
}
.nav2 UL LI:hover UL LI A
{
	white-space: normal;
	display: block;
	width: 10em;
	height: auto;
	line-height: 1.3em;
	margin-left: -1px;
	padding: 4px 16px;
	border-left: 1px solid rgb(175, 175, 175);
	border-bottom: 1px solid rgb(175, 175, 175);
	background-color: rgb(237, 237, 237);
	font-weight: normal;
	color: rgb(50, 50, 50);
}
/*Color subcells normal mode*/
.nav2 UL LI:hover UL LI A:hover
{
	background-color: rgb(210, 210, 210);
	text-decoration: none;
}
/*Color subcells hovering mode
IE6 hovering*/
.nav2 TABLE
{
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
}
.nav2 UL LI A:hover
{
	position: relative;
	z-index: 1000;
	background-color: rgb(210, 210, 210);
	text-decoration: none;
}
/*Color main cells hovering mode*/
.nav2 UL LI A:hover UL
{
	display: block;
	width: 10em;
	position: absolute;
	z-index: 999;
	top: 3.1em;
	t\op: 3em;
	left: 0;
	ma\rgin-top: 0.1em;
}
.nav2 UL LI A:hover UL LI A
{
	white-space: normal;
	display: block;
	w\idth: 10em;
	height: 1px;
	line-height: 1.3em;
	padding: 4px 16px;
	border-left: 1px solid rgb(175, 175, 175);
	border-bottom: 1px solid rgb(175, 175, 175);
	background-color: rgb(237, 237, 237);
	font-weight: normal;
	color: rgb(50, 50, 50);
}
/*Color subcells normal mode*/
.nav2 UL LI A:hover UL LI A:hover
{
	background-color: rgb(210, 210, 210);
	text-decoration: none;
}
/*Color subcells hovering mode*/
.header-breadcrumbs UL
{
	float: left;
	width: 560px;
	list-style: none;
	padding: 0 0 0 15px;
	font-family: verdana, arial, sans-serif;
}
.header-breadcrumbs UL LI
{
	display: inline;
	padding: 0 0 0 10px;
	background: transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%;
	font-weight: bold;
	color: rgb(125, 125, 125);
	font-size: 100%;
}
.header-breadcrumbs UL A
{
	color: rgb(70, 122, 167);
	text-decoration: none;
}
.header-breadcrumbs UL A:hover
{
	color: rgb(42, 90, 138);
	text-decoration: underline;
}
.header-breadcrumbs .searchform
{
	float: right;
	width: 285px;
	padding: 0 17px 0px 0px;
	padding: 0 12px 0px 0px;
}
.header-breadcrumbs .searchform FORM FIELDSET
{
	float: right;
	border: none;
}
.header-breadcrumbs .searchform INPUT.field
{
	width: 10em;
	padding: 0.2em 0;
	border: 1px solid rgb(200, 200, 200);
	font-family: verdana, arial, sans-serif;
	font-size: 120%;
}
.header-breadcrumbs .searchform INPUT.button
{
	width: 3em;
	padding: 1px;
	padding: 0;
	background: rgb(230, 230, 230);
	border: 1px solid rgb(150, 150, 150);
	text-align: center;
	font-family: verdana, arial, sans-serif;
	color: rgb(150, 150, 150);
	font-size: 120%;
}
.header-breadcrumbs .searchform INPUT.button:hover
{
	cursor: pointer;
	border: 1px solid rgb(80, 80, 80);
	background: rgb(220, 220, 220);
	color: rgb(80, 80, 80);
}
/*--- 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*/