/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*           Layout StyleSheet - Athena's Heavenly Goddess Project
*           Created by Jeremy S. Cargilo for ETR Consutling, Inc.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the master layout css styles for the entire project.
*   All subpage styles, links, forms, and other non-layout items can be found in 
*   their respective style sheets.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MasterPage Layout Styles
-------------------------------------------------------------------------------*/
*            { margin: 0px; padding: 0px; }
body         { background: #EBEBEB; font-size: 14px; margin: 15px 0px 0px 0px;
               font-family: Arial, Times New Roman; }
#wrapper     { position: relative; width: 993px; left: 50%; margin-left: -497px; 
               background: #FFFFFF; }
#page        { position: relative; width: 973px; min-height: 719px; }
* html #page { height: 719px; } /* IE min-height hack */

/* Typography Styles
-------------------------------------------------------------------------------*/
h1 { color: #551E20; margin: 0px 0px 10px 0px; text-align: center; font-size: 20px; }
h2 { color: #000000; margin: 5px 0px 5px 0px; font-size: 18px; }
h3 { font-size: 14px; }
h4 { }
ul { }
li { }
.errorSummary { margin-bottom: 10px; background: #EBEBEB; border: 2px solid #551E20; 
    padding: 4px; }
.errorSummary ul { list-style-type: circle; list-style-image: none; }
.errorSummary li { margin-left: 20px; margin-bottom: 3px; }

/* Master Header Section Styles
-------------------------------------------------------------------------------*/
#master_header { width: 973px; height: 23px; 
    background: url("../../images/master_header.gif") no-repeat; }
#subpage_header { width: 973px; height: 23px; 
    background: url("../../images/subpage_header.gif") no-repeat; }    
#GoddessSignup_header { width: 973px; height: 23px; 
    background: url("../../images/subpage_header.gif") no-repeat; }    
    
/* Master Body Styles
-------------------------------------------------------------------------------*/
#master_body   { width: 973px; min-height: 643px; }
* html #master_body { height: 643px; }

#master_content { float: left; width: 758px; min-height: 161px; }
* html #master_content { height: 161px; }

#subpage_content { float: right; width: 469px; margin-right: 15px; }
#GoddessSignup_content { float: right; width: 740px; margin-right: 5px; }
#master_navigation { float: left; width: 215px; height: 643px; }
#subpage_logo { position: absolute; width: 219px; top: 190px; left: 35px; }
#subpage_SiteMapPath { margin-bottom: 5px; }

   
/* Content Section Styles
-------------------------------------------------------------------------------*/
   
/* Master Footer Section Styles
-------------------------------------------------------------------------------*/   
#master_footer { width: 973px; height: 23px; 
    background: url("../../images/master_footer.gif") no-repeat; }
#subpage_footer { width: 973px; height: 23px; 
    background: url("../../images/subpage_footer.gif") no-repeat; }
#GoddessSignup_footer { width: 973px; height: 23px; 
    background: url("../../images/subpage_footer.gif") no-repeat; }
.pwp { float: right; position: relative; right: 248px; color: #FFFFFF; padding-top: 3px; }

/* Copyright Styles
-------------------------------------------------------------------------------*/   
#copyright     { margin-top: 5px; text-align: right; font-size: 11px; }

/* CSS Hacks Section Styles
-------------------------------------------------------------------------------*/       

/* ----------------------------------------------------------------------------
    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 */