/*==============================================================================

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.

                      PUBLIC DOMAIN CONTRIBUTION NOTICE							 
   This work has been explicitly placed into the Public Domain for the
	benefit of anyone who may find it useful for any purpose whatsoever.
	
==============================================================================*/

 /*================= STYLES FOR  MASTHEAD & CONTROLS ==================*/

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	padding:0;
	height:auto;/* 36px masthead height + 18px button height + 1px lower border*/
	min-width:740px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	visibility: visible;
	width: 740px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 2px solid #DBDBDB;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
/*@media print, projection { .menuminwidth0copy { d\isplay:none; } }*/

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 300px;    /* CSS box-model borders are a fixed size */
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	height: 300px;
}

#masthead {
	position:relative;
	vertical-align:top;
	width:740px;                                  /* grey-fill the entire width */
	height:167px;                          /* a very light shade of grey */
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
	left: auto;
	right: auto;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float: none;
	border: 2 none #CCCCCC;
}


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

.menu {
	position:relative;
	padding:0;
	height:65px;                                  /* the menu's overall height */
	width:740px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;        /* give us a black border underneath */
	top: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clear: both;
	float: none;
	background-color: #FFFFFF;
	z-index: 200;
}



.menu ul {
	margin:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menu img {
	vertical-align: top;
	background-color: #E9E9E9;
	margin: 0px;
	padding: 0px;
}

.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;
	left: 0px;
	height: 18px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #DCD3B8;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.menu li.last {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	left: 0px;
	height: 18px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin: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;
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

/*======================== 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:18px;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	height:16px;
	border-top-width: 1px;
	border-top-style: solid;				/* top border on t0p-level button */
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000;
}

/*======================== 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:18px;              /* 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:black;         /* this sets our menu's effective "border" color */
	background-color: #000000;
}

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

}

.menu ul li:hover ul.leftbutton li ul, .menu ul li a:hover ul.leftbutton li ul {
	margin-left: 65px;
	width: auto;
}

.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:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;       /* this sets the drop-down menu background color */
	width:13.5em;
	background-color: #F3F3DE;		/* my background on 2nd level buttons */
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background-color: #E3E3B3;
}

.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;
	margin-left: 5.5em;				/*  my background color change  */
	background-color: #C9C96B;
	height: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}
     
.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:10em;
}
.menu ul li:hover ul li:hover ul.lasting, .menu ul li a:hover ul li a:hover ul.lasting {
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:8.08333em;
	width:10em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}


.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:10em;
	background:#D6D68F;
}

.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:10em;
	background-color: #D6D68F;				/*  my background color change D6D68F */
}
#footer {
	clear: both;
	height: 27px;
	width: 738px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border: 0px none #000000;
}