body
{
   text-align:center;
   font-family: arial,Helvetica,sans-serif;
   color: #000099;
}
 
div.container
{
   width: 80%;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   line-height: 110%;
}
div.header
{
   padding:0.5em;
   color:white;
   background-color: #000080;
   clear:left;
   font-size: 70.01%; /* Sets menu font size */
}
div.footer
{
   padding:0.5em;
   color:white;
   background-color: #000080;
   clear:left;
   font-size: 70.01%;  
   text-align:center;
}
h1.header
{
   padding:0;
   margin:0;
   width: 800px;
   height: 62px; 
}

/* ----------------- */
/*       Menu        */
/* ----------------- */
/* ================================================================ 
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/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
width: 800px; height: 30px; 
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}
/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
width:149px;
padding:6px 0;     
color:#FFF8DC;     
background:#A9A9A9;  
text-decoration:none;
margin-right:1px;
text-align:center;
}
/* style the links hover */
.menu :hover{
color:#444;       
/* background:#00080; */   
}
/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/* ----------------- */
/*     end Menu      */
/* ----------------- */

div.left
{
   float:left;
   width:120px;
   margin:0; 
   padding:1em; 
   color:white;
   background-color: #000080;
   font-size: 85.01%;
}

div.content
{
   margin-left:10%;
   width: 80%;
   padding:1em;
   font-size:90%;
}

/* ---------------- */
/* column container */
/* ---------------- */
/* column layout courtesy of matthewjamestaylor.com/blog/perfect-2-column-double-page.htm */
.colmask {
   clear:both;
   float:left;
   width:100%;			/* width of whole page */
   overflow:hidden;		/* This chops off any overhanging divs */
/*   font-size:100%;  */
}
/* 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 (double page) settings */
.doublepage {
   background:#fff;		/* right column background colour */
}
.doublepage .colleft {
   right:50%;			/* right column width */
   background:#fff;		/* left column background colour */
}
.doublepage .col1 {
   width:46%;			/* left column content width (column width minus left and right padding) */
   left:52%;			/* right column width plus left column left padding */
}
.doublepage .col2 {
   width:46%;			/* right column content width (column width minus left and right padding) */
   left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/*  --------------------  */
/*  End Column container  */
/*  --------------------  */

img.l 
{
display: block;
position:absolute; 
left:11%
}

img.r 
{
display: block;
position:absolute; 
right:11%
}

img.c 
{
display: block; 
margin-left: auto; 
margin-right: auto
}

ul.disc {list-style-type: disc; line-height: 130%;}
ul.circle {list-style-type: circle; line-height: 130%;}
ul.square {list-style-type: square; line-height: 130%;}
ul.none {list-style-type: none; line-height: 130%;}

h2 {font-family: arial,Helvetica,sans-serif; font-size: 150.01%; text-align:center;}
h3 {font-family: arial,Helvetica,sans-serif; font-size: 120.01%; text-align:center;}
h4 {font-family: arial,Helvetica,sans-serif; font-size: 90%; text-align:center;}
h5 {font-family: arial,Helvetica,sans-serif; font-size: 120.01%; text-align:left;}
h6 {font-family: arial,Helvetica,sans-serif; font-size: 100.01%; text-align:left;}
sm {font-family: arial,Helvetica,sans-serif; font-size: 80%; text-align:right; float:right;}

a.wh:link {color:white}
a.wh:visited {color:white}

p.centr {text-align:center}