﻿/* 
Style Sheet for the overall site layout

This should contain the general/default layout styles for the site.
-------------------------------------------------------
------------------------------------------------------
Copyright (c) 2010, Chasetheweb.net

Last Updated: Mark Garczewski
Date: 

*/
@import url("/Template/Shoreham/CSS/nav-horizontal.css");


/*RESETS*/
*{padding:0; margin:0;}
fieldset{border:none;}
a img{border:none;}
a{-moz-outline:none;}

/* SITE SPECIFIC LAYOUT */

html,body,form#aspnetForm,form#form1
{
	height:100%;
	min-height: 100%;
}

div#branding{
	position:absolute;
	top: 30px;
	left: 25px;
	z-index: 3;
}

div#page
{
	position:relative; /* needed for footer positioning*/
	margin: 30px auto 0px auto; /* center, not in IE5 */
    width: 767px; 
}

div#search
{
	position:absolute;
	top: -30px;
	right: -130px;	
}
div#translate{
	top: -30px;
    left:20px;
    position:absolute;
    width: 200px;
}	

/* HEADER */
div#header
{
   height: 198px;
}


div#extra1/* ( Header Links ) */
{
	position: absolute;
	top: 10px;
	right: 0px;
	z-index: 99;                               
}


div#extra2 /* ( Date ) */
{
	position: absolute;
	top: 130px;
	left: 28px;
	width: 200px;
	z-index: 99;
}

div#extra3
{
	position: absolute;
	top: 200px;
	left: 10px;
	width: 747px;
}


/* CONTENT */
div#content
{
	width: 100%;
	position:relative; /* needed for footer positioning*/
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	z-index: 3;
}

/* LAYOUT */


div#layout
{
  width: 747px;
  padding: 30px 0px 10px 20px;
}
.ie6 div#layout
{
     width: 538px;
     padding-right: 13px;
     padding-left: 5px;
}

div#main
{
  width: 100%;
}
.ie6 div#local
{
     float: left;
     padding-left: 5px;
}





/* FOOTER */
div#footer
{	
    width: 767px;
	
}



/* List Items ul li */



/* END LAYOUT 
//////////////////////////////////// TABLE */


table
{

    border-collapse: collapse;
	border-spacing: 0;

}


th
{

}

td
{

}

/* END TABLE */


/*//////////////////////////////////// Display: None */

div#sub2, div#banner
{
	display:none;
}



/* CLEAR */
div#clear
{
	clear:both;
}


/* clearing */
    .stretch,
    .clear {
        clear: both;
        height: 1px;
        
        margin: 0;
        padding: 0;
        
        font-size: 15px;
        line-height: 1px;
    }
    .clearfix:after {
        clear: both;
        height: 0;
        
        display: block;
        visibility: hidden;
        
        content: ".";
    }
    .clearfix {display:inline-block;}
    /* Hide from IE Mac \*/
    .clearfix {display:block;}
    /* End hide from IE Mac */
/* end clearing */




