BODY { background: #111133; color: #BBBBFF; font-family: arial,sans-serif; font-size: 10pt; border: 0px; margin: 0px; padding: 0px; height:100%; overflow-y:auto }

#page { margin: 80px 10px 10px 135px; padding:0px } /* page content */
#menu { display:block; top: 80px; left: 0px; width: 130px; height:100%; position: fixed; background-image: url("images/MenuBackground.png"); border-width: 0px 1px 0px 0px; border-style: solid; border-color: #3399FF; padding: 0px } /* navigation menu */
* html #menu { position: absolute }
#title { position:fixed; display:block; top: 0px; right: 0px; width:100%; height:80px; background: #111133; background-image: url("images/TitleBackground.png"); border-width: 0px 1px 1px 0px; border-style: solid; border-color: #3399FF; padding: 0px; overflow:hidden; z-index:1 } /* top page title */
* html #title {position:absolute; right:0;
	right/* */:/**/20px; 
	right: /**/20px;}
#blpic {display:block; position:fixed; bottom:0; left:0; z-index: 10 }
* html #blpic {position:absolute;}

.udl { text-decoration: underline }	/* underlined text */
.ctr { text-align: center; vertical-align: middle }	/* centered table data */
.rgt { text-align: right; vertical-align: middle } /* right edge flush table data */
.lft { text-align: left; vertical-align: middle } /* left edge flush table data */
.top { vertical-align: top } /* move to top of box */
.fleft { float: left } /* float left with content on right */
.fright { float: right } /* float right with content on left */
.blkb { background-color: #000000 }	/* black background */
.whtb { background-color: #FFFFFF }	/* white background */
.info { color: #3399FF }		/* TD info text */
.sm { font-size: 75% }
.hi1 { color: #CCCCCC; font-weight: bold }	/* highlighted text1 */
.hi2 { color: #33FFAA; font-weight: bold }	/* highlighted text2 */

.add { margin: 0px 2px; padding: 0px; border-color: #CCCCCC; border-style: solid; border-width: medium } /* inline image border */
.tpb { border-color: #CCCCCC; border-style: solid; border-width: medium 0 0 0 } /* inline image text */
.gdf { border-width: 0 } /* gallery display fix no border */

A { font-weight: bold }
A:link { color: #9999FF }
A:visited { color: #6666BB }
A:hover { text-decoration: none; color: #3399FF }
A:active { color: #000; background-color: #FFF }

P.fl:first-letter { color: #3399FF; font-size: 275%; float: left }
OL { list-style: decimal outside }

TABLE { border-color: #CCCCFF; border-width: 1 }
TH { text-align: center; color: #3399FF; background-color: #000000; font-size: 150% }
COL { vertical-align: top }	/* always put item at top of table column */

SPAN.sec { color: #DDDDFF; font-size: 200%; text-transform: uppercase } /* section title (in all caps) */
SPAN.ttl { color: #33AAFF; font-size: 80% }	/* quote & menu section titles */
SPAN.dl { color: #8888AA; text-decoration: underline }	/* dead links */

DIV.center { text-align: center }
DIV.justify { text-align: justify }
DIV.year P.first { margin-left: 0px }	/* history new year */
DIV.year P { margin-left: 30px }	/* history same year */


/* ================================================================ 
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.
=================================================================== */

.menu { font-size: 80%; margin: 0px; z-index: 10 } /* this page only */
/* remove bullets, borders, padding from default list styling */
.menu ul { position: relative; padding: 0; margin: 0; border: 1px solid #3399FF; border-width: 1px 1px 0px 1px; list-style-type: none; width: 130px }
/* style list items */
.menu li { background: #111133; height: 26px;
/* for IE7 */
float:left }

/* get rid of table */
.menu table { position: absolute; border-collapse: collapse; top: 0; left: 0; z-index:10; font-size: 1em }

/* style the links */
.menu a, .menu a:visited { display:block; text-decoration:none; height:25px; line-height:25px; width:130px; text-indent:5px; border-bottom: 1px solid #3399FF }
.menu a:active, .menu a:focus { color: #000; background: #FFF }
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:130px; w\idth:130px;}
/* style the link hover */
* html .menu a:hover { color: #000000; background: #3399FF; position: relative; }
.menu li:hover {position:relative;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a { color:#000000; background:#3399FF }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; top:-1px; left:130px;
/* for IE to make it interpret the overrrun padding */
background:transparent url(blank.gif) }

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul { visibility:visible }

/* keep 3rd level+ hidden when hover on 1st level link for IE5.5 & IE6 */
.menu ul a:hover ul ul{ visibility:hidden; }
/* make the second level visible when hover on first level link */
.menu ul a:hover ul { visibility:visible }
/* make 3rd level visible when hover on 2nd level link for IE5.5 & IE6 */
.menu ul a:hover ul a:hover ul{ visibility:visible }