﻿/* Header styles */
#header
{
    clear: both;
    float: left;
    width: 100%;
}
/* column container */
.colmask
{
    top: 30px;
    position: relative; /* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
    margin-bottom: 10px;
}
/* common column settings */
.colright, .colmid, .colleft
{
    float: left;
    width: 100%; /* width of page */
    position: relative;
}
.col1, .col2, .col3
{
    float: left;
    position: relative;
    padding: 0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead  								only padding top and bottom is included here, make it whatever value you need */
    overflow: hidden;
}
/* 3 Column settings */
.threecol .colmid
{
    right: 25%; /* width of the right column */
}
.threecol .colleft
{
    right: 50%; /* width of the middle column */
}


.threecol .col1
{
    width: 411px; /* width of center column content (column width minus padding on either side) */
    left: 758px; /* 100% plus left padding of center column */ 
    border-right: solid 1px #C8C8C8;
    padding-right: 18px;    
}
.threecol .col2
{
    width: 126px; /* Width of left column content (column width minus padding on either side) */
    left: 177px; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    padding-right: 10px;
}
.threecol .col3
{
    width: 126px; /* Width of right column content (column width minus padding on either side) */
    left: 621px; /* Please make note of the brackets here: 								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
    padding-left: 17px;
    border-left: solid 1px #C8C8C8; 
    
}


/* Footer styles */
	#footer {
    clear: both;
    float: left;
    width: 100%;
    background-image: url('../MediaFiles/ThreeColBackgroundBottom.jpg' );    
    background-repeat: no-repeat;
    height: 65px;
    width: 774px;
    background-color: #C7C8CA;
    text-align: center;
    padding-top: 42px;
    color: #5A5F61;
    line-height: 20px;
    }
    /* --> */