/* rightcolumn *//*
** Open Homes Style Sheet for www.ifxgroup.net, updated on 20070409
*/

/* Global overrides for major items and differing browser defaults */
body {
        background-color: #fff;
        color: #333;
        font-family: verdana, tahoma, arial, helvetica, sans-serif;
        }

body, table, img, button, iframe, ul, li  {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 12px;
        }

td, table td {
        text-align: left;
        vertical-align: top;
        }

th, table th {
        border-bottom: 1px solid black;
        font-family: Helvetica, Verdana, Arial, Geneva, sans-serif;
        text-align: center;
        vertical-align: bottom;
        }

.fileback, th, .fileback table, .fileback th, .fileback td {
        background: #edd;
        color: #000;
        }

iframe  {
        width: 0;
        height: 0;
        }

/* Override default 50px left padding and set to a more reasonable 20px */
ul      {
        margin-left: 20px;
        }

/* Set default inter-item vertical spacing */
li      {
        margin-bottom: 1em;
        }

/* COLOURS */

/* overall */
table   {
        background: #e6f6f8;
        }

body    {
        color: #444;
        background: #fff;
        }

a:link  {
        color: #70a;
        }

a:visited {
        color: #100d8d;
        }

a:hover, a:focus, a:active {
        color: #B51285;
        }


:focus  {
        outline: thin dotted invert;
        }

/* content */
#content {
        background-color: white;
        }



		
		

/* banners */
.locbar {
        color: white;
        background: #228;
        border-bottom: 1px solid #000;
        font-size: 10px;
        }

.locbar P, .locbar A, .locbar A:visited {
        color: white;
        text-decoration: none;
        }

.locbar a:hover {
        color: white;
        background: black;
        text-decoration: underline;
        }
DIV #topquote {
        text-align: left;
        font-weight: bold;
        }

#topquote, #banner, .info-site {
        background: #fee;
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        border-bottom: 1px solid #888888;
        border-right: 1px solid #edd;
        }

#navbot {
        border-top: 1px solid #000;
        font-size: 9px;
        }

#navbot ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center;
        }

#navbot li {
        display: inline;
        font-weight: bold;
        margin: 0 2px;
        padding: 0 2px;
        }

#navbot a {
        border: 1px solid #aaa;
        background-color: #eee;
        padding-left: .5em;
        padding-right: .5em;
        }

#navbot a:hover, #navbot a:focus, #navbot a:active #navbot a:visited {
        background-color: #aaa;
        border: 1px solid #00f;
        color: #00f;
        text-decoration: none;
        }

#topquote p, #banner p {
        color: #802929;
        }


/* top level nav common */
#topquote {
        background: white url("http://www.myIRAresource.com/images/topbannergn.gif") no-repeat;
        }

#banner {
        border-left: 1px solid #eef;
        border-right: 1px solid #eef;
        color: #555;
        }

/* top level nav unique */
a:hover #nav-meta, a:focus #nav-meta, a:active #nav-meta {
        border-bottom: 2px solid #a11;
        }

#nav-main a:hover, #nav-main a:focus, #nav-main a:active {
        border-bottom: 3px solid #a11;
        }

/* subnav unique */
#nav-section p {
        background: #eababa;
        }

#nav-section a {
        border-left: 0.75em solid #eababa;
        }

#nav-section a:hover, #nav-section a:focus, #nav-section a:active #nav-section a:visited {
        border-left: 0.75em solid #d32222;
        }

#nav-section a.youarehere {
        background: #eef;
        border-left: 0.75em solid #d32222;
        }

#nav-supp p {
        background: #ccc;
        border-right: 0.75em solid #ccc;
        }

#nav-supp a {
        border-right: 0.75em solid #ccc;
        }

#nav-supp a:hover, #nav-supp a:focus, #nav-supp a:active {
        border-right: 0.75em solid #d32222;
        }

/* boxed sections */
.box_ira    {
        background-color: white;
        border: 1px solid silver;
        padding-bottom: 2em;
        padding-top: 2em;
        padding-left: 2em;
        padding-right: 2em;
        color: black;
        display: inherit;
		text-align:left;
        }


.box    {
        background-color: #eef;
        border: 1px solid silver;
        padding-left: 2em;
        padding-right: 2em;
        color: black;
        display: inherit;
		text-align:left;
        }
		
.sponsorbox    {
        background-color: #fffff;
        border: 1px solid silver;
        padding-left: 2em;
        padding-right: 2em;
        color: black;
        display: inherit;
		text-align:center;
        }		
	
/* demobox is used to  sections */
.demobox    {
        background-color: #eef;
        border: 2px solid green;
        padding-left: .5em;
        padding-right: .2em;
        color: black;
        display: inherit;
		text-align:left;
		color:#339900
        }

.rbox:before {
        background: transparent url("http://www.ifxgroup.net/images/key-point_tr.gif") no-repeat top right;
        content: url("http://www.ifxgroup.net/images/key-point_tl.gif");
        display: block;
        font-size: 1px;
        line-height: 0.1;
        margin: 0; height: 9px;
        }

.rbox   {
        background: #eef url("http://ww.ifxgroup.net/images/key-point_back.gif") right repeat-y;
        display: inherit;
        }

.rbox:after {
        background: transparent url("http://ww.ifxgroup.net/images/key-point_br.gif") scroll no-repeat bottom right;
        clear: both;
        content: url("http://ww.ifxgroup.net/images/key-point_bl.gif");
        display: block;
        font-size: 1px;
        line-height: 0.1;
        margin: 0 0 0 0;
        height: 7px;
        padding-top: 0;
        }

.rbox P, .rbox H2, .box P, .box H2 {
        margin-left: 1em;
        margin-right: 1em;
        padding: 2px 15px 5px;
        }


/* Links Page */
#links {
        background-color: white;
        }

#links h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
        color: #833;
        }

#links th {
        vertical-align: bottom;
        font: 13px Helvetica, Verdana, Arial, Geneva, sans-serif;
        font-weight: bold;
		background-color:#CCCCCC
        }

#links td {
        vertical-align: middle;
		text-align:center;
        font: 9px Helvetica, Verdana, Arial, Geneva, sans-serif;
        }


/* table data*/
#tablelist {
       background-color: white;
        border: 1px solid silver;
        padding-left: 8em;
        padding-right: 2em;
        padding-bottom: 2em;
        color: black;
        display: inherit;
		text-align:center;
		margin-top:  15px; 
		margin-bottom:  15px; 
		margin-right:  15px; 
		margin-left:  30px; 
			}


#tablelist th {
        vertical-align: bottom;
        font: 12px Helvetica, Verdana, Arial, Geneva, sans-serif;
        font-weight: bold;
		background-color:#CCCCCC
        }

#tablelist td {
        vertical-align: middle;
		text-align:left;
        font: 12px Helvetica, Verdana, Arial, Geneva, sans-serif;
		line-height: 150%;
		background-color: white;
        }

#tablelist p.center {
        line-height: 80%;
		text-align:Center;
		font-size:16px;
        }

#tablelist H1 {
        color: #833;
		text-align:left;
		font-family: Helvetica, Verdana, Arial, Geneva, sans-serif;
        font-weight: Bold;
		text-align:left;
        }


/* table data*/
#tabledata p {
        line-height: 130%;
        }
		
#tabledata {
        border: 1px solid silver;
        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 2em;
        color: black;
        display: inherit;
		text-align:center;
		margin-top:  10px; 
		margin-bottom:  10px; 
		margin-right:  10px; 
		margin-left:  10px; 
		background-color: white;

			}


#tabledata th {
        vertical-align: bottom;
        font: 12px Helvetica, Verdana, Arial, Geneva, sans-serif;
        font-weight: bold;
		background-color:#CCCCCC
        }

#tabledata td {
        vertical-align: middle;
		text-align:left;
        font: 12px Helvetica, Verdana, Arial, Geneva, sans-serif;
		background-color: white;
        }







/* FONTS */
#container {
        font: 13px Helvetica, Verdana, Arial, Geneva, sans-serif;
        }

#content th {
        vertical-align: bottom;
        font: 12px Helvetica, Verdana, Arial, Geneva, sans-serif;
        font-weight: bold;
		background-color:#CCCCCC
        }

#content td {
        vertical-align: middle;
		text-align:center;
        font: 11px Helvetica, Verdana, Arial, Geneva, sans-serif;
        }

#content p {
        line-height: 130%;
        }

#content li {
        line-height: 120%;
        }

#content a, .info-site a, #navbot a {
        text-decoration: none;
        }

#content a:link, .info-site a:link, #navbot a:link {
        text-decoration: none;
        font-weight: bold;
        }

#content a:visited, .info-site a:visited, #navbot a:visited {
        text-decoration: none;
        font-weight: bold;
        }

#content a:hover, #content a:focus, #content a:active, .info-site a:hover, #navbot a:hover, .info-site a:focus, #navbot a:focus, .info-site a:active, #navbot a:active {
        border-bottom: 1px solid;
        text-decoration: none;
        }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
        font-family: Helvetica, Verdana, Arial, Geneva, sans-serif;
        font-weight: Bold;
        }

#content h1 {
        font-size: 16px;
        }

#content h2 {
        font-size: 15px;
        }

#content h3 {
        font-size: 12px;
        }

#content h4 {
        font-size: 11px;
        }

#content h5 {
        font-size: 11px;
        }

#content h6 {
        font-size: 10px;
        }

/* banners */
#topquote {
        text-align: left;
        }

#banner, .info-site {
        text-align: left;
        }

#navbot {
        text-align: center;
        }

#google {
        text-align: center;
        font: 10px Helvetica, Arial, sans-serif;
        }

#topquote p {
        font: small-caps 16px times, "times new roman", serif;
        letter-spacing: 0.125em;
        }

#banner p {
        font: small-caps 11px times, "times new roman", serif;
        letter-spacing: 0.125em;
        }

.info-site p, #navbot p {
        font-size: 10px;
        letter-spacing: 0.125em;
        }

/* top level nav */
#nav-toplevel {
        background-color: #fee;
        }

#nav-toplevel ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center;
        }

#nav-toplevel li {
        display: inline;
        font-weight: bold;
        margin: 0 2px;
        padding: 0 2px;
        }

#nav-toplevel a {
        color: #666;
        margin: 0;
        padding: 1px 1px;
        text-decoration: none;
        }
#nav-toplevel a:hover, #nav-toplevel a:focus, #nav-toplevel a:active {
        background-color: navy;
        color: white;
        }

/* This is for current nav-toplevel items */
.current {
        border-top: 2px solid #B51212;
        }

#nav-meta {
        font-size: 11px;
        }

#nav-main {
        font-size: 11px;
        }

#nav-section a.youarehere {
        font-weight: bold;
        }

/* LAYOUT */
html, body {
        height: 100%;
        }

body    {
        margin: 0;
        padding: 0 2em;
        }

h1, h2, h3, h4, h5, h6 {
        margin-left: -3%;
        }

#container {
        margin: 0em auto;
        min-width: 700px;
        max-width: 700px;
        }

#content {
        margin: 2%;
        padding: 0 2%;
        }

/* banners */
#banner, .info-site, #navbot {
        margin: 1em 0;
        padding: 0.4em;
        }

#banner p, .info-site p, #navbot p {
        margin: 0;
        padding: 0.1em;
        }

/* top level nav */
#nav-meta, #nav-main {
        margin: 1em auto;
        }


#container {
        background: white;
        border-left: 1px solid silver;
        border-right: 1px solid silver;
        width: 700px;
        }

.image{
	border-style:solid;
	border-color: black;
	border-width:1px;
      }


#contentwrapper{
	float: left;
	width: 100%;
	}

#contentcolumn{
	margin-right: 200px; /*Set right margin to RightColumnWidth*/
	}

/* rightcolumn */
#rightcolumn{
	float: left;
	width: 200px; /*Width of right column in pixels*/
	margin-left: -201px; /*Set left margin to -(RightColumnWidth) plus 1px for the left border */
	margin-top:  15px; 
	background: white;
	border-left: 1px solid silver;
	min-height: 600px;
	height: 600px;
	}
#rightcolumn TD{
	background: white;
	}

#rightcolumn TABLE{
	background: white;
	}

.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
	}
	
#box-signup {
        margin-left: .5cm;
        margin-right: .1cm;
        margin-top: .5cm;
        margin-bottom: .51cm;
        float: right;
		width: 12em;
		text-align: left;
		background: #999D78;
		border: 1px solid silver;
        padding-left: .2cm;
       padding-right: .2cm;
        padding-top: .2cm;
        padding-bottom: .2cm;


        }	

/* sub nav menu */
#nav-subs {
        margin-left: .5cm;
        margin-right: .1cm;
        margin-top: .5cm;
        margin-bottom: .51cm;
        float: right;
		width: 15em;
		text-align: left;
		background: white;
		border: 1px solid silver;
        padding-left: .2cm;
       padding-right: .2cm;
        padding-top: .2cm;
        padding-bottom: .2cm;


        }

#nav-subs ul {
        background-color: #eef;
        border: 10px solid #eee;
        color: black;
        font-size: 11px;
        list-style-type: none;
        margin: 0;
        padding: 0;
        }

#nav-subs a {
        display: block;
        padding: 0.2em 0.2em;
        text-decoration: none;
        width: 10em;
        }

#nav-section {
        margin-bottom: 1.5em;
        }

#counter {
        text-align: right;
        }

li.files {
        display: block;
        }

.ftitle {
        border-top: 1px solid #700;
        border-left: 10px solid #700;
        padding-left: 10px;
        color: #700;
        display: block;
        font-size: 13px;
        }

.ffile  {
        border: 1px solid silver;
        display: inline;
        float: right;
        text-align: right;
        }

.fbody  {
        font-size: 11px;
        padding: 2px 15px 5px 0px;
        }

.filenote {
        font-size: 10px;
        color: Gray;
        }

a.filenote {
        color: blue;
        text-decoration: none;
        }

#nav:before {
        line-height: 0.1;
        font-size: 1px;
        background: transparent url("images/menu_tr.gi") no-repeat top right;
        margin: 0;
        height: 9px;
        display: block;
        border-bottom: 1px solid #ddd;
        content: url("/images/key-point_tl.gif");
        }

#nav    {
        background: #E0E9E9 url("/images/menu_back.gif") right repeat-y;
        }

#nav:after {
        display: block;
        clear: both;
        padding-top: 0;
        line-height: 0.1;
        font-size: 1px;
        content: url("/images/key-point_bl.gif");
        margin: 0 0 0 0;
        height: 8px;
        background: transparent url("/images/menu_br.gif") scroll no-repeat bottom right;
        border-top: 1px solid #fff;
        }

#nav, #nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        }

#nav    {
        margin-bottom: 1em;
        }

#nav li {
        display: inline;
        padding: 0;
        margin: 0;
        }

/* used for un-linked menu items */
#nav li span {
        display: block;
        padding: 6px 10px;
        font-weight: bold;
        color: #666;
        }

#nav li span#configParent, #nav li span #configuration {
        display: inline;
        font-weight: normal;
        padding: 0;
        }

#nav li a {
        display: block;
        padding: 6px 10px;
        text-decoration: none;
        background-color: #EDF2F2;
        border-bottom: 1px solid #020202; 
		border-left: 1px solid #020202;
        border-top: 1px solid #020202;
        border-right: 1px solid #020202;
        }

#nav li a:hover {
        background: #bbf;
        }

#nav li li a {
        padding: 4px 8px 4px 20px;
        }

#oN     {
        background-color: #E0E9E9;
        }

#oN:hover {
        background-color: #C6DCDC;
        }

/* Form styles. */
.submit form {
        background-color: #6A7389;
        border-bottom: 1px solid #283043;
        border-left: 1px solid #9097A2;
        border-right: 1px solid #283043;
        border-top: 1px solid #9097A2;
        color: white;
        font-size: .75em;
        padding: 1px 4px;
        }

.q form, input, select, textarea {
        background-color: #f0f8ff;
        border: 1px solid #9097a2;
        color: black;
        font-size: 1em;
        padding: 2px;
        }

input:hover, input:focus, select:hover, textarea:hover, textarea:focus {
        background-color: white;
        color: black;
        }

#button, #button1, #button2    {
        background: #6A7389 url("http://www.ifxgroup.net/images/btint.jpg") no-repeat;
        border: none;
        color: white;
        cursor: pointer;
        height: 20px;
        width: 100px;
        }

/* Any password input field. */
/* Any multiline text input or display box. */
.passwordbox, .textbox {
        font-size: 12px;
        }

.bloghead {
        border-top: 1px solid #ccc;
        margin-top: 2em;
        margin-left: -2%;
        color: #900;
        font: 14px Helvetica, Arial, sans-serif;
        }

.hide   {
        display: none;
        }

.grey   {
        background-color: #eee;
        }

abbr, acronym {
        border-bottom: thin dotted;
        cursor: help;
        font-variant: small-caps;
        }

.warning {
        color: red;
        background-color: yellow;
        }

#content a.tab, A.tab, A.tab:link, A.tab:active, A.tab:visited{
        background-color: #eef;
        border-left: 1px solid silver;
        border-right: 1px solid silver;
        border-top: 1px solid silver;
        border-bottom: 1px solid #eef;
        color: #888;
        padding-left: 15px;
        padding-right: 15px;
        text-decoration: none;
        font: 8px Helvetica, Arial, sans-serif;
        }

#content a.tab:hover {
        text-decoration: underline;
        color: black;
        }

.slink, .slink A:link, .slink A:visited {
        font-size: 9px;
        color: #888;
        text-align: right;
        }

.slink A:hover {
        color: black;
        }
		
.newsarticle   {
        text-align: justify;
        }
		
		
.newstitle  {
        font-weight: bold;
        border-top: 1px solid #999;
        border-left: 1px solid #999;
        background-color: #ddd;
        }

.newsimage   {padding: 8px;
        }

.faqa   {
        text-align: justify;
        }

.faqq   {
        font-weight: bold;
        border-top: 1px solid #999;
        border-left: 1px solid #999;
        background-color: #ddd;
        }
		

					

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

 GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

 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.

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

/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/


.tightlist li { margin-bottom: 0.25em; }     /* tighter list for simple bullets */



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

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
 position: relative;
 border: 0;
 margin: 0;
 padding: 0;
 width: 100%;
        height: 1em;
 min-width: 560px;
        }

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { display: 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: 1px;           /* into a second nested div (see 2nd nested div next */
 border-left: 560px solid #fff;    /* CSS box-model borders are a fixed size */
        }

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

#masthead {
 position: relative;      /* position our child objects relative to this div */
 float: left;
 vertical-align: top;          /* protect from super-large user text sizing */
 border: 0;
 margin: 0;
 padding: 0;
 width: 100%;                                  /* grey-fill the entire width */
        height: 36px;                  /* set the overall height above the menu-bar */
 background-color: transparent;                          /* the menu bar itself */
        }

#mastheadlogo {
 float: left;
 vertical-align: top;
 border: 0;
 padding: 0;
 margin: 6px 0 0 7px;
        }

#focus {                                                 /* GRC's focus label */
 position: absolute;
 border: 0;
 margin: 0;
 padding: 0;
 top: 15px;
        left: 301px;
 width: 121px;
 height: 13px;
        }

#text {                                                 /* search text field */
 position: absolute;
 border: 1px solid #444;
 margin: 0;
 padding: 0 0 0 2px;
 top: 7px;
 right: 65px;
 width: 12em;
/* height: 1.215em;         we'll define this at the bottom of our style sheet */
 font-size: 14px !important;
 background-color: transparent;
        }

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

.mmenu {
        background-color: #F9E3A3;
        color: white;
        font-size: 11px;
        }

.mmenu A, .mmenu A:visited {
        background-color: #F9E3A3;
        border-bottom: 1px solid #888;
        border-left: 1px solid #888;
        border-right: 1px solid #888;
        color: #005;
        margin-right: 7px;
        padding-left: 9px;
        padding-right: 9px;
        text-align: center;
        text-decoration: none;
        width: 75px;
        }

.mmenu a:hover {
        color: #ff8;
        background-color: #008;
        text-decoration: none;
        }

.mmenu ul li ul A, .mmenu ul li ul A:visited {
        display: block;
        text-align: left;
        }

.mmenu {
 position: relative;        /* establish a menu-relative positioning context */
 float: left;                                     /* play nicely with others */
 margin: 0;
 padding: 0;
 border: 0;
        height: 18px;                                  /* the menu's overall height */
 width: 100%;         /* we always want our menu to fill the available space */
 background: #fff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;         /* this (and also below) sets the menu's font size */
        }

.mmenu img {
 vertical-align: top;      /* prevent images from being pushed down by text */
        }

.mmenu ul {
 padding: 0px;
 margin: 0px;
 border: 0px;
 list-style-type: none;          /* we don't want to view the list as a list */
 line-height: 1.5em;           /* globally set the menu's item spacing. note */
        }                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.mmenu li {
        border-bottom: 0px;
        float: left;    /* this creates the side-by-side array of top-level buttons */
        margin: 0px;
        padding-bottom: 0px;
        position: relative;    /* create local positioning contexts for each button */
        }

.mmenu ul li table {
        border-collapse: collapse;      /* IE5 needs this for the sub-menus to work */
        font-size: 11px;        /* this sets the base font size for our entire menu */
        margin: -1px 0;              /* IE5 needs -1px top and bottom table margins */
        margin: 0;               /* re-zero the table margins for everyone but IE5 */
        }

.drop {
        display: block;
        margin: 0;
        padding: 0px 0.33em;           /* this sets the l/r margins for our menu item */
        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 */
        }

.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 */
        }

#research {            /* this rightmost "Research" button must be positioned */
 position: absolute;       /* absolutely so that the YAH (you are here) text */
 top: 0px;               /* label will slide underneath it under Opera v8.54 */
        left: 364px;    /* which has a z-order sequencing bug with abs-pos elements */
        }

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

.mmenu ul li ul {
 display: none;                  /* initially hide the entire list hierarchy */
 padding: 1px;                               /* this is our box border width */
        }

.mmenu ul li a,
.mmenu ul li a:visited {                    /* unselected top-level menu items */
        display: block;
        float: left;
        height: 18px;
        text-decoration: none;
        }


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

.mmenu ul li:hover ul,
.mmenu ul li a:hover ul {                           /* 2nd level drop-down box */
        background-color: black;         /* this sets our menu's effective "border" color */
        color: #009;                        /* this sets the unselected-text color */
        display: block;
        height: auto;      /* the drop-down height will be determiend by line count */
        left: 0px;       /* left-align our drop-down to the previous button border */
        margin: 0;
        position: absolute;
        text-decoration: none;
        top: 18px;              /* place us just up underneath the top-level images */
        width: 13.5em;
        z-index: 100;
        }

.mmenu ul li:hover ul.leftbutton,
.mmenu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
 left: 0px;
        }

.mmenu ul li:hover ul.skinny,
.mmenu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
 width: 11.08333em;   /* with a 12px default font, this is 97px width (97/12) */
        }

.mmenu ul.rightmenu li:hover ul,
.mmenu 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 .mmenu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
 right: -1px;
        }

.mmenu ul li:hover ul li a,
.mmenu ul li a:hover ul li a {                   /* 2nd level unselected items */
 border: 0;
 margin: 0;
 padding: 0;
 height: auto;
 color: #005;  /* this sets the unselected drop-down text color */
 background-color: #F9E3A3; /* this sets the drop-down menu background color */
 width: 13.5em;
        }

.mmenu ul li:hover ul li:hover a,
.mmenu ul li a:hover ul li a:hover {                /* 2nd level selected item */
 color: #ff8;
 background-color: #008;
        }

.mmenu ul li:hover ul.skinny li a,
.mmenu ul li a:hover ul.skinny li a,
.mmenu ul li:hover ul.skinny li a:hover,
.mmenu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
 width: 11.08333em;
        }

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

.mmenu ul li:hover ul li ul,
.mmenu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
 visibility: hidden;
        }

.mmenu ul li:hover ul li:hover ul,
.mmenu 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: 11.08333em;
 width: 10em;
        }

.mmenu ul li:hover ul li:hover ul li a,
.mmenu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
 width: 10em;
 background-color: #F9E3A3;
        color: #005;
        }

.mmenu ul li:hover ul li:hover ul li a:hover,
.mmenu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
 width: 10em;
        color: #ff8;
 background-color: #008;
        }