/**********************************************************************************
* 
* © 2010 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 Growing Futures website
*
***********************************************************************************/

/* Auxiliary style sheets
----------------------------------------------------------------------------------*/

@import url(type.css);
@import url(layout-colors.css);
@import url(forms.css);
@import url(lightbox.css);
@import url(jquery-datepicker-blue.css);


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

*
    {
    margin:0px;
    padding:0px;
    }

body
	{
	background:#d4d4d4 url(/sitegraphics/grofutr-pattern.gif);
	}

#noscript-container
    {
    margin:0px auto 0px auto;
    width:100%;
    background:#ffff00;
    }


/* Tables 
----------------------------------------------------------------------------------*/

table
    {
    width:100%;
    margin:0.325em 0 1em;
    border:none;
    border-collapse:collapse;
    }

table.table-generated th#column01
    {
    width:25%;
    }

table.table-generated th#column02
    {
    width:45%;
    }

table th, table td
    {
    padding:0.325em 8px;
    vertical-align:top;
    }

table th
    {
    background:#e5e5e5;
    border-bottom:none;
    }

table td
    {
    /*margin-bottom:-1px;*/
    border-bottom:1px solid #e5e5e5;
    }


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

img
    {
	border:none;
    }

.imageleft, .imageright
    {
    /*border:1px solid #b0b0b0;*/
    clear:both;
    }

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    }

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    }

.imageleft img, .imageright img
    {
    }

.imagefull
    {    
    display:block;
    margin:0px 0px 1em 0px;
    clear:both;
    }


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

#container-splash
    {
    margin:10px auto;
    width:740px;
    background:url(/sitegraphics/grofutr-splashbg.png) no-repeat;
    overflow:hidden;
    }

/* star hack to accommodate IE6's special needs */

* html #container-splash
    {
    background:url(/sitegraphics/grofutr-splashbg.jpg) no-repeat;
    }

#container
	{
	margin:10px auto;
	width:884px;
	/*border:1px solid #000000;*/
	overflow:hidden;
	}


/* Header
----------------------------------------------------------------------------------*/

#header-splash
    {
    position:relative;
    float:left;
    width:740px;
    }

#header
    {
    float:left;
    width:884px;
    }

#splash-leftcolumn
    {
    float:left;
    width:263px;
    }

#mast-splash
    {
    float:left;
    width:263px;
    height:220px;
    }

#mast
    {
    position:relative;
    float:left;
    width:884px;
    height:217px;
    background:url(/sitegraphics/grofutr-header.png) no-repeat;
    }

/* star hack to accommodate IE6's special needs */

* html #mast
    {
    background:url(/sitegraphics/grofutr-header.gif) no-repeat;
    }

#logo-splash, #logo
    {
    float:left;
    }

#logo
    {
    width:350px;
    }

#logo-splash img, #logo img
    {
	display:none;
    }

#splash-nav-logins
    {
    /*display:none;*/
    position:absolute;
    top:38px;
    right:35px;
    width:150px;
    }

#splash-nav-logins ul
    {
    display:none;
    }

#splash-nav-logins ul.ecrisbox
    {
    display:block;
    }

#nav-logins
    {
    position:absolute;
    top:29px;
    right:160px;
    z-index:5;
    }

#nav-top
    {
    position:absolute;
    bottom:34px;
    right:140px;
    }

#header-supplemental
    {
    float:right;
    /*width:130px;*/
    padding:29px 34px 0 0;
    }

#animation
    {
    float:left;
    width:467px;
    margin:7px 0 0 0;
    }

#animation-ph
    {
    margin:130px 33px 0 20px;
    padding:16px 16px 0px;
    background:#000;
    background:rgba(0,0,0,0.5);
    }

#contactinfo
    {
    }


/* Navigation background
----------------------------------------------------------------------------------*/

#nav-splash
    {
    float:left;
    width:740px;
    height:73px;
    }

#nav
    {
    float:left;
    width:182px;
    }

#nav-secured
    {
    float:left;
    width:100%;
    margin-bottom:1.75em;
    }


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

#main-splash, #main
    {
    float:left;
    }

#main-splash
    {
    }

#main
    {
    width:864px;
    padding:0px 10px 28px 10px;
    background:url(/sitegraphics/grofutr-main.png) repeat-y;
    }

/* star hack to accommodate IE6's special needs */

* html #main
    {
    background:url(/sitegraphics/grofutr-main.gif) repeat-y;
    }


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

/*#banner
    {
    width:320px;
    height:190px;
    margin:0px 0px 1.8em 0px;
    padding:10px 280px 0px 20px;
    }*/

#banner
    {
    }


/* Flash animation
----------------------------------------------------------------------------------*/

#flashanimation
    {
    }


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

#content-splash
    {
    float:left;
    width:215px;
    height:223px;
    padding:8px 12px 0px 36px;
    }

#content-top
    {
	float:left;
	width:864px;
	}

.content
    {
	float:left;
	width:622px;
	min-height:500px;
	margin:30px 0px 0px 20px;
	/*padding:20px 20px 0px 20px;
	background:url(/sitegraphics/grofutr-content.gif) repeat-x;*/
	}

/* hack to accommodate IE6's special needs */

* html .content
    {
	height:500px;
	}

#contactinfo
    {
    position:relative;
    float:left;
    width:824px;
    margin:0px 0px 0px 20px;
    overflow:hidden;
    border-top:1px solid #119646;
    }


/* Job List
--------------------------------------------------------------------------------*/

.jobcategorylist
    {
    margin:1em 0;
    }


/* Job Detail
--------------------------------------------------------------------------------*/

#joboverview
    {
    float:right;
    width:178px;
    margin:0 0 1.3125em 1.3125em;
    padding:1em 1em 0;
    border:1px solid #c0c0c0;
    }


/* Section gallery
--------------------------------------------------------------------------------*/

.section
    {
    float:left;
    width:100%;
    margin:0px 0px -1px 0px;
    padding:1em 0px 0px 0px;
    border-top:1px solid #b0b0b0;
    border-bottom:1px solid #b0b0b0;
    }

.section img
    {
    float:left;
    margin:0px 1em 1em 0px;
    /*border:1px solid #999999;*/
    clear:both;
    }


/* Gallery container and thumbnails
----------------------------------------------------------------------------------*/

#gallery
	{
	float:left;
	width:559px;
	margin:1em 0px 0px 0px;
	padding:1em 0px 0px 0px;
	border-top:1px solid #000000;
	}


/* Google map
----------------------------------------------------------------------------------*/

.map
    {
    float:right;
    width:350px;
    margin:0px 0px 1em 1em;
    clear:both;
    }

.map iframe
    {
    width:348px;
    height:350px;
    margin:0px 0px 0.2em 0px;
    border:1px solid #999999;
    }


/* Sidepane
----------------------------------------------------------------------------------*/

#sidepane
    {
    float:left;
    width:182px;
    padding:20px 0px 0px 20px;
    }

#imagebox
    {
    float:left;
    width:182px;
    height:190px;
    margin-bottom:1em;
    background:url(/sitegraphics/grofutr-side-green.gif);
    }

#imagebox-hidden
    {
    display:none;
    }

#nav-resources
    {
    float:left;
    width:182px;
    margin-bottom:1em;
    padding-top:5px;
    background:#a8cedc;
    }

#subnav
    {
    }

/*#formcontainer
    {
    background:#e5e5e5;
    }*/


/* Contact information
----------------------------------------------------------------------------------*/

#contactinfo
    {
    }


/* Sidepane content
----------------------------------------------------------------------------------*/

#reservationinfo
    {
    }


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

#footer-splash
    {
    float:left;
    width:740px;
    }

#footer
    {
    float:left;
    width:884px;
    padding:13px 0px 0px 0px;
    background:url(/sitegraphics/grofutr-footer.png) no-repeat;
    }

/* star hack to accommodate IE6's special needs */

* html #footer
    {
    background:url(/sitegraphics/grofutr-footer.gif) no-repeat;
    }

#footernav
    {
    }

#copyright
    {
    width:864px;
    padding:0px 0px 0px 20px;    
    }


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

hr
	{
	display:none;
	}

.hr
	{
	margin:0px 0px 1em 0px;
	border-top:1px dotted #000000;
	}


/* Miscellaneous classes
----------------------------------------------------------------------------------*/