/* ======================================================
/*     This portion of the code represents the body
/* ======================================================*/
body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 2px solid #2A4F6F;
	marginheight: 0;
    marginwidth: 0;
	topmargin:0;
	leftmargin:0;
	hspace: 0;
	vspace: 0;
}
/* ======================================================
/*     This portion of the code represents the header
/* ======================================================*/
#header {
	border-bottom: 5px solid #FF0000;
	border-top: 1px solid #778899;
	position:absolute;
	height: 130px;
}
#header .strapline {
	font: 150% Georgia, "Times New Roman", Times, serif;
	color: #778899;
	background-color: transparent;
	float: right;
	margin-right: 200px;
	margin-top: 0px;
	background-image: url(/Images/Backgrounds/Flag_fog.jpg);
	width: 245px;
	height: 120px;
	padding: 6px 6px 4px 8px;
	color: #B22222;
	vertical-align: middle;
	background-color: transparent;
	}
#header .logo {
	float: left;
	margin-left: 15px;
	margin-top: 0px;
}

/* ======================================================
/*    This portion of the code represents the contents
/* ======================================================*/
#content  {
	position: absolute;
	top: 138px;
	left: 200px;
	margin-right: 2px; 
	margin-top: 0px;
	border-left: 5px solid red; 
	border-top: 0px
	padding: 0px 0px 0px 0px;
	  }
h1  	{ 
	margin-top: 0px;
	color: white; 
	font: 150% Georgia, "Times New Roman", Times, serif; 
	background-color: MediumBlue
	}
#content p {
	font-size: 80%;
	line-height: 1.6em; 
	padding-left: 1.2em;
}
/* ======================================================
/*  This portion of the code represents the Fly out 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/flyout_4level.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.
========================================================= */

/* ======================================================
/*                        PLEASE NOTE!
/*     Resizing the document is fine, but follow the 
/*    instructions provided for adjusting the widths.
/*    The comment following a given width or left line
/*        indicates what number to put down there.
/* ======================================================*/
.menu { 
	position:absolute;
	top:138px;
	left:0px;
	width:195px; /*content.left - 5*/
	font-size: 10pt; 
	font-family: verdana; 
}
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 195px;/*menu.width*/ padding:0px 0px 0px 0px;}
.menu li { background-color: #0000ff; float: left; font-size:90%; width:195px;/*menu.width*/ padding:0px 0px 0px 0px;}
.menu li.sub { background-color: #0000ff; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em;}
.menu a, .menu a:visited { border: 1px solid #ffffff; display: block; text-decoration: none; height: 2em; line-height: 2em;color: #ffffff; padding-left: 1em; font-weight: normal; font-style: normal; font-size:90%; font-variant: normal; text-transform: none; width:185px;/*menu.width-10*/ }
.menu b { float: right; margin-right: 10px; }
* html .menu a, * html .menu a:visited { width:185px;/*menu.width - 10*/}
* html .menu a:hover { color: #ffffff; background-color: #ff0000; position: relative; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none;}
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: #ffffff; background-color: #ff0000; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #ffffff; background-color: #ff0000; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { visibility: hidden; position: absolute; top: 0em; left:195px;/*menu.width*/ background-color: transparent}
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }