/* 
Style Sheet for the overall site layout

This should contain the general/default layout styles for the site.
-------------------------------------------------------
Copyright (c) 2011, Chasetheweb.net

Last Updated: Janean Angeles
 */  


/*////////////////////////////////////////////////////////////////////////////////*/
@import url("/template/eastislip/CSS/nav-horizontal.css?v=1");

/*#region RESETS*/
*{padding:0; margin:0;}
fieldset{border:none;}
a img{border:none;}
a{-moz-outline:none;}
/*#endregion*/

/*#region SITE SPECIFIC LAYOUT */
html, body, form#aspnetForm, form#form1 { height: 100%; min-height: 100%; }
div#branding { position: absolute; top: 41px; left: 35px; z-index: 99; width: 744px; height: 128px; background: transparent url('/template/eastislip/images/logo.png') no-repeat; }
div#branding a { display: block; width: 744px; height: 128px; }
div#page { position: relative; /* needed for footer positioning*/ margin: 30px auto 0 auto; /* center, not in IE5 */ width: 1025px; }
div#search { position: absolute; top: -30px; right: -130px; }
div#translate { position: absolute; top: -30px; left: 20px; }
div#header { position: relative; height: 222px; top: -7px; }
div#extra1 /* Todays Date*/ { position: absolute; top: 45px; right: 30px; }
div#extra2 /* Extra Links */ { position: absolute; top: 100px; right: 20px; width: 180px; z-index: 99; }
div#content { width: 1001px; position: relative; /* needed for footer positioning*/ margin: 0px auto 0px auto; padding-top: 15px; }
div#layout { float: right; width: 630px; }
div#main { }
div#local { float: left; width: 310px; padding: 0px 20px; }
div#footer2 { width: 1025px; margin: 0px auto 10px auto; height: 40px; }
div.cmsFooter { width: 1001px; margin: 0px auto 10px auto; height: 40px; }
/*#endregion*/

/*#region backpack*/
.backpack.eastislip div#page { background-image: url('/template/eastislip/images/bg-page-onecolumn.png'); }
.backpack.eastislip div#local { display: none; }
.backpack.eastislip div#layout { float: none; width: 1001px; }
.backpack.eastislip div#main { width: 971px; min-height: 530px; margin: 0px 15px; }
/*#endregion*/

/*#region TABLE */
table { border-collapse: collapse; border-spacing: 0; }
th { }
td { }
/*#endregion*/

/*#region Display: None */
div#sub2, div#banner, div#extra2, div#extra3, div#extra4, div#extra5, div#extra6 { display: none; }
/*#endregion*/

/*#region CLEAR */
div#clear { clear: both; }
.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 */
/*#endregion*/