﻿/*------------------------------------------------------------------------------------------------
Default Layout Style Sheet for Gencorp

version:	1.0
author:		jeremy cargilo
email:		jeremy@etrconsulting.com

- This is the default style sheet for Gencorp.  This sheet contains the basic layout styles and 
typography settings for the site.  All specific styles are imported from this page or loaded from
their respective pages.
------------------------------------------------------------------------------------------------*/

/* Page Layout Defaults
------------------------------------------------------------------------------------------------
- This section contains all of the basic layout styles for the application.  This CSS is pulled 
from the MasterPage to provide a central layout for the whole site. 
------------------------------------------------------------------------------------------------*/
/* __Main Styles__ */
*        { margin: 0px; padding: 0px; }
body     { background: #004983; font-family: Arial; font-size: 11px; }
#wrapper { position: relative; width: 990px; left: 50%; margin-left: -495px; }
#page    { width: 992px; background: #FFFFFF; }

/* __Typography Styles__ */
/* Browser specific (not valid) styles to make preformatted text wrap */		
pre {
 font-family: Arial; font-size: 11px;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

ul li { color: #004983; font-size: 11px; font-family: Arial; }

/* __Branding/Logo Section Styles__ */
#branding{ float: left; width: 234px; height: 102px; }
.logo    { position: relative; left: 63px; top: 39px; }

/* __Sitemap Section Styles__ */
#sitemap { float: right; width: 758px; height: 102px; 
            background: url("../../images/sitemap.gif") no-repeat; }
#login   { position: relative; top: 17px; text-align: right; right: 26px; color: #EEDDAD; }
#login a { color: #EEDDAD; text-decoration: none; }
#login a:hover { color: #EEDDAD; text-decoration: underline; }

/* __Content Section Styles__ */
#home_content { clear: both; width: 992px; }
#page_content { clear: both; width: 992px; }
#content a:link, a:visited, a:hover { color: Blue; text-decoration: underline; }

/* __Footer Section Styles__ */
#main_footer  { width: 992px; height: 26px;
    background: url("../../images/footer.gif") no-repeat; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 


/* Default Content Page Styles
------------------------------------------------------------------------------------------------
- This section contains all of the default content page styles for the application.  
------------------------------------------------------------------------------------------------*/
/* ***************************** __Navigation Section Styles__ ******************************** */
#nav { float: left; width: 234px; font-weight: bold; color: #FFFFFF; }
    
#nav_head { width: 234px; height: 78px; 
    background: url("../../images/nav_top.gif") no-repeat 0 transparent; }
#nav_head h1 { position: relative; left: 36px; top: 62px; display: block; font-size: 11px; }
#nav_body { width: 234px; padding-bottom: 16px; min-height: 263px; height: auto;
    background: url("../../images/nav_body.gif") repeat-y 0 transparent; }
* html #nav_body { height: 263px; } /* IE min-height hack */
#nav_footer { clear: both; width: 234px; height: 111px;   
    background: url("../../images/nav_bottom.gif") no-repeat 0 transparent; }
#images { margin: 15px 15px 15px 30px; color: #004983; }
#images a { text-decoration: none; color: #004983; }
#images a:hover { text-decoration: underline; color: #004983; }
#images ul { list-style-image: url("../../images/pdf.gif"); }
#images li { margin-left: 45px; }

/* __mainNav Section Styles__ */
#mainNav { position: relative; left: 36px; top: 16px; display: block; padding-bottom: 20px; }
#mainNav li { list-style: none; line-height: 15px;  }
#mainNav li a { color: #FFFFFF; padding-left: 12px; text-decoration: none; }  
#mainNav li a:hover { background: url(../../images/nav_select.gif) no-repeat; }
#mainNav li .nopadding { color: #FFFFFF; padding-left: 0px !important; text-decoration: none; }  

/* **************************** __Page Content Section Styles__ ******************************** */
#contact_person { position: absolute; top: 355px; }
#content { float: left; width: 593px; }
#content_head { position: relative; height: 78px;
    background: url("../../images/content_top.gif") no-repeat 0 transparent; }
#content_body { background-color: #FFFFFF; padding-bottom: 15px; }

/* ***************************** __Image Section Styles__ ******************************** */  
#image { float: left; background: #CEAC5A; min-height: 468px; height: auto; }
* html #image { height: 468px; } /* IE min-height hack */
#right_image { position: relative; width: 165px; height: 442px;
    background: #CEAC5A url("../../images/right_image1.jpg"); }  

/* ********************** __Horizontal Colored Boxes Section Styles__ ************************** */  
#boxes   { position: absolute; left: 283px; top: 92px; z-index: 2; width: 97px; height: 20px; 
            background: url("../../images/colored_boxes_hz.gif"); }

/* ********************** __Vertical Colored Boxes Section Styles__ **************************** */     
#boxes_vt { position: absolute; left: 225px; top: 196px; z-index: 2; width: 17px; height: 80px; 
            background: url("../../images/colored_boxes_vt.gif"); } 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/            

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}
.clearfix {
    display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */