BODY {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background: #00213d;/*6691b4;*//*00213d;*/
  color: #000000;
  /*background-image: url(http://www.frogdreams.com/approvals/southgate/images/bg.jpg);
  background-repeat: no-repeat-x-y; 
  background-position: top center; 
  background-attachment: fixed;
  Position keywords are top, center, bottom, left and right or 0px 0px */
}

.text {
height: 86px;
width: 400px;
overflow: auto;
border: 1px solid #000000;/*00213d;*/
background-color: #000000;/*6691b4;*/
padding: 0px;
scrollbar-face-color: #000000;/*00213d;*/
scrollbar-shadow-color: #00213d;/*ff0000ff0000;*/
scrollbar-highlight-color: #00213d;/*999999;*/
scrollbar-3dlight-color: #000000;/*ffffff;*/
scrollbar-darkshadow-color: #000000;/*999999;*/
scrollbar-track-color: #000000;/*0000ff0000ff;*/
scrollbar-arrow-color: #00213d;/*ffffff;*/
div.terms p,
}

div.text li {font-family: "Arial", "sans-serif"; font:normal 11px/15px arial;color:#ffffff;}
div.text h1 {font-family: "Arial", "sans-serif"; font:normal 11px/16px arial;color:#ffffff;}
div.text h2 {font-family: "Arial", "sans-serif"; font:normal 12px/17px arial;color:#ffffff;}
div.text h3 {font-family: "Arial", "sans-serif"; font:bold 14px/19px arial;color:#6691b4;}
div.text h4 {font-family: "Arial", "sans-serif"; font:bold 12px/17px arial;color:#ffffff;}
div.text strong {font-family: "Arial", "sans-serif"; color:#ffffff;}

.text2 {
height: 400px;
width: 500px;
overflow: auto;
border: 1px solid #000000;/*00213d;*/
background-color: #000000;/*6691b4;*/
padding: 0px;
scrollbar-face-color: #000000;/*00213d;*/
scrollbar-shadow-color: #00213d;/*ff0000ff0000;*/
scrollbar-highlight-color: #00213d;/*999999;*/
scrollbar-3dlight-color: #000000;/*ffffff;*/
scrollbar-darkshadow-color: #000000;/*999999;*/
scrollbar-track-color: #000000;/*0000ff0000ff;*/
scrollbar-arrow-color: #00213d;/*ffffff;*/
div.terms p,
}

div.text2 li {font-family: "Arial", "sans-serif"; font:normal 11px/15px arial;color:#ffffff;}
div.text2 h1 {font-family: "Arial", "sans-serif"; font:normal 11px/16px arial;color:#ffffff;}
div.text2 h2 {font-family: "Arial", "sans-serif"; font:normal 12px/17px arial;color:#ffffff;}
div.text2 h3 {font-family: "Arial", "sans-serif"; font:bold 14px/19px arial;color:#6691b4;}
div.text2 h4 {font-family: "Arial", "sans-serif"; font:bold 12px/17px arial;color:#ffffff;}
div.text2 strong {font-family: "Arial", "sans-serif"; color:#ffffff;}

.spaced { font-family: "Arial", "sans-serif"; line-height: 1.7; padding: 20px; color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal}
.spaced2 { font-family: "Arial", "sans-serif"; line-height: 1.7; padding: 20px; color: #ffffff; font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal}
.mainpage { font-family: "Arial", "sans-serif"; line-height: 1.7; padding: 0px; color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal}
.mainpageblue { font-family: "Arial", "sans-serif"; color: #6691b4; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal}
.mainpageheading { font-family: "Arial", "sans-serif"; color: #6691b4; font-size: 18px; font-style: normal; font-weight: bold; font-variant: normal}
.mainpagesubheading { font-family: "Arial", "sans-serif"; color: #6691b4; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal}
a.mainpagesubheading:link { font-family: "Arial", "sans-serif"; color: #6691b4; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; text-decoration: underline}
a.mainpagesubheading:visited { font-family: "Arial", "sans-serif"; color: #6691b4; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; text-decoration: underline}
a.mainpagesubheading:hover { font-family: "Arial", "sans-serif"; color: #ffffff; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; text-decoration: underline}
a:link {  font-family: "Arial", "sans-serif"; color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: underline}
a:visited {  font-family: "Arial", "sans-serif"; color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: underline}
a:hover {  color: #6691b4}
.footer {  font-family: "Veranda", "Arial", "sans-serif"; color: #004d8b; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none}
a.footer:link {  font-family: "Arial", "sans-serif"; color: #004d8b; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: underline}
a.footer:visited {  font-family: "Arial", "sans-serif"; color: #004d8b; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: underline}
a.footer:hover {  color: #ffffff}
.nav { font-family: "Arial", "sans-serif"; color: #ffffff; font-size: 14px; font-style: normal; font-weight: normal; font-variant: normal}
a.nav:link {  font-family: "Arial", "sans-serif"; color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none}
a.nav:visited {  font-family: "Arial", "sans-serif"; color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none}
a.nav:hover {  color: #0000cc}
.form {  FONT-WEIGHT: bold; COLOR: #000000; BACKGROUND-COLOR: #000000; border:1 solid; border-color:#000000  }



#pad {height:140px;}
/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding:0; margin:0; list-style:none; height:20px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:right; margin-right:1px;}
#menu li a {display:block; float:left; height:20px; line-height:20px; background:#004d8b; color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 20px 0 20px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#6691b4; background-color:#004d8b;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#6691b4; background:#004d8b;}
#menu li:hover > a.sub {color:#6691b4; background-color:#004d8b;}

#menu li.current a {color:#ffffff; background:#004d8b;}

#menu li a.sub {background: #004d8b url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#ffffff; background:#330000 url(down-arrow.gif) no-repeat right center;}

#menu :hover ul {left:0; top:20px; width:120px; background:#ff0000;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul{left:120px; top:-1px; background:#00ff00; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #004d8b;}
#menu :hover ul li a {width:80px; padding:10; text-indent:10px; background:#004d8b; color:#ffffff; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background:#000000 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#004d8b; color:#6691b4;}
#menu :hover ul :hover a.fly {background-color:#004d8b; color:#ffffff;}

#menu :hover ul li.currentsub a {background:#330000; color:#ffffff;}
#menu :hover ul li.currentsub a.fly {background:#330000 url(right-arrow.gif) no-repeat right center; color:#ffffff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#004d8b; color:#6691b4;}
#menu :hover ul :hover ul :hover {background-color:#004d8b; color:#ffffff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#330000; color:#ffffff;}