/*------------------------------------------------------------------------------------------------
Webpage Style Sheet for Gencorp

version:	1.0
author:		jeremy cargilo
email:		jeremy@etrconsulting.com

- This page contains all of the styles available across the Gencorp website.  
------------------------------------------------------------------------------------------------*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Default Content Section Styles
------------------------------------------------------------------------------------------------*/
/* __Content Page Title Typography and Layout__ */
.title   { position: relative; left: 43px; top: 41px; font-family: Trebuchet MS; font-size: 20px; color: Red; }

/* __Form / Downloads Section Styles__ */
#page_links { position: relative; top: 7px; }
#apply { position: relative; float: right; width: 217px; height: 22px;
            background: url("../../images/apply_online.gif") no-repeat 0 transparent; }  
#apply a { position: relative; float: right; display: block; height: 17px; top: 3px; right: 10px; }
#apply a.IM_nav_apply { width: 102px; }
#downloads { position: relative; float: right; width: 217px; height: 15px; 
            background: url("../../images/downloads.gif") no-repeat 0 transparent; }
#downloads a { position: relative; float: right; display: block; height: 17px; right: 10px; }
#downloads a.IM_nav_downloads { width: 102px; }
#line    { position: relative; float: right; width: 217px; height: 12px;  
            background: url("../../images/line.gif") no-repeat 0 transparent; }  
#change_request { position: relative; float: right; width: 217px; height: 17px; 
            background: url("../../images/change_request.gif") no-repeat 0 transparent; }
#change_request a { position: relative; float: right; display: block; height: 17px; right: 10px; }
#change_request a.IM_nav_change { width: 135px; }
#service_request { position: relative; float: right; width: 217px; height: 20px; 
            background: url("../../images/service_request.gif") no-repeat 0 transparent; }
#service_request a { position: relative; float: right; display: block; height: 17px; right: 10px; }
#service_request a.IM_nav_service { width: 135px; }            

/* __Body Section Layout__ */
.body    { clear: both; position: relative; left: 43px; top: 13px; width: 512px; }
.body p { color: #004983; line-height: 20px; font-size: 11px; font-family: Arial; }
.body ul { margin-left: 20px; list-style: square inside; }

/* __Body Special Link Styles__ */
.apply { margin: 15px 35px 0px 0px; text-align: right; }
#content_body .apply a { font-family: Trebuchet MS; font-size: 20px; color: red !important; 
    text-decoration: none !important;}
#content_body .apply a:hover { text-decoration: underline !important; }

/* __Paragraph Formatting__ */
.left    { float: left; width: 225px; }
.right   { float: right; width: 225px; }
.afterUL { float: left; margin-top: 10px; } 
.halfbreak { line-height: 6px; }    
.quarterbreak { line-height: 0px; }    

/* __Message Display Formatting__ */
.success { margin-top: 10px; text-align: center; color: Green; font-weight: bold; font-size: 12px; }
.message { position: absolute; color: Green; font-weight: bold; text-align: center; }
.error { text-align: center; color: Red; font-weight: bold; font-size: 12px; }

/* __Footer Section Styles__ */
#content_footer { position: relative; left: 15px; width: 540px; text-align: center; }
#footer_content  { width: 992px; height: 24px; 
    background: url("../../images/content_footer.gif") no-repeat 0 transparent; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Default.aspx Styles
------------------------------------------------------------------------------------------------*/
/* __Slogan Section Styles__ */
#slogan { float: left; width: 760px; height: 188px; }            
           
/* __Forms Section Styles__ */           
#forms  { float: left; width: 209px; height: 188px; 
            background: url("../../images/forms.gif") no-repeat 0 transparent; }
           
/* __Spacer Section Styles__ ~~This section is a hack so IE performs correctly~~ */                        
#spacer { clear: both; float: left; width: 21px; height: 240px;   
    background: url("../../images/spacer.gif") no-repeat 0 transparent; }                
            
/* __Intro Section Styles__ */            
#intro  { float: left; width: 592px; height: 240px; color: #004983; font-family: Trebuchet MS, Arial; 
            background: url("../../images/content.gif") no-repeat 0 transparent; }
#intro_title { position: relative; top: 12px; left: 20px; font-weight: bold; font-size: 1.4em; 
    width: 215px; }
#intro p { color: #004983; font-family: Trebuchet MS, Arial; position: relative; top: 20px; 
    left: 20px; width: 555px; height: 187px; font-size: 1.2em; }
            
/* __News Section Styles__ */            
#news   { float: left; width: 356px; height: 240px; 
            background: url("../../images/news.gif") no-repeat 0 transparent; }

#news_items { margin: 15px 0px 0px 20px; width: 320px; }
#item { margin-bottom: 5px; font-size: .8em; }
#item .headline { color: #B74E3C; font-weight: bold; margin-bottom: 5px; }
#item p { margin-bottom: 5px; color: #004983; font-family: Arial !important; }
#item a { color: #004983; font-weight: bold; text-decoration: none; }
#item img { border: 0px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* about.aspx Styles
------------------------------------------------------------------------------------------------*/
/* __Biography Styles */
#bios .person { padding: 0 0 15px 0; clear: both; }
.person h4  { font-size: 12px; margin-bottom: 5px; }
.person img { float: left; margin: 0 15px 15px 0; border: 1px solid #004983; }
.person p { }

#clients_left { clear: both; float: left; width: 235px; }

/* -- Biography Styles -- */
.staff_left { float: left; width: 250px; }
.staff_right { float: right; width: 250px; }

.biography { line-height: 15px; }
.bio_heading { float: left; }
.bio_title_executive { float: left; width: 145px; margin-top: 25px; border-bottom: 2px solid red; }
.bio_title_manager { float: left; width: 145px; margin-top: 25px; border-bottom: 2px solid blue; }
.bio_title_marketer { float: left; width: 145px; margin-top: 25px; border-bottom: 2px solid green; }
.bio_title_claims { float: left; width: 145px; margin-top: 25px; border-bottom: 2px solid orange; }
.bio_title_text { margin: 0px 0px 2px 5px; font-weight: bold; }
.bio_image img { float: right; margin-top: 10px;}
.bio_text { clear: both; padding-top: 5px;  }
.bio_numbers { margin-top: 15px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* news.aspx Styles
------------------------------------------------------------------------------------------------*/
#next { float: right; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* contact.aspx Styles
------------------------------------------------------------------------------------------------*/
/* __Form Layout Styles__ */
#full { float: left; width: 992px; }  
#full_header { position: relative; width: 827px; height: 117px; 
    background: url("../../images/full_header.gif") no-repeat; }
#full_body { background: url("../../images/full_bg.gif") repeat-y; min-height: 499px; }
* html #full_body { height: 499px; }
#full_footer { clear: both; position: relative; width: 992px; height: 10px; 
    background: url("../../images/full_footer.gif") no-repeat; }
    
/* ---------- Content Header Styles ---------- */    
.full_title { position: relative; left: 99px; top: 41px; font-family: Trebuchet MS; 
    font-size: 20px; color: Red; }
#contact_image { position: absolute; top: 0px; left: 827px; background: #CEAC5A; }    

/* ---------- Content Body Styles ---------- */
#full_left { position: relative; left: 116px; width: 356px; }
#full_right { position: absolute; left: 428px; width: 356px; }

/* __Form Styles__ */
.form 		  { position: relative; padding: 5px 10px 0px 0px; width: 270px; 
    border: 0px; }

/* __Branch Styles__ */
#address      { position: relative; line-height: 20px; }

/* __Mapquest Styles__ */
#map { float: left; width: 400px; }    
#mapquest { position: relative; font-size: 11px; color: #785800; }

/* ---------- General Page Styles ---------- */

/* __Typography Styles__ */
#full i    { font-size: 12px; }
#full h2, h2   { color: #004983; font-weight: bold; font-size: 12px; margin:0px; }
#full h3, h3   { color: #785800; font-weight: bold; font-size: 11px; }
.company_address   { color: #785800; padding-bottom: 5px; }

/* __Advanced Browser Embellishments__ */
input:focus, textarea:focus { background: #EEDDAD; }

/* __Button Styles__ */
#send { float: right; text-align: right; margin: 5px 11px 0px 0px; }