/**********************************************************************************
* 
* © 2009 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 Coteau Des Prairie website
*
***********************************************************************************/

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

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


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

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

body
	{
	background:#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
	{
	margin:10px auto;
	width:800px;
	border:1px solid #000000;
	overflow:hidden;
	}


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

#masthead
    {
    float:left;
    width:800px;
    height:198px;    
    }

.home
    {
    background:url(/sitegraphics/coteau-masthead-home.jpg) no-repeat;
    }

.staff
    {
    background:url(/sitegraphics/coteau-masthead-staff.jpg) no-repeat;
    }

.board
    {
    background:url(/sitegraphics/coteau-masthead-board.jpg) no-repeat;
    }

.directory
    {
    background:url(/sitegraphics/coteau-masthead-directory.jpg) no-repeat;
    }

.services
    {
    background:url(/sitegraphics/coteau-masthead-services.jpg) no-repeat;
    }

.clinic
    {
    background:url(/sitegraphics/coteau-masthead-clinic.jpg) no-repeat;
    }

.homehealth
    {
    background:url(/sitegraphics/coteau-masthead-homehealth.jpg) no-repeat;
    }

.cardiac
    {
    background:url(/sitegraphics/coteau-masthead-cardiac.jpg) no-repeat;
    }

.sisseton
    {
    background:url(/sitegraphics/coteau-masthead-sisseton.jpg) no-repeat;
    }

.cradle
    {
    background:url(/sitegraphics/coteau-masthead-cradle.jpg) no-repeat;
    }

.privacy
    {
    background:url(/sitegraphics/coteau-masthead-privacy.jpg) no-repeat;
    }

.employment
    {
    background:url(/sitegraphics/coteau-masthead-employment.jpg) no-repeat;
    }

.about
    {
    background:url(/sitegraphics/coteau-masthead-about.jpg) no-repeat;
    }

.contact
    {
    background:url(/sitegraphics/coteau-masthead-contact.jpg) no-repeat;
    }

#logo
    {
    float:left;
    }

#logo img
    {
	display:none;
    }

#contactinfo
    {
    float:right;
    padding:10px 20px 0px 0px;
    }


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

#nav
    {
    float:left;
    width:100%;
    }


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

#banner
    {
    }


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

#main
    {
    float:left;
    width:800px;
    background:#ffffff url(/sitegraphics/coteau-content.jpg) top right no-repeat;
    }


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

#flashanimation
    {
    }


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

/*#content-home
	{
	float:left;
	width:613px;
	padding:0px 20px 0px 20px;
	}*/

#address
    {
    float:left;
    width:560px;
    padding:10px 20px 0px 20px;
    }

#content
    {
	float:left;
	width:560px;
	margin:0px 0px 0px -200px;
	padding:0px 20px 0px 20px;
	border-left:200px solid #508c81;
	}

#logout
    {
    float:right;
    }


/* Login section
--------------------------------------------------------------------------------*/

.smallform
    {
    width:100%;
    }

.smallform label, .smallform .label
    {
    display:block;
    }

.smallform .textbox
    {
    display:block;
    width:200px;
    margin:0px 0px 1em 0px;
    padding:1px;
    background:#e5e5e5;
    border:1px solid #808080;
    }

.smallform .button
    {
    margin:0px 8px 1.8em 0px;
    padding:0px 4px;
    }


/* Secured pages navigation
--------------------------------------------------------------------------------*/

#navsecured
    {
    padding:0px 0px 1em 0px;
    border-bottom:1px solid #dadada;
    }


/* 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 #b0b0b0;
    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
    {
    width:427px;
    margin:0px 0px 1em 0em;
    clear:both;
    }

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


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

#sidepane
    {
    position:relative;
    float:left;
    min-height:400px;
    width:160px;
    padding:20px 20px 0px 20px;
    background:#508c81 url(/sitegraphics/coteau-sidepane.gif) repeat-x;
    z-index:2;
    }

#subnav
    {
    margin:0px 0px 20px 0px;
    }

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


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

#contactinfo
    {
    }


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

#reservationinfo
    {
    }


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

#footer
    {
    float:left;
    width:920px;
    padding:0px 0px 0px 0px;
    background:#005847;
    }

#footernav
    {
    /*position:relative;
    display:block;
    margin:0px auto;
    padding:0px 20px 0px 20px;*/
    }

#copyright
    {
    width:100%;
    padding:6px 0px 6px 10px;    
    }


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

hr
	{
	display:none;
	}

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


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

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

table .event
    {
    margin:0px 0px 1em 0px;
    border-collapse:collapse;
    border:1px solid #005847;
    }

th, td
    {
    padding:5px 8px;
    }


/* Events navigation
--------------------------------------------------------------------------------*/

.nav-events
    {
    display:block;
    margin:0px 0px 1em 0px;
    }
 
.events-list
    {
    float:left;
    width:100%;
    margin:0px 0px 1em 0px;
    }

.events-prev, .events-next
    {
    margin:0px 0px 1em 0px;
    }

.events-prev, .events-next
    {
    float:left;
    }

.events-next
    {
    float:right;
    }

.events-list table td
    {
    border:none;
    border-bottom:1px solid #b0b0b0;
    }

.events-list table .tableheader
    {
    background:#005847;
    }

.events-list table .tableheader td
    {
    border:none;
    }

.events-list table .columnone
    {
    width:25%;
    }    

    
/* Event Detail
------------------------------------------------------------------------------------*/

#eventdetail
	{
	width:100%;
	margin:0px 0px 1em 0px;
	border:solid 1px #005847;
	overflow:hidden;
	}
	
#eventdetailheader
	{
	width:550px;
	padding:2px 0px 2px 10px;
	background:#005847;
	}
	
#eventdetailleft
	{	
	float:left;
	width:150px;
	padding:10px 0px 0px 10px;
	}
	
#eventdetailright
	{
	float:left;
	width:390px;
	padding:10px 0px 0px 0px;
	}


/* Event classes
------------------------------------------------------------------------------------*/

.eventlist
	{
	}
	
.eventtable
	{
	}
	
.eventrow
	{
	}

.eventcell
	{
	}
	
.eventtitle
	{
	}
	
/* Login
------------------------------------------------------------------------------------*/
#login
    {
    margin:0.6em 0px 1em 0px;
    padding:0px 0px 1.6em 0px;
    border-bottom:1px dotted #000000;
    }

#login label
    {
    display:block;
    margin:0px 0px 0.6em 0px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
    }

#login .text
    {
    margin:0px 0px 0.6em 0px;
    padding:1px;
    width:192px;
    border:1px solid #505050;
    }

#login .button
    {
    width:40px;
    height:20px;
    padding:0px 4px;
    font:0.6875em Arial, Helvetica, sans-serif;
    }
    
/* Secured navigation
------------------------------------------------------------------------------------*/

#navsecured
    {
    display:block;
    margin:0px 0px 1em 0px;
    }