h1
{
    color: #000034;
    font-size: 18px;
    font-weight: bold;
}
h2
{
    color: #000034;
    font-size: 16px;
    font-weight: bold;
}
h3
{
    color: #000034;
    font-size: 14px;
    font-weight: bold;
}

a:link, a:visited, a:active
{
    color: Black;
    text-decoration: underline;
}
a:hover
{
    color: Red;
    text-decoration: underline;
    font-weight: bold;
}

border:1px solid #c0c0c0; /* Begin: Text boxes */ checkbox
{
    background: #fff url(images/head_formbg.jpg) no-repeat top left;
    border: 1px solid #000000;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    height: 18px;
    margin: 0;
    color: #1c1c1c;
    padding: 2px 0 0 4px;
}

checkbox:focus
{
    border: 1px solid #ffcc33;
    background-image: none;
    background: #ffffcc;
    color: #1c1c1c;
}

input
{
    background: #fff url(images/head_formbg.jpg) no-repeat top left;
    border: 1px solid #000000;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    color: #1c1c1c;
}

input:focus
{
    border: 1px solid #ffcc33;
    background-image: none;
    background: #ffffcc;
    color: #1c1c1c;
}

select
{
    background: #fff url(images/formbg.gif) repeat-x;
    border: 1px solid #000000;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    margin: 0;
    color: #1c1c1c;
    padding: 2px 0 0 4px;
}

select:focus
{
    border: 1px solid #ffcc33;
    background: #ffffcc;
    color: #000000;
}

textarea
{
    background: #fff url(images/formbg.gif) repeat-x;
    border: 1px solid #000000;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    height: 200px;
    margin: 0;
    color: #1c1c1c;
    padding: 2px 0 0 4px;
}

textarea:focus
{
    border: 1px solid #ffcc33;
    background: #ffffcc;
    color: #1c1c1c;
}
/* End: Text boxes */

#fixed
{
    margin: 0 auto;
    width: 1140px; /* you can use px, em or % */
    text-align: left;
}
body
{
    margin: 0;
    padding: 0;
    border: 0; /* This removes the border around the viewport in old versions of IE */
    width: 100%;
    background: White;
    min-width: 800px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */
    font-size: 100%;
    font-family: Arial, Times New Roman, Sans-Serif;
}

/* Header styles */
#header
{
    background: #ECECEC url(/images/header-back.png) bottom repeat-x;
    border-bottom: 1px solid #999;
    clear: both;
    float: left;
    height: 110px;
    width: 100%;
    position: relative;
    z-index: 10;
}
/* column container */
.colmask
{
    position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail
{
    background: #B2BDC4; /* Right column background colour */
}
.holygrail .colRight
{
    border-right: solid 3px #999;
    background-color: White; /* Content background color */
    float: left;
    width: 200%;
    margin-left: -195px; /* Width of right column */
    position: relative;
    right: 100%;
    text-align: left;
}
.holygrail .colleft /* menu */
{
    border-right: solid 3px #999;
    float: left;
    width: 100%;
    margin-left: -50%;
    position: relative;
    left: 360px; /* Left column width + right column width */
    background: #ECE9D8; /* Left column background colour */
}
.holygrail .col1wrap
{
    float: left;
    width: 50%;
    position: relative;
    right: 175px; /* Width of left column */
    padding-bottom: 1em; /* Center column bottom padding. Leave it out if it's zero */
}
.holygrail .col1
{
    margin: 0 185px; /* Centre column side padding: Left padding = left column width + centre column left padding width, Right padding = right column width + centre column right padding width */
    position: relative;
    left: 200%;
    overflow: hidden;
}
.holygrail .colLeftColumn
{
    float: left;
    float: right; /* This overrides the float:left above */
    width: 150px; /* Width of left column content (left column width minus left and right padding) */
    position: relative;
    text-align: center;
    right: 10px; /* Width of the left-had side padding on the left column */
}
.holygrail .colRightColumn
{
    float: left;
    float: right; /* This overrides the float:left above */
    width: 165px; /* Width of right column content (right column width minus left and right padding) */
    margin-right: 35px; /* Width of right column right-hand padding + left column left and right padding */
    position: relative;
    left: 50%;
    text-align: center;
}

/* Footer styles */
#footer
{
    background: #ECECEC url(/images/footer-back.png) bottom repeat-x;
    border-top: 1px solid #999;
    clear: both;
    float: left;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%;
    vertical-align: top;
    text-align: center;
}