/*========================= TOP OF THE MENU CASCADE =========================*/

 

.menu {

            position:relative;        /* establish a menu-relative positioning context */

            float:left;                                     /* play nicely with others */

            margin:0;

            padding:0px;
			/*padding-bottom:0px;
			padding-left:0px;
			padding-right:0px;*/

            border:0;

            height:29px;                                  /* the menu's overall height */

            width:700px;         /* we always want our menu to fill the available space */

            cursor: default;

			font-family: "Century Gothic";
			font-weight: bold;
			font-size: 12px;
			color: #FFFFFF;
			text-transform:uppercase;

            /*border-bottom: #ffffff 1px dotted;*/

            text-align: left;

            background: #007071;
			
			display:block;

}

 

.menu img {

            vertical-align: top;      /* prevent images from being pushed down by text */

}

 

.menu ul {

    		padding:0;

            margin:0;

            border:0;

            list-style-type:none;          /* we don't want to view the list as a list */

            line-height:1.9em;           /* globally set the menu's item spacing. note */

}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

 

.menu li {

            float:left;    /* this creates the side-by-side array of top-level buttons */

            position:relative;    /* create local positioning contexts for each button */

            margin:0;

    		padding: 0;
			

}

 .menu li a:link {

			color:#FFFFFF;
			background-color:#007071;
			display:block;

}

 .menu li a:visited {

			color:#FFFFFF;
			background-color:#007071;
			display:block;

}

 .menu li a:hover{

			color:#FFFFFF;
			background-color:#004041;
			display:block;

}

.menu ul li table {

            margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */

            margin:0;               /* re-zero the table margins for everyone but IE5 */

            border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */

            font-size:12px;        /* this sets the base font size for our entire menu */

}

 

.drop {

            display:block;

            padding:0px 0.33em;             /* this sets the l/r margins for our menu item */

            margin:0;

            text-align:right;   /* this right alignment goes with the float:left below */

            cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */

            cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
			
			

}

 

.drop span {        /* this simultaneously left and right aligns the text and */

            float:left;       /* the >> in the drop-down menus which link to sub-menus */

}

 

.rightmenu {

            position:relative;  /* establish a local positioning context for YAH label */

            float:right;                  /* and right-align it at the top of our page */

}

 

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

 

.menu ul li ul {

            display:none;                  /* initially hide the entire list hierarchy */

            padding:1px;                               /* this is our box border width */

}

 

.menu ul li a,

.menu ul li a:visited {                    /* unselected top-level menu items */

            display:block;

            float:left;

            text-decoration:none;

            height:24px;

            padding: 2px 10px 3px 5px;
			
			

}

 

.menu ul li:hover a,

.menu ul li a:hover {                        /* selected top-level menu items */

            height:24px;

}

 

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

 

.menu ul li:hover ul,

.menu ul li a:hover ul {                           /* 2nd level drop-down box */

            display:block;

            position:absolute;

            margin:0;

            top:28px;              /* place us just up underneath the top-level images */

            left:-1px;       /* left-align our drop-down to the previous button border */

            height:auto;      /* the drop-down height will be determiend by line count */

            width:13.5em;

            color:#ffffff;                        /* this sets the unselected-text color */

            /*background: #006666;         /* this sets our menu's effective "border" color */
			
			
			
			

}

 

.menu ul li:hover ul.leftbutton,

.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */

            left:0px;

}

 

.menu ul li:hover ul.skinny,

.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */

            width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */

}

 

.menu ul.rightmenu li:hover ul,

.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */

            left:auto;

            right:0;         /* nudge the right menu right to line up under the border */

}

 

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */

            right:-1px;

}

 

.menu ul li:hover ul li a,

.menu ul li a:hover ul li a {                   /* 2nd level unselected items */

            border-bottom: #ffffff 1px dotted;

            margin:0;

            padding:0;

            height:auto;

            color:#ffffff;               /* this sets the unselected drop-down text color */

            background: #5f8b7f;       /* this sets the drop-down menu background color */

            width:13.5em;

}

 

.menu ul li:hover ul li:hover a,

.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */

            color:#ffffff;

            background:#004041;
			

}

 

.menu ul li:hover ul.skinny li a,

.menu ul li a:hover ul.skinny li a,

.menu ul li:hover ul.skinny li a:hover,

.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */

            width:8.08333em;

}

 

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

 

.menu ul li:hover ul li ul,

.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */

            visibility:hidden;

}

     

.menu ul li:hover ul li:hover ul,

.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */

            visibility:visible;

            position:absolute;

            margin-top:-1px;       /* bring the top edge of the 3rd level menu up one */

            top:0;

            left:8.08333em;

            width:14em;

}

 

.menu ul li:hover ul li:hover ul li a,

.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */

            width:14em;

            background:#d8d8d8;
			
			border-bottom: #ffffff 1px dotted;

}

 

.menu ul li:hover ul li:hover ul li a:hover,

.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */

            width:14em;

            background:white;

}

 

#text {           /* the Mac's standard Safari browser will not see this code */

            height:1.215em;#           /* ...  but every other browser will and should */

} /* Safari barfs on the illegal pound sign (#) after the rule's property val */