/********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: layout.css
* Description: Layout CSS file for the Prairie Staffing website
*
*********************************************************************************/

/* Auxilliary style sheets
--------------------------------------------------------------------------------*/

@import url(type.css);
@import url(forms.css);


/* Body
--------------------------------------------------------------------------------*/

* 
    {
    margin:0;
    padding:0;
    }

body 
	{
	background:#ffffff;
	}


/* Horizontal rules
--------------------------------------------------------------------------------*/

hr
	{
	display:none;
	}

.hr
    {
    margin:0px 0px 1em 0px;
    border-top:1px solid #7f5527;
    }


/* Images
--------------------------------------------------------------------------------*/

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    font:0.625em Arial, Helvetica, sans-serif;
    border:1px solid #4e3418;
    clear:both;
    }

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    font:0.625em Arial, Helvetica, sans-serif;
    border:1px solid #4e3418;
    clear:both;
    }

.imageright img, .imageleft img
    {
    margin:0px 0px 0.2em 0px;
    padding:0px;
    }


/* Container
--------------------------------------------------------------------------------*/

#container
	{
	margin:10px auto;
	width:760px;
	}


/* Masthead
--------------------------------------------------------------------------------*/

#masthead
    {
    float:left;
    width:760px;
    height:106px;
    background:url(/sitegraphics/prstaff-mastheadbg.jpg) no-repeat;
    border-top: 1px solid #000000;
    }


/* Main background
--------------------------------------------------------------------------------*/

#main
    {
    float:left;
    width:760px;
    background:url(/sitegraphics/prstaff-mainbg.gif) repeat-y;
    }


/* Navbar
--------------------------------------------------------------------------------*/

#nav
    {
    float:left;
    width:760px;
    height:25px;
    background:url(/sitegraphics/prstaff-navbg.jpg) no-repeat;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #nav
    {    
    }


/* Banner
--------------------------------------------------------------------------------*/

#banner
    {
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #banner
    {
    }

/*#banner img
    {
    border:3px solid #7f5527;
    }*/


/* Content
--------------------------------------------------------------------------------*/

#content
    {
    float:left;
    width:760px;
    background:url(/sitegraphics/prairie-content-background.jpg) top right no-repeat;
    }

#content-supplemental
    {
    float:right;
    width:159px;
    margin:217px 0px 0px 0px;
    padding:10px 0px 0px 15px;
    border-left:1px solid #b0b0b0;
    }
    
#content-area
    {
    float:right;
    width:410px;
    padding:20px 15px 0px 0px;
    }
    
/* star hack to correct discrepencies between IE7 and older versions */

* html #content
    {    
    }

/* Side panel
--------------------------------------------------------------------------------*/

#sidepanel
	{
	float:left;
    width:149px;
    height:297px;
    background:url(/sitegraphics/prairie-sidepanel.jpg) no-repeat;
	}

/* Footer
--------------------------------------------------------------------------------*/

#footer
    {
    float:left;    
    width:760px;
    height:60px;
    padding:45px 0px 0px 0px;
    background:url(/sitegraphics/prstaff-footerbg.gif) no-repeat;
    }