/*
    Copyright:      Copyright (c) Mindscape Solutions. All rights reserved.
    Filename:       GRF_Master.css
    Created by:     Jason Van Vuren
    Created on:     1.3.2008

    Summary:
        This is the master css file for the complete Gran Rapids Flight site.  This css file will govern the styles
        for the GRF Master page and any global site styles.  All interior css pages will be included into this
        css sheet.

    Revision:   Jason Van Vuren 1.3.2008
        Initial style creation.
*/

/* ----------  Included style sheets  ---------- */
@import url('reset.css');
@import url('GRF_Default.css');
@import url('MasterInteriorTemplate.css');

/* ----------  Styles by ELEMENT  ---------- */
body  
{
    background-image: url('../Images/Site_BG.jpg');
    background-repeat: repeat-x;
    background-color: #0C395B;
    text-align: center; /* IE Fix */
    margin:36px 0;
}

/* ----------  Styles by DIV id  ---------- */
div#GRF_MasterContainer
{
    background-position: center bottom;
    background-repeat: no-repeat;
    text-align: center;
}

div#GRF_MasterHeader
{
    padding: 0px;
    margin: 0px;
    background-image: url( '../Images/GR-Flight-Header_010308.jpg' );
    background-repeat: no-repeat;
    background-position: center top;
    clear: both;
    width: 948px;
    height: 173px;
}

div#GRF_MasterHeaderSlogan
{
    height: 100px;
    width: 60%;
    clear: both;
    margin-left: 230px;
    float: left;
}

div#GRF_MasterHeaderSlogan
{
    padding-top: 32px;
}

div#GRF_MasterNav
{
    clear: both;
    height: 30px;
    text-align: center;
    text-align: -moz-center;
}

div#GRF_MasterContent
{
    background-position: center bottom;
    clear: both;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    background-image: url( '../Images/GR-Flight-Footer_010308.jpg' );
    background-color: #FFFFFF;
    background-repeat: no-repeat;
}

div#GRF_MasterFooter
{
    clear: both;
    width: 100%;
    height: 30px;
    background-color: #2E2F30;
    font-family: 'trebuchet MS';
    font-size: 14px;
    font-weight: lighter;
    color: #CCCCCC;
    padding-top: 15px;
}

div#GRF_MasterFooter a
{
    color: #ccc;
}

div#GRF_MasterLeft
{
    float: left;
    clear: left;
    width: 73%;
    height: 100%;
}

div#GRF_MasterRightNav
{
    float: right;
    clear: right;
    width: 218px;
    height: 100%;
    padding-bottom: 50px;
    margin-right: 10px;
}

div#GRF_RightBannerTop
{
    background-image: url( '../Images/Banner_BG_Repeat.png' );
    background-repeat: repeat-y;
    background-position: center top;
    text-align: center;
}

div#GRF_RightBannerBottom
{
    background-image: url( '../Images/Banner_Bottom.png' );
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 16px;
}

div#GRF_RightBannerTop img
{
    margin-right: 6px;
}

div#GRF_RightBannerText
{
    font-family: 'trebuchet MS' , Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: lighter;
    color: #FFFFFF;
    margin-top: 7px;
    text-decoration: none;
}

div#GRF_RightNewsLinks
{
    margin-top: 20px;
    text-align: left;
    margin-left: 7px;
}

div#GRF_RightNewsLinks a
{
    font-family: 'trebuchet MS';
    font-size: 16px;
    color: #666666;
    text-decoration: none;
}

div#GRF_RightNewsLinks hr
{
    color: #E2701B;
    height: 1px;
    border: 0;
    background-color: #E2701B;
    text-align: left;
    margin: 0 auto 0 0;
    width: 90%;
}

div#GRF_RightNewsLinks hr
{
    margin-top: 10px;
    margin-bottom: 10px;
}

div#GRF_RightSponsors
{
    background-image: url(   '../Images/Banner_BG_Repeat.png' );
    background-repeat: repeat-y;
    background-position: center top;
    margin-top: 20px;
    text-align: center;
    padding-top: 10px;
}

div#GRF_RightSponsors a
{
    padding: 0px;
    margin: 0px;
    font-family: 'trebuchet MS' , Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: lighter;
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
    display: block;
}

div#GRF_RightSponsorsBottom
{
    background-image: url( '../Images/Banner_Bottom.png' );
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 16px;
}


/* ----------  Styles by CLASS  ---------- */
/* A container should group all your columns. */
.container {
  text-align: left;
  position: relative;
  padding: 0;
  margin: 0 auto;   /* Centers layout */
  width: 948px;     /* Total width.  Change this as needed per site. */
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clear:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear { display: inline-block; }

/* Hides from IE/Mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End Hide from IE/Mac */