/* General styles */
body
{
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border: 0; /* This removes the border around the viewport in old versions of IE */
    width: 100%;
    background: #66c;
    max-width: 1024px;
    font-family: 'Century Gothic' , 'Trebuchet MS' , Helvetica, Sans-Serif;
    font-size: medium;
}
a
{
    color: #66c;
}
a:hover
{
    color: #f7f7ff;
    background: #66c;
    text-decoration: none;
}
h1, h2
{
    margin: .8em 0 .2em 0;
    padding: 0;
}
h1
{
    font-family: Constantia, 'Palatino Linotype' , 'Book Antiqua' , Palatino, Serif;
    font-variant: small-caps;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1;
}
h2
{
    font-size: 1.1em;
    line-height: 1;
}
p
{
    margin: .4em 0 .8em 0;
    padding: 0;
}
img
{
    margin: 10px 0 5px;
}
ul, ol
{
    margin-top: 0;
}

/* Header styles */
#header
{
    clear: both;
    float: left;
    width: 100%;
    border-bottom: 4px solid #000;
}
#header p, #header h1, #header h2
{
    padding: .4em 15px 0 15px;
    margin: 0;
}

#header img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* 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%;
    position: relative;
}
.col1, .col2, .col3
{
    float: left;
    position: relative;
    padding: 0 0 1em 0;
    overflow: hidden;
}
/* 2 Column (left menu) settings */
.leftmenu
{
    background: #f7f7ff; /* right column background colour */
}
.leftmenu .colleft
{
    right: 75%; /* right column width */
    background: #f7f7ff; /* left column background colour */
    border-right: 2px solid #000;
}
.leftmenu .col1
{
    width: 21%; /* left column content width (column width minus left and right padding) */
    left: 77%; /* (right column width) plus (left column left padding) */
}
.leftmenu .col2
{
    width: 71%; /* right column content width (column width minus left and right padding)*/
    left: 81%; /* (right column width) plus (left column left and right padding)                   plus ( right column left padding ) */
}
.leftnav
{
    list-style-type: none;
    font-weight: bold;
    line-height: 1.5em;
}
.footnav
{
    text-align: center;
}
.links
{
    list-style-type: none;
}
.hide
{
    display: none;
}

/* Footer styles */
#footer
{
    clear: both;
    float: left;
    width: 100%;
    font-size: small;
    border-top: 4px solid #000;
}
#footer p
{
    padding: 10px;
    margin: 0;
}
#footer a
{
    color: #f7f7ff;
}
#footer a:hover
{
    color: #000;
    background: #f7f7ff;
    text-decoration: none;
}