a:link { color: #000000; font-weight: bold; }
a:visited { color: #000033; font-weight: bold; }
a:hover { color: #0033FF; font-weight: bold; }
body { font: 85% Verdana, Arial, Helvetica, sans-serif; background: #CDF; margin: 0 auto;  padding: 0; width: 750px; border: thin double #00C; }
h1,h2 { background:   url(images/header1.gif) no-repeat; font: 900 16px Verdana, Arial, Helvetica, sans-serif; color: #000033; padding-bottom: 6px; padding-left: 8px; margin-top: 6px; margin-left: 0px; text-align: left; }
h3 { width: 488px; font-size: 14px; padding-bottom: 0px; padding-top: 0px; padding-left: 6px; font-weight: bold; color: #000099; background-color: #FFFFFF; border-top-width: thin; border-top-style: solid; border-top-color: #CCCCFF; width: 474px; border-bottom-width: 1px; border-bottom-style: groove; border-bottom-color: #D5D5FF; }
h4 {; font-size: 16px; color: #0000CC; padding-left: 8px; }
P { COLOR: #000066; MARGIN-BOTTOM: 2px; MARGIN-TOP: 2px; font: 11px Tahoma; }
P.Indented1 { MARGIN-LEFT: 6px }
P.Indented2 { MARGIN-LEFT: 12px; MARGIN-RIGHT: 12px; }
TABLE { COLOR: #3357b3; FONT-FAMILY: Tahoma; FONT-SIZE: 11px }
TD.Main { background: url(images/spacer-blu.gif) repeat-y; }
TD.Col1 { }
#Main-Container { text-align: left; padding-right: 4px; padding-left: 4px; }
#map { margin: -4px 0px 0px; padding: 0px 0px 0px 2px; float: left; width: 558px; font: 10px Arial, Helvetica, sans-serif; background: #E8EEFC; height: 500px; }
#MapContainer { margin: 0px; padding: 0px; width: 750px; background: #E8EEFC; }
#MapIcon { margin: auto auto; padding: 0px; width: 735px; font-size: 10px; }
#side_bar { width: 185px; clear: right; float: left; color: #000; font: 10px Arial, Helvetica, sans-serif; background: #E8EEFC; padding-left: 4px; height: 500px; margin: -4px 0px 0px; }
#snippet_whoflies, #snippet_searchpanel { text-align: center; width: 400px; margin-right: auto; margin-left: auto; position: relative; z-index: 10; }
/* ================================================================ 
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/final_drop3.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.
=================================================================== */
/* style the outer div to give it width */
.menu { font-size:0.8em; width:748px; text-align: left; position: relative; z-index: 1000; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0; margin:0; height:3em; background:#CCCCFF; list-style: url() none; }
/* style the sub-level lists */
.menu ul ul { width:16em; }                                    /*         15em                 */
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon      */
.menu ul li { float:left; height:3em; line-height:3em; }
/* style the sub level list items */
.menu ul ul li { display:block; width:16em; height:auto; position:relative; line-height:1em; }                                     /*         12em        */
/* style the links for the top level     */
.menu a, .menu a:visited { display:block; float:left; height:100%; font-size:0.8em; text-decoration: none; font-weight: bold; color:#00c; background:#CCCCFF; padding:0 1em 0 1em; border: 1px solid #0000CC; }
.menu ul ul a, .menu ul ul a:visited { display:block; background:#d4d8bd; color:#000; width:14em; height:100%; line-height:1em; padding:0.5em 0.5em; }                         /*    12em      */
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited { display:block; background:#BBBBFF; color:#00a; width:14em; height:100%; line-height:1em; padding:0.5em 0.5em }
.menu ul table ul a, .menu ul table ul a:visited { width:14em; w\idth:13.6em; }                                     /*             width:14em; w\idth:12em;             */
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table { position:absolute; left:0; top:0; font-size:0.8em; z-index:-1; }
.menu ul ul table { lef\t:-1px; }
.menu ul ul table ul.left { margin-lef\t:2px; }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited { background:#DDDDFF; }
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited { background:#EEEEFF; }
/* style the sub level 1 background */
.menu ul :hover a.sub1 { background:#DDDDFF; }
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 { background:#EEEEFF; }
/* style the level hovers */
/* first */
.menu a:hover { color:#000; background:#BBBBFF; text-decoration: underline; }
.menu :hover > a { color:#000; background:#BBBBFF; }
.menu li:hover { position:relative; }
* html .menu a:hover { position:relative; }
/* second */
.menu ul ul a:hover { color:#000; background:#DDDDFF; }
.menu ul ul :hover > a { color:#000; background:#DDDDEE; }
/* third */
.menu ul ul ul a:hover { background:#EEEEFF; }
.menu ul ul ul :hover > a { background:#EEEEFF; }
/* fourth */
.menu ul ul ul ul a:hover { background:#0000FF; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; height:0; top:3em; left:0; width:14em; }                                    /*    14em     */
/* position the third level flyout menu */
.menu ul ul ul { left:15.4em; top:0; width:16em; }                                      /*          left:14em;top:0;width:14em                */
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left { left:-15em; }                                     /*         left:-14em;                 */
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif); }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul { visibility:hidden; }
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul { visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul { visibility:visible; }
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { visibility:visible; }
.blu { background: #00CCFF; height: 23px; width: 57px; display: block; float:left; }
.cen { margin-right: auto; margin-left: auto; }
.centre { margin: 0px auto; text-align: center; }
.clearfloat { clear:both; height:0; font-size: 0px; line-height: 0px; }
.col13 { float: left; width: 130px }
.col10 { float: left; }
.col10r { float: right; width: 540px; }
.col14 { float: left; width: 140px; }
.col15 { float: left; width: 150px; }
.col20 { float: left; width: 200px; padding-left: 4px; padding-right: 4px; margin-right: auto; margin-left: auto; }
.col20r { float:right; width: 200px; padding-left: 4px; padding-right: 4px; }
.col-l { padding: 0px 4px; clear: right; float: left; margin: 0px; }
.col-r { padding: 0px 4px; float: left; margin: 0px; }
.Content { padding:6px; margin:0; background: #FFFFFF; background-image: url(images/space.gif); background-repeat: repeat-y; text-align: left; border-style: none; }
.contain { width: 98% }
.Content ul { list-style-image: url(graphic/bul.gif); list-style-position: outside; padding-left: 20px; color: #222; }
.cl { width: 750px; margin-right: auto; margin-left: auto; background: #CDF; clear: left; }
.fltrt { float: right; margin-left: 8px; }
.fltlft {  float: left; margin-right: 8px; }
.fright { float: right; clear: right; margin-right: 20px; }
.header { background:   url(images/header-big.gif) repeat-x; font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #000066; margin-right: auto; margin-left: auto; }
.head-right { font: bold 16px Verdana, Arial, Helvetica, sans-serif; background:   url(images/head-right.gif) no-repeat right; padding-left: 20px; text-align: left; color: #000033; padding-bottom: 10px; }
.head-big { font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #000000; background:   url(images/header-big.gif) no-repeat; padding-left: 10px; padding-right: 110px; }
.list-head { font: bolder 18px Arial; color: #CCC; background: #0000FF; letter-spacing: 2px; padding: 5px; width: 490px; margin-top: 0px; margin-right: auto; margin-left: auto; text-align: center; clear: both; }
.list-wrapper { width: 510px; border: 1px solid #F00; margin: 0px; }
.list-content { font: medium Arial; color: #000; margin: 2px; padding: 2px; width: 282px; clear: right; float: left; }
.list-photo { font: bold medium Arial; color: #333; margin: 0px; padding: 2px 0px; width: 208px; height: 98%; clear: right; float: left; text-align: center; }
.ln { border-top: thin solid #000099; margin-right: 10%; margin-left: 10%; padding-top: 12px; }
.lnhd { border-top: thin solid #000099; border-bottom: thin solid #0000FF; line-height: 20px; background: #6699FF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000; text-align: center; width: 98%; margin-left: 6px; margin-right: 6px; }
.MainBody { width: 750px; margin-left: auto; margin-right: auto; background: url(images/space.gif) repeat-y; border: 1px solid #0000CC; }
.name { font: bolder 16px Verdana, Geneva, sans-serif; color: #009; }
.NoBreakBeforeAfter { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px }
.topp { text-align: center; font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin-top: 6px; color: #000066; background: #E8EEFC; }
.Top { background: #FFF; text-align: center; width: 748px; margin-right: auto; margin-left: auto; }
.twoColElsLtHdr #container { width: 750px; background: #83BCF1; margin: 0 auto; border: 1px solid #000000; text-align: left; }
.twoColElsLtHdr #header { background: #7ABAF7; padding: 0 10px; 
	text-align: center; height: 130px; }
.twoColElsLtHdr #header h2 { margin: 0; padding: 5px 0 5px;  font: bold 22px Verdana, Geneva, sans-serif; color: #00c; }
.twoColElsLtHdr #sidebar1 { float: left; background: #83BCF1; padding: 4px 0 10px 4px;  margin: -9px 0px 0px 4px; clear: both; width: 176px; }
.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p { margin-left: 10px;  margin-right: 10px; color: #000; }
.twoColElsLtHdr #mainContent { margin: 0 4px 0 0em; padding: 0px 0px 0px 8px; background: #EBEBEB; float: left; width: 552px; }
.twoColElsLtHdr #footer { padding: 0 10px;  background:#83BCF1; text-align: center; }
.twoColElsLtHdr #footer p { margin: 0; padding: 10px 0; }
#Content { margin: 0px; }
.box1 { background: #FFF; width: 225px; border: 1px solid #00c; padding: 10px 6px; margin-right: auto; margin-left: auto; text-align: center; }
.list-header h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #330000; font-weight: bold; text-align: center; margin: 0; padding: 0px; background: #FFF; border-style: none; }
.list-photoL { float: right; width: 208px; padding: 2px; text-align: center; }
.list-photoL h3    { margin-left: 10px; margin-right: 10px; background: #FE9; }
.list-content { margin: 4 4px 0 10px; background: #FE9; }
ul { list-style: url(graphic/bul.gif); }