﻿/* Universal styles for each page */
/* set html, body, p, h1, h2, h3, a, a:hover, table */
/* set main divisions eg: #container, #mast, #nav, #content, #footer */
/* remove all browser default settings */

html, body, ul, ol, p, h1, h2, form, fieldset 
{
 border: 0;
 margin: 0;
 padding:0;
}

/* HTML elements */
html 
{ 
 min-height: 101%;
}

body 
{ 
  text-align: center; /* Hack for IE5.x to centre the wrapper */
      background-color: #FFFFFF;
      font: 100.01% Verdana", "Arial", "Helvetica", "sans-serif; /* odd default size to prevent IE bug at small font sizes */
}

p 
{ 
 margin-bottom: 7px;
    font-style: normal;
    color: #545454;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 }

h1 
{ 
    font-size: 1.35em;
    font-weight: bold;
    color: #0C315B;
    text-decoration:none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
} 

h2 
{ 
     margin: 0px;
    font-weight: bold;
    color: #898E79;
    letter-spacing: 0;
    font-size:1.2em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding-bottom:5px;
}

h2 a 
{
     color: #6F685C;
}


h3 
{ 
     margin: 0;
    padding: 0px 0px 5px 20px;    
    font-weight: bold;
    color: #A89A7C;
    font-size: 1em;
}

h4 
{
    margin: 0;
    padding: 0px 0px 5px 20px;
    font-size: .8em;
    font-weight: bold;
    color: #555555;   
    text-decoration: none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 }

h5 
{ 
    margin: 0;
    font-size: .9em;
    font-weight:500;
    padding:5px 10px 10px 0px;
    color: #555555;   
    text-decoration:none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h6 
{ 
    margin: 0;
    font-size: .8em;
    font-weight:500;
    padding:5px 10px 10px 0px;
    color: #555555;   
    text-decoration:none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
 
a 
{ 
 font-style: normal;
   color: #003366;
   text-decoration: underline;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
 
a:hover, a:focus
{ 
 text-decoration: none;
}

/* Structural elements */
#container 
{ 
 width: 950px;
 margin: auto;
 padding-left: 7px;
 padding-right: 7px;
 padding-top: 10px;
 background-color: #fff;
 position: relative; /* added to cater for image map's absolute positioning */
}

#topnav 
{
 margin: 20px 0 0 0;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#contentwrapper 
{
 clear: both;
 width: 950px;
 float: left;
 background-image: url("/css_images/dotline-vertical.gif");
 background-repeat: repeat-y;
 background-position: 0px 0px;
 text-align: left;
 padding-bottom: 20px;
 }

#content 
{  
 position: relative;
 font-size: .7em;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #545454;
 }

#homewrapper
{
 width: 950px;
 text-align: left;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin:0px;
 padding:0px;
 }

/* classes for #content */
.fullwidth
{
 width: 763px;
 float: right;
}

.withsideboxes
{
 width: 585px;
 float: left; 
 }

/* end classes for #content */
#footer 
{
 position: relative;
 clear: both;
 background-color: #FFFFFF;
 width: 938px;
 height: 30px;
 color: #304B6A;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: .7em;
 padding: 8px 5px 4px 5px;
 border: solid 1px #A0AEBC;
 font-weight: bold;
 margin-bottom: 20px;
}

#footer ul li a 
{
 color: #3E5976;
}

/* Miscellaneous */

.floatleft 
{
 float: left;
}
  
.floatright 
{
 float: right;
}

.clearboth 
{
 clear: both;
}

.clearleft 
{
 clear: left;
}

.clearright 
{
 clear: right;
}

/*
.clearfix: after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
*/

/* Hides from IE-mac \*/
/* html .clearfix {height: 1%;}*/
/* End hide from IE-mac */