body
{
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: medium;
    margin: 0;
    padding: 0;
    border: 0; /* This removes the border around the viewport in old versions of IE */
    width: 100%;
    background: #fff;
    min-width: 900px; /*Minimum width of layout - remove line if not required */
    color: #003572;
    background-color: #ffffff;
}

p
{
    display: block;
    padding: 5px 5px 5px 5px;
    margin: 0 0 0 0;
}

pre
{
    font-family: Courier, Courier New, monospace;
    font-size: x-small;
}

/*
	The image urls are relative to the css file, not the html file
	that includes the css file.
*/

ul
{
    list-style-image: url(../images/bull1_ice.gif);
    padding: 10px 10px 10px 20px;
}

ul ul
{
    list-style-image: url(../images/bull2_ice.gif);
    padding: 10px 10px 10px 25px;
}

ul ul ul
{
    list-style-image: url(../images/bull3_ice.gif);
    padding: 10px 10px 10px 30px;
}

a:link
{
    color: #1f86ff;
}

a:visited
{
    color: #005dc9;
}

a:active
{
    color: #62a9ff;
}

h1
{
    color: #003572;
    font-family: verdana,arial,helvetica,sans-serif;
    font-weight: bold;
    font-style: normal;
}

h2
{
    color: #003572;
    font-family: verdana,arial,helvetica,sans-serif;
    font-weight: normal;
    font-style: normal;
}

h3
{
    color: #003572;
    font-family: verdana,arial,helvetica,sans-serif;
    font-weight: bolder;
    font-style: normal;
    font-size: medium;
}

h4
{
    color: #003572;
    font-family: verdana,arial,helvetica,sans-serif;
    font-weight: normal;
    font-style: normal;
}

h5
{
    color: #003572;
    font-family: verdana,arial,helvetica,sans-serif;
    font-weight: normal;
    font-style: normal;
}

h6
{
    color: #003572;
    font-family: verdana,arial,helvetica,sans-serif;
    font-weight: normal;
    font-style: normal;
}

.topleft
{
    width: 90px;
    padding: 10px;
    float: left;
    text-align: center;
}

.topright
{
    width: 60%;
    min-width: 375px;
    float: left;
    padding-top: 40px;
    overflow:hidden;
    text-align:right;
}

/* Header styles */
#header
{
    /*
    float: left;
    height: 150px;
    text-align: right;
    */
    clear: both;
    color: #003572;
    font-size: x-large;
    text-decoration: none;
    font-weight: bold;
    padding: 0px;
    width: 99%;
    min-width:900px;
}

/* ================================================================ 
        This copyright notice must be untouched at all times.

        The original version of this stylesheet and the associated (x)html
        is available at http://www.cssplay.co.uk/menus/final_drop.html
        Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
        This stylesheet and the associated (x)html may be modified in any 
        way to fit your requirements.
        =================================================================== */
.menu
{
    width:100%;
    position: relative;
    z-index: 100;
    font-size:medium;
    font-weight:normal;
    float:left;
}

/* remove all the bullets, borders and padding from the default list styling */

ul.menu
{
    background-image:none;
    list-style: none;
}

.menu ul.menu
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.menu ul.menu ul.menu
{
    width: 149px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

ul.menu li
{
    float: left;
    width: 149px;
    position: relative;
}

/* style the links for the top level */

.menu a, .menu a:visited
{
    display: block;
    font-size:smaller;
    text-decoration: none;
    color: #fff;
    width: 138px;
    height: 30px;
    border: 1px solid #fff;
    border-width: 1px 0 1px 1px;
    /* background: #003572; */
    background: #5f86ff;
    padding-left: 10px;
    line-height: 29px;
    outline-style:none;
}

/* style the second level background */

.menu ul.menu ul.menu a.drop,
.menu ul.menu ul.menu a.drop:visited
{
    background: #005dc9 url(../images/dropblue.gif) bottom right no-repeat;
}

/* style the second level hover */

.menu ul.menu ul.menu a.drop:hover
{
    background: #1f86ff url(../images/dropblue.gif) bottom right no-repeat;
}

.menu ul.menu ul.menu :hover > a.drop
{
    background: #1f86ff url(../images/dropblue.gif) bottom right no-repeat;
}

/* style the third level background */

.menu ul.menu ul.menu ul.menu a, .menu ul.menu ul.menu ul.menu a:visited
{
    background: #005dc9;
}

/* style the third level hover */

.menu ul.menu ul.menu ul.menu a:hover
{
    background: #1f86ff;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul.menu ul.menu
{
    visibility: hidden;
    position: absolute;
    height: 0;
    top: 31px;
    left: 0;
    width: 149px;
    border-top: 1px solid #fff;
}

/* position the third level flyout menu */

.menu ul.menu ul.menu ul.menu
{
    left: 149px;
    top: -1px;
    width: 149px;
}

/* position the third level flyout menu for a left flyout */

.menu ul.menu ul.menu ul.left
{
    left: -149px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table
{
    position: absolute;
    top: 0;
    left: 0;
    border-collapse: collapse;
}

/* style the second level links */

.menu ul.menu ul.menu a, .menu ul.menu ul.menu a:visited
{
    background: #005dc9;
    color: #fff;
    height: auto;
    line-height: 1em;
    padding: 5px 10px;
    width: 128px;
    border-width: 0 1px 1px 1px;
}

/* style the top level hover */

.menu a:hover, .menu ul.menu ul.menu a:hover
{
    color: #fff;
    background: #62a9ff;
}

.menu :hover > a, .menu ul.menu ul.menu :hover > a
{
    color: #fff;
    background: #62a9ff;
}

/* make the second level visible when hover on first level list OR link */

.menu ul.menu li:hover ul.menu, .menu ul.menu a:hover ul.menu
{
    visibility: visible;
}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul.menu :hover ul.menu ul.menu
{
    visibility: hidden;
}

/* make the third level visible when you hover over second level list OR link */

.menu ul.menu :hover ul.menu :hover ul.menu
{
    visibility: visible;
}

/*
#header ul
{
    clear: left;
    float: left;
    width: 100%;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}
#header ul li
{
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}
#header ul li a
{
    display: block;
    float: left;
    margin: 0 0 0 1px;
    padding: 3px 10px;
    text-align: center;
    background: #eee;
    color: #000;
    text-decoration: none;
    position: relative;
    left: 15px;
    line-height: 1.3em;
}
#header ul li a:hover
{
    background: #369;
    color: #fff;
}
#header ul li a.active, #header ul li a.active:hover
{
    color: #fff;
    background: #000;
    font-weight: bold;
}
#header ul li a span
{
    display: block;
}
*/

/* '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 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 */
    border-top:4px solid #003572;

}
/* 3 column blog style settings */
.blogstyle
{
    background: #fff; /* Right column background colour */
}
.blogstyle .colmid
{
    float: left;
    width: 200%;
    margin-left: -200px; /* Width of right column */
    position: relative;
    right: 100%;
    background: #f9faff; /* Centre column background colour */
}
.blogstyle .colleft
{
    float: left;
    width: 100%;
    margin-left: -200px; /* Width of centre column */
    background: #fff; /* Left column background colour */
}
.blogstyle .col1wrap
{
    float: left;
    width: 50%;
    padding-bottom: 1em; /* Centre column bottom padding. Leave it out if it's zero */
}
.blogstyle .col1
{
    margin: 0 15px 0 415px; /*  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: 100%;
    overflow: hidden;
}

.blogstyle .col2
{
    float: right;
    width: 170px; /* Width of left column content (left column width minus left and right padding) */
    position: relative;
    left: 185px; /* Width of the left-had side padding on the left column */
    font-size:smaller;
}

.blogstyle .col2 h4
{
    color: #003572;
    font-family: verdana,arial,helvetica,sans-serif;
    font-weight:bolder ;
    font-style: normal;
    font-size: small;
    padding-top: 2em;
}

.blogstyle .col3
{
    float: right;
    width: 170px; /* Width of right column content (right column width minus left and right padding) */
    position: relative;
    left: 555px;
    font-weight: normal;
    font-size: 6pt;
}
/* Footer styles */
#footer
{
    clear: both;
    float: left;
    width: 100%;
    border-top: 4px solid #003572;;
}
#footer p
{
    padding: 10px;
    margin: 0;
}

#footer p.copyright
{
    text-align: center;
    font-size: x-small;
}

*
{
    margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: #003572;
    background-color: #CCFFFF;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
    color: #003572;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: #003572;
    background-color: #CCFFFF;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
    color: #003572;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
    color: #003572;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}