body, table
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body
{
    min-width: 700px; /* Minimum width of layout - remove line if not required */ 
                    /* The min-width property does not work in old versions of Internet Explorer */
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    color: White;
}
a
{
    color: #000099;
    text-decoration: none;
}
a:hover
{
    color: #3333CC;
}
h1, h2, h3
{
    margin: .8em 0 .2em 0;
    padding: 0;
}
p
{
    margin: .4em 0 .8em 0;
    padding: 0;
}
img
{
    margin: 10px 0 5px;
}
/* Header styles */
#header
{
    clear: both;
    float: left;
    width: 100%;
}
#header
{
    background: url(images/header-background.jpg) repeat-x;
    height: 87px;
}
#header .menu { float: right; margin: 5px; }
#header .menu a { font-weight: bold; margin-right: 7px; }
#header p, #header h1, #header h2
{
    padding: .4em 15px 0 15px;
    margin: 0;
}
#header h1 { margin: 10px 0px 0px 15px; font-size: 24pt; }
/* 'widths' sub menu */
#layoutdims
{
    clear: both;
    background: #eee;
    border-top: 4px solid #000;
    margin: 0;
    padding: 6px 15px !important;
    text-align: right;
}
/* column container */
.colmask
{
    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 */
}
/* 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 blog style settings */
.blogstyle
{
    /* background: url(images/body-background.jpg) repeat-x; this controls the background across all three cols */
                                                    /* but is only visible on the right column background colour */
                                                    /* when the other cols have other colors */
    min-height: 595px;
}
.blogstyle .colmid
{
    right: 25%; /* width of the right column */
    background: transparent; /* center column background colour */
}
.blogstyle .colleft
{
    right: 25%; /* width of the middle column */
    background: transparent; /* left column background colour */
}
.blogstyle .col1
{
    width: 46%; /* width of center column content (column width minus padding on either side) */
    left: 52%; /* 100% plus left padding of center column */
}
.blogstyle .col2
{
    width: 21%; /* Width of left column content (column width minus padding on either side) */
    left: 56%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col3
{
    width: 21%; /* Width of right column content (column width minus padding on either side) */
    min-width: 198px;
    left: 60%; /* 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) */
}
/* Footer styles */
#footer
{
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
}
#footer a { margin: 5px; }
#footer p
{
    padding: 10px;
    margin: 0;
}