<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
  <meta name="generator"
        content="HTML Tidy plugin in HTML-Kit (vers 1st August 2004), see http://www.htmlkit.com/tidy/">

  <title></title>
</head>
<body>

/* this stylesheet by John Beveridge modeled on original code generated by StrangeBanana (http://www.strangebanana.com) */

body
/*  the background color behind the content */
{
background-color: rgb(255,255,255);
color: rgb(0,0,0);
font-family: Arial, Helvetica, sans-serif;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
border-color: rgb(0,0,0);
}

#content
{
font-size: 90%;
background-color: rgb(255,255,255); 
color: rgb(0,0,0);
font-family: Arial, Helvetica, sans-serif;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
padding: 6px 66px 6px 0px;
border-color: rgb(0,0,0);
text-align: justify;
}

#menu
{
background-color: rgb(255,255,255);
color: rgb(111,101,160);
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
border-color: rgb(111,101,160);
}

a.menuitem
{
font-size: 100%;
background-color: rgb(215,215,215);
color: rgb(45,74,140);
font-variant: normal;
text-transform: none;
font-weight: bold;
margin-left: 3px; margin-right: 3px; margin-top: 3px; margin-bottom: 3px;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
border-color: rgb(24,35,207);
text-align: left;
}

#logo, #logo a
{
font-size:  300%;
background-color: rgb(22,47,114);
/* TEXT COLOR   */
color: rgb(252,176,2);
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: normal;
padding: 8px 8px 8px 8px;
border-color: rgb(250,250,250);
text-align: right;
}


/* THE TRAIL IS UNDER THE LOGO*/
#trail, #trail a
{
font-size: 100%;   
background-color: rgb(215,215,215);
/* TEXT COLOR */
color: rgb(45,74,140);
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-variant: normal;
text-transform: none;
font-weight: bold;

border-left-width: 0px; 
border-right-width: 0px; 
border-top-width: 2px; 
border-bottom-width: 2px;
border-left-style: none; 
border-right-style: none; 
border-top-style: solid; 
border-bottom-style: solid; padding: 0px 0px 0px 0px;
border-color: rgb(252,176,2);
text-align: left;
}

/* FLOATING BOXES*/
#floatleft
 {
  float: left;
  width: 150px;
  background-color: white;
  border-width: 2px;
  border-style: solid;
  border-color: white;
  padding: 10px;
  margin: 8px;
  font-weight: bold;
  color: black;
}


#floatright
 {
   width: 150px;
  background-color: white;
  border-width: 2px;
  border-style: solid;
  border-color: white;
  padding: 10px;
  margin: 8px;
  font-weight: bold;
  color: black;
}

/* H0VER TEXT */
#content a
{
color: rgb(22,47,114);
text-decoration: none;
}

#content a:hover, #content a:active
{
background-color: rgb(252,233,177);
color: rgb(0,0,0);
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6
{
color: rgb(0,0,0);
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-variant: normal;
text-transform: none;
font-weight: normal;
}

h1
{
font-size: 175%;
}

h2
{
font-size: 175%;
color: rgb(0,0,255);
}

h3
{
font-size: 145%;
}

h4
{
font-size: 145%;
color: rgb(0,0,255);
}


h5
{
font-size:100%;
}

h6
{
font-size: 100%;
color: rgb(0,0,255);
}

{
text-decoration: none;
}
/* ************ MENU  HOVER*********** */
.menuitem:hover
{
background-color: rgb(252,233,177);
/* TEXT COLOR */
color: rgb(22,47,114);
}

#trail a
{
text-decoration: none;
}

#logo a
{
text-decoration: none;
}

#trail a:hover
{
}
/* ****************LAYOUT OF MENU SIZE ETC> ***************** */

#menu  {width:20%; position: relative; top: 0; left: 0; float: left; text-align: center;}

.menuitem  {width:auto;}

#content  {margin-left:21%;width:auto}
.menuitem   {display: block;}

@media print
{
#menu       {display: none;}
#content    {padding: 0px;}
#content a  {text-decoration: underline;}
}
