/*I've placed different way to have an entire header.
Pick up the one with interest you by configuration in index.php
Or create a mix following the examples*/


/*For the module in right hand corner
It loads a module in module position "top"*/
#module_right_top {
	height: 124px;
	width: 732px;
	padding-top: 0px;
	overflow: hidden;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	color: #fff;
	halign: left; 
	valign: top;
	
}

/*********************************************/
/***  For $header_style="colored"        *****/
/*********************************************/
/*One header for each colors but the same for the twso width
Don't worry that will be shown properly.
If you want the header will be different for the two size, add the class selectors
like in the 2nd example.*/

div#header-body-blue,
div#header-body-green,
div#header-body-red,
div#header-body-orange,
div#header-body-pink,
div#header-body-grey{
	height:124px;
}

div#header-body-blue { background: url(../images/header/1.png) 0 0 no-repeat; }
div#header-body-green { background: url(../images/header/2.png)) 0 0 no-repeat; }
div#header-body-red { background: url(../images/header/3.png)) 0 0 no-repeat; }
div#header-body-orange { background: url(../images/header/4.png)) 0 0 no-repeat; }
div#header-body-pink { background: url(../images/header/5.png)) 0 0 no-repeat; }
div#header-body-grey { background: url(../images/header/6.png)) 0 0 no-repeat; }

/*********************************************/
/***  End For $header_style="colored"    *****/
/*********************************************/




/*********************************************/
/***  For $header_style="oneheader";     *****/
/*********************************************/
/*Use this if you want only one header but different for the two width.
It is more fast tan the precedent way because only one picture is load even
if you change the color style.
If you want only one header for the two width delete the class selectors
".w-thin" and ".w-wide" and keep only one of the two*/

.w-thin div#header-body-oneheader {
    height:124px;
    background: url(../images/header-thin.jpg) 0 0 no-repeat;
 }
 
.w-wide div#header-body-oneheader {
    height:124px;
    background: url(../images/header-wide.jpg) 0 0 no-repeat;
 }
/***********************************************/
/***  End For $header_style="oneheader";   *****/
/***********************************************/





/*********************************************/
/***  For $header_style="module";     *****/
/*********************************************/
/*Use this if you want to place a Module in the header (for example Flash Rotator)
The module must be published in "header" position.
If you have not a module position called "header", create one with the admin Joomla
and Template Manager.
You can also use that for putting your own flash file, but add the flash stuff
in the index.php between <div id="header-body-<?php echo $headerstyle; ?>"> and </div> */

.w-thin div#header-body-module {
	width:732px;
	overflow:hidden;
 }
 
.w-wide div#header-body-module {
	width:882px;
	overflow:hidden;
 }
/***********************************************/
/***  End For $header_style="module";   *****/
/***********************************************/