/*[webpath]http://localhost/Queslett/css/layout2_setup.css*/
/***************************************************************
Design:   Multiflex-3 Version 1.8 / Layout-2
File:     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!
**************************************************************
**********
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;
}
.main

{

	clear: both;

	width: 900px;

	padding-bottom: 30px;

	background: transparent url(../img/bg_main_withnav2.jpg) repeat-y top left;

}

.main-content

{

	display: inline;

	/*Fix IE floating margin bug*/

	float: left;

	width: 840px;

	margin: 0 0 0 30px;

	overflow: visible;

	overflow: hidden;

}

.footer

{

	clear: both;

	width: 900px;

	padding: 1em 0;

	background: rgb(225, 225, 225) url(../img/bg_foot.jpg) no-repeat;

	font-size: 1em;

	overflow: visible;

	overflow: hidden;

}


/*--- For alternative headers START PASTE here ---

HEADER*/

.header

{

	width: 900px;

	font-family: "trebuchet ms", arial, sans-serif;

}

.header-top

{

	width: 900px;

	height: 80px;

	background: rgb(240, 240, 240) url(../img/bg_head_top.jpg);

	overflow: visible;

	overflow: hidden;

}

.header-middle

{

	width: 900px;

	height: 150px;

	background: rgb(230, 230, 230) url(../img/bg_head_middle.jpg);

	overflow: visible;

	overflow: hidden;

}

.header-bottom

{

	width: 900px;

}

/*******************

HEADER SECTION

*******************/

.sitelogo

{

	width: 60px;

	height: 40px;

	position: absolute;

	z-index: 1;

	margin: 22px 0 0 20px;

	background: url(../img/bg_head_top_logo.jpg);

}

.sitename
{
	width: 300px;
	height: 45px;
	position: absolute;
	z-index: 1;
	margin: 20px 0 0 90px;
	overflow: visible;
	overflow: hidden;
}
.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);

}



/*--- For alternative headers END PASTE here ---

****************

MAIN SECTION

****************

MAIN NAVIGATION*/

.main-navigation .round-border-topright

{

	width: 10px;

	height: 10px;

	position: absolute;

	z-index: 10;

	margin: 0 0 0 190px;

	background: url(../img/bg_corner_topright.gif) no-repeat;

}

/*MAIN CONTENT*/
.column1-unit
{
	width: 640px;
	margin-bottom: 10px;
	margin-bottom: 5px;
}
.column2-unit-left

{

	float: left;

	width: 50%;

	margin-bottom: 10px;

	margin-bottom: 0px;

}

.column2-unit-right

{

	float: right;

	width: 50%;

	margin-bottom: 10px;

	margin-bottom: 0px;

}


.column2-text-container




.column3-unit-left

{

	float: left;

	width: 186px;

	margin-bottom: 10px;

	margin-bottom: 5px;

}

.column3-unit-middle

{

	float: left;

	width: 186px;

	margin-bottom: 10px;

	margin-bottom: 5px;

	margin-left: 40px;

}

.column3-unit-right
{
	float: right;
	width: 186px;
	margin-bottom: 10px;
	margin-bottom: 5px;
}
/*******************
FOOTER SECTION
*******************/
.footer P
{
	line-height: 1.3em;
	text-align: center;
	color: rgb(125, 125, 125);
	font-weight: bold;
	font-size: 110%;
}
.footer P.credits
{
	font-weight: normal;
}
.footer A
{
	text-decoration: underline;
	color: rgb(125, 125, 125);
}
.footer A:hover
{
	text-decoration: none;
	color: rgb(0, 0, 0);
}
.footer A:visited
{
	color: rgb(0, 0, 0);
}
/*****************
CLEAR FLOATS
*****************/
.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.footer:after, P:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear-contentunit

{

	clear: both;

	width: 640px;

	height: 0.1em;

	border: none;

	background: rgb(210, 210, 210);

	color: rgb(210, 210, 210);

}