﻿#page {
    width: 800px; background-color: #ffffff; text-align: left; margin: 0px auto;
}
#header {
    border: solid 2px #003366; position: relative; float: left;
    font-weight: bold; width: 797px;
}
img.header {
    float: right;
}
.headerimage {
    float: right;
}
#headerMenu {
    border: solid 2px #003366; background-color: #003366;
    position: relative; float: left; font-weight: bold; width: 797px; color: #ffffff; padding: 0px;
}
#headerMenu a, #headerMenu .split {
    padding: 5px; font-size: 75%; color: #ffffff; text-decoration: none; float: right;
}
#headerMenu a:hover {
    text-decoration: underline;
}
#WebsiteName {
    padding: 19px; float: left;
    font-size: 160%; font-family: inherit; letter-spacing: 0.1em; color: #003366;
}
#footer {
    border: solid 2px #e1e1ff; padding: 0px; background-color: #e1e1ff; text-align: center;
    font-size: 90%; font-family: inherit; letter-spacing: 0.1em; color: #000000;
    clear: both;
}
#footer a, #footer a:visited {
    font-weight: inherit; color: inherit; font-family: inherit; text-decoration: none;
	  font-size: 90%; font-family: inherit; color: #000000;
}
#footer a:hover {
    text-decoration: underline;
}
#navigation {
    float: left; margin: 10px; clear: both;
}
#content {
    float: right; margin: 10px; width: 560px;
}
/*** Items used within the #content <div> ***/
h1 {
    font-weight: lighter; font-size: 160%; font-family: inherit; letter-spacing: 0.1em;
    font-variant: normal; color: #ffffff; width: auto; background-color: #003366;
    padding: 5px 10px 5px 10px;
}
h2 {
	font-weight: bold; font-size: 140%; color: #0033cc; font-family: inherit;
	letter-spacing: 0.1em; border-bottom: solid 1px #0033cc;
}
h3 {
	font-weight: lighter; font-size: 120%; color: #003366; font-family: inherit;
	letter-spacing: 0.1em;
}
span.right {
	text-align: right; float: right;
}
span.left {
	text-align: left; float: left;
}
#pageoptions, div.pageoptions, p.pageoptions {
    background-color: #999999; width: inherit; border: solid 1px #999999;
}
#content a {
	font-weight: bold; color: #0033cc; font-family: inherit; text-decoration: none;
	font-size: 100%; font-family: inherit;
}
#content a:visited {
	font-weight: bold; color: #0033cc; font-family: inherit; text-decoration: none;
	font-size: 100%; font-family: inherit;
}
#content a:hover {
	font-weight: bold; color: #0033cc; font-family: inherit; text-decoration: underline;
	font-size: 100%; font-family: inherit;
}
/*** Styles used for the menu - PAN ***/
.menu {
    font-family: inherit; font-size: 80%; color: #7C6F57; border: none 0px;
}
.MenuLevel1 {
    padding: 2px; padding-left: 5px; padding-right: 5px;
    background-color: #e1e1ff;
    border: solid 1px #ffffff; text-align: left; font-size: 110%;
}
.MenuLevel2 {
    padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #e1e1ff;
    border: solid 1px #ffffff; text-align: left; font-size: 110%;
}
.MenuLevel3 {
    padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #ffffcc;
    border: solid 1px #ffffff; text-align: left;
}
.MenuLevel4 {
    padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #ffffcc;
    border: solid 1px #ffffff; text-align: right;
}
.menuSelected {
    color: #eeeeee; background-color: #003366;
}
.MenuHover {
    background-color: #eeeeee; color: #000000; border: solid 1px #ffffcc;
}
/* sub navigation */
.navigation {
    font-family: inherit; font-size: 0.8em; color: #7C6F57; border: none 0px; width: 190px;
}
.navigation ul {
    margin: 0px; padding: 0px;
}
.navigation ul.MenuLevel4 {
    margin: 0px; padding: 0px; text-align: right;
}
.navigation li {
    list-style: none; margin: 0px; padding: 0px;
}
.navigation li a {
    background: #ffffcc; color: #000000; display: block; padding: 2px 5px 2px 10px; text-decoration: none;
    border-bottom: 1px solid #eeeeee; border-top: 1px solid #ffffff;
}
.navigation li a.MenuLevel1 {
    padding: 2px 5px 2px 10px; background: #e1e1ff; color: #333333; display: block; text-decoration: none;
    border-bottom: 1px solid #eeeeee; border-top: 1px solid #ffffff;
}
.navigation li a.menuSelected {
    font-weight: bold;
    padding: 2px 5px 2px 10px; background: #003366; color: #ffffff; display: block; text-decoration: none;
    border-bottom: 1px solid #eeeeee; border-top: 1px solid #ffffff;
}
.navigation li a:hover {
    background: #eeeeee; color: #000000;
}
/*** General page styles ***/
hr {
    color: #ffffff; background-color: #ffffff; border: 1px dotted #003366; border-style: none none dotted;
}
hr.dotted {
    color: #ffffff; background-color: #ffffff;
    border: 1px dotted #003366; width: 100%; border-style: none none dotted;
}
td.blue {
	  font-size: 90%; margin: 10px 10px 10px 0px; color: #333333; font-family: inherit;
    background-color: #e1e1ff;	
}
p.error {
    color: Red;
}
tr.TableGreen {
    background-color: #ccff99
}
.tableborder {
    border: #cccccc 1px solid;
}
.smallgreen {
	font-weight: bold; font-size: 80%; color: #009900; font-family: inherit;
}
.boldMed {
	font-weight: bold; font-size: 80%; color: #333333; font-family: inherit;
}
.smalltext {
	font-size: 80%; color: #333333; font-family: inherit;
}
.highlight {
    color: Red;
}
td.style1 {
    font-weight: bold; font-size: 100%; color: #ffffff; background-color: #003366;
    height: 2em;
}
td.smalltext {
    background-color: #ddeeff; font-size: 80%; color: #333333; font-family: inherit;
}
.tableGreen {
    background-color: #ccff99;
}
.linkButton {
    background: #ffffff; padding: 5px 15px 5px 15px; float: right;
    border: outset 2px #003366; text-align: right; margin: 5px;
}
.overlayBackground {
    z-index: 10000;
    filter: alpha(opacity=70); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE */
    -moz-opacity: .70; /*older Mozilla*/
    -khtml-opacity: 0.7;   /*older Safari*/
    opacity: 0.7;   /*supported by current Mozilla, Safari, and Opera*/
    background-color:#000000;
    background-image: url();
    position:fixed; top:0px; left:0px; width:100%; height:100%;
    text-align:center; vertical-align:middle;
}
.overlay
{
  z-index: 11000;
	position:relative;
	top: 10px;
	left: 10px;
	padding:50px 42px 0 42px;
	width:550px;
	min-height:200px;
	background-color:#fff;
	float:left;
	color:#000000;
	line-height:18px;
	display: block;
	background-image: url("/images/overlaybg.jpg");
}
.overlayClose{
	position:absolute;
	right:20px;
	top:20px;
	cursor:pointer;
	font-size:10px;
	text-transform:uppercase;
	color:#1297d7;
}

