/* 
    Document   : indexPage
    Created on : Dec 30, 2007, 1:35:02 PM
    Author     : eric
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*root { 
    display: block;
}*/

body {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    min-width: 600px;
}

.heading-container{
    clear: both;
    float: left;
    width: 100%;
    /*height: 150px; */
    overflow: hidden;
}

.right-color{
    background: #ffffcc;
}
.right-color .header-column-middle{
    float: left;
    width: 200%;
    margin-left: -200px; /*Width of right column */
    position: relative;
    right: 100%;
}

.right-color .header-column-left{
    float: left;
    width: 100%;
    margin-left: -50%;
    position: relative;
    left: 400px;  /*left col width + right col width */
}


.right-color .heading-main-wrapper{
    float: left;
    width: 50%;
    position: relative;
    right: 200px;  /* width of left column */
}

.right-color .heading-column-main{
    margin: 0 215px;
    position: relative;
    left: 200%;
}

.right-color .left-heading{    
    background-image: url(../fabius-icons/wheat-harvest-3.jpg);
    background-position: left;
    background-repeat: no-repeat;
    height:  150px;
    float: left;
    float: right;  /* overrides float:left above */
    /* width: 170px; */  /* Original value */
    /*right: 15px;*/ /* original value width of left hand side padding on the left column */
    width: 200px;
    right: 0px;
    position: relative;
}

.right-color .middle-heading{
    margin: 0 215px;
    position: relative;
    left: 200%;
    /*padding: 5px;*/
}

/*.right-color .middle-heading p.welcome{
    font-size:  2em;
    line-height:  1em;
    font-style: oblique;
    font-weight: bold;
    color: blue;
}

.right-color .middle-heading p.the_rest{
    text-align: center;
  }  */
    
.right-color .right-heading{
    float: left;
    float: right;  /* override float:left above */
    /*width: 170px;*/  /*Original width of right column content.  right col - l&r padding */
    /*margin-right: 45px;*/  /*Original 45px.  Width of right col right hand pading + left column left and right padding */
    width: 200px;
    position: relative;
    left: 50%;
    font-family: Arial,Helvetica,sans-serif;
    padding: 0px;
}


.column-container{
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
}

.col3-color{
    background-color: #ffffcc;
}

.col3-color .column-middle{
    float: left;
    width: 200%;
    margin-left: -200px; /*Width of right column */
    position: relative;
    right: 100%;
}

.col3-color .column-left{
    float: left;
    width: 100%;
    margin-left: -50%;
    position: relative;
    left: 400px;  /*left col width + right col width */
}

.col3-color .column-main-wrapper{
    float: left;
    width: 50%;
    position: relative;
    right: 200px;  /* width of left column */
}

.col3-color .col-main{
    margin: 0 215px;
    position: relative;
    left: 200%;
}

.col3-color .col-left{
    float: left;
    float: right;  /* overrides float:left above */
    width: 170px;
    position: relative;
    right: 15px; /* width of left hand side padding on the left column */

}

.col3-color .col3{
    float: left;
    float: right;  /* override float:left above */
    width: 170px;  /* width of right column content.  right col - l&r padding */
    margin-right: 45px;  /* width of right col right hand pading + left column left and right padding */
    position: relative;
    left: 50%;
}

#footer{
    border: 1px solid black;
    background:  rgb(200,200,200);
    /*margin: -1px auto 10px auto;*/
    /*position: absolute;*/
    /* top: 0px; */
    /*bottom: 0px;
    right: 0px;
    left: 0px;    */
    clear: both;
    float: left;
    width: 100%;
}

.center-text
{
    text-align: center;
}

.small-text
{
    font-size:  0.75em;
}

.green-text-color
{  
    color: green;
}