/* CSS Document */
html {height:100%;}
body {margin:0px; padding:0px 5px; background-color:#ffffff;height:100%}
img {border:0px;}
table {margin:0px; padding:0px;}
td {margin:0px; padding:0px; vertical-align:top;}
h1 {font: normal normal bolder 18px Verdana, Arial, Helvetica, sans-serif; line-height:18px;}
h2 {font: normal normal bolder 16px Verdana, Arial, Helvetica, sans-serif; line-height:25px;}
h3 {font: normal normal bolder 14px Verdana, Arial, Helvetica, sans-serif; line-height:18px;}
a {color:#006666; text-decoration:none;}
a:visited {color:#666666;}
a:hover {text-decoration:underline;}

/* classes */
.anchor {color:#000000;}
.main {margin:0px; padding:0px; width:100%; font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif; height:100%;}
.hatchtour {margin:0px; padding:0px; background-color:#ffffff;}
.hatch-line {margin:0px; padding:0px; text-align:center;}
.logo {background: #ffffff url(images/sky.jpg) repeat-x; width:200px; margin:0px; padding:0px;}
.house-logo {background: #ffffff url(images/sky.jpg) repeat-x; width:150px; height: 56px; text-align: center; vertical-align:top; margin:0px; padding:0px;}
.donate-logo {width:150px; height: 53px; text-align: center; vertical-align:top; margin:0px; padding:0px;}
.sitemap {width:200px; background-color:transparent; margin:0px; padding:0px;}
.sitemap-nav {width:200px; background-color:#ff99cc;}
.top {background: #ffffff url(images/sky.jpg) repeat-x;}
.top-navbar {margin:0px; padding-right:2px; text-align:left; vertical-align:middle; background: #ff6666 url(images/top-nav-wood.jpg);}
.nav-tab {margin:0px; padding:0px; text-align:left; vertical-align:bottom;}
.left-nav {vertical-align:top; margin:0px; padding:0px; background-color:#006666;}
.bottom-nav {font-size: 10px; text-align:right; padding: 5px; height:10px;}
.directory {font-size: 10px; vertical-align: top; margin:0px; padding:2px; width:75%;}
.directory a {text-decoration:underline;}
.directory a:hover {text-decoration:overline underline;}
.directory-hr {color: #990000; height: 1px;}
.container {width:75%; background: url(images/grass.gif) repeat-x bottom;}
.content {margin:0px; padding: 0px 10px; vertical-align:top; width:95%; height:600px; overflow:auto;}
.events {background:#ffffcc; margin:0px; padding:2px; vertical-align:top; border:1px solid #006600; font-size:10px;}
.safety {background:#ffcccc; margin:0px; padding:2px; vertical-align:top; border:1px solid #660000;font-size:10px;}
.ads {background: url(images/grass.gif) repeat-x bottom; margin:0px; padding:2px; vertical-align:top;}
.seals {background: url(images/grass.gif) repeat-x bottom;}
.footer {font-size:10px; text-align:center;}
.quick-exit {margin:0px; padding:0px; text-align:center;}
.pictures {width:95%;}
.pictures img {margin:0px 5px 5px 0px;}
.widget-365gay {background-image:url(images/widget-365gay-bkg.gif); background-repeat:no-repeat;}

/*top 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/top-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.
========================================================= */
.top-menu {width:418px; font-size:10pt; position:relative; z-index:100; border-right:1px solid transparent; font-family: verdana;}
/* hack to correct IE5.5 faulty box model */
* html .top-menu {width:418px;}
/* remove all the bullets, borders and padding from the default list styling */
.top-menu ul {padding:0; margin:0; list-style-type:none;}
.top-menu ul ul {width:102px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.top-menu li {float:left; width:102px; position:relative;}
/* style the links for the top level */
.top-menu a, .top-menu a:visited {display:block; font-size:10pt; text-decoration:none; color:#ffff99; width:102px; border:1px solid transparent; border-width:1px 0 1px 1px; background: transparent; text-align:center; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .top-menu a, * html .top-menu a:visited {width:102px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.top-menu ul ul {visibility:hidden;position:absolute;height:0;top:18px;left:0; width:102px;}
/* another hack for IE5.5 */
* html .top-menu ul ul {top:18px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.top-menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.top-menu ul ul a, .top-menu ul ul a:visited {background: #ff6666 url(images/top-nav-wood.jpg); color:#ffff99; padding:0px; width:102px; border-width: 0px 1px 1px 1px; border-style:solid; border-color:#000000; line-height: 23px; font-weight:bold;}
/* yet another hack for IE5.5 */
* html .top-menu ul ul a, * html .top-menu ul ul a:visited {width:102px;}

/* style the top level hover */
.top-menu a:hover, .top-menu ul ul a:hover{color:#ffffff; background:#663300;}
.top-menu :hover > a, .top-menu ul ul :hover > a {color:#ffffff; background:#663300;}

/* make the second level visible when hover on first level list OR link */
.top-menu ul li:hover ul,
.top-menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.top-menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.top-menu ul :hover ul :hover ul{ visibility:visible;}

/* position the third level flyout menu */
.top-menu ul ul ul{left:102px; top:-1px; width:102px;}

/* position the third level flyout menu for a left flyout */
.top-menu ul ul ul.left {left:-102px;}

/* style the second level background */
.top-menu ul ul a.drop, .top-menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.top-menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.top-menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.top-menu ul ul ul a, .top-menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.top-menu ul ul ul a:hover {background:#b2ab9b;}

/*fly-off 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.
========================================================= */
.menu {font-size: 10pt; margin: 1px; font-family: verdana;}
.menu ul {padding-right: 0px; padding-left: 0px; z-index: 500; padding-bottom: 0px; margin: 0px; width: 183px; padding-top: 0px; list-style-type: none; position: relative}
.menu li {float: left; background: #ccffcc url(images/left-nav-gradient.jpg) repeat-x scroll bottom;}
.menu li.sub {background-color: #ccffcc;}
.menu table {margin-top: -1px; font-size: 1em; z-index: 100; left: 0px; position: absolute; top: 0px; border-collapse: collapse}
.menu a {border-right: #006666 1px solid; border-top: #006666 1px solid; display: block; padding-left: 1em; font-weight: bold; text-transform: none; border-left: #006666 1px solid; width: 183px; color: #333300; line-height: 2em; border-bottom: #006666 1px solid; font-style: normal; height: 2em; font-variant: normal; text-decoration: none}
.menu a:visited {border-right: #006666 1px solid; border-top: #006666 1px solid; display: block; padding-left: 1em; font-weight: bold; text-transform: none; border-left: #006666 1px solid; width: 183px; color: #333300; line-height: 2em; border-bottom: #006666 1px solid; font-style: normal; height: 2em; font-variant: normal; text-decoration: none}
.menu b {float: right; margin-right: 5px; color: #006666;}
* html .menu a {width: 183px}
* html .menu a:visited {width: 183px}
* html .menu a:hover {font-weight: bold; text-transform: none; color: #ffffff; font-style: normal; position: relative; background-color:#006666; font-variant: normal; text-decoration: none}
.menu li:hover {position: relative;}
.menu a:active {font-weight: bold; text-transform: none; color: #ffffff; font-style: normal; background-color:#006666; font-variant: normal; text-decoration: none}
.menu a:focus {font-weight: bold; text-transform: none; color: #ffffff; font-style: normal; background-color:#006666; font-variant: normal; text-decoration: none}
.menu li:hover > a {font-weight: bold; text-transform: none; color: #ffffff; font-style: normal; background-color:#006666; font-variant: normal; text-decoration: none;}
.menu li ul {padding-right: 2em; padding-left: 2em; left: 11em; visibility: hidden; padding-bottom: 2em; padding-top: 2em; position: absolute; top: -85px; 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}