<!-- CSS Horizontal Popout Menu -->

<!-- Menu border - black, #000000 - 21, 32 -->

<!-- Menu Item Width - 200 - 91 -->

<!-- Menu background (primary) (h2)                                 - pale blue,     #dee8ea -  49 -->
<!-- Menu background (primary) with plus sign (h2.x)                - pale blue,     #dee8ea -  53 -->
<!-- Menu background (primary) no link hover                        - pale blue,     #dee8ea - 121 -->
<!-- Menu background (any) with link hover and plus sign            - pale blue,     #dee8ea -  78 -->
<!-- Menu background (any) with link active                         - pale blue,     #dee8ea -  83 -->
<!-- Menu background (drop) with link (li li)                       - darker blue,   #9fd0ea(no dee8ea) -  25 -->
<!-- Menu background (drop) with link or link visited               - darker blue,   #dee8ea -  61 -->
<!-- Menu background (drop) with link or link visited and plus sign - darker blue,   #dee8ea -  68 -->
<!-- Menu background with link hover                                - grey,    #9fd0ea -  73 -->

<!-- Menu expand image - use expand 0 for none (transparent), expand 3 for + sign - 53, 68, 121 -->

#menu							{
								float: right;
								width: 100%;
								}
	
#menu li li a					{
								background: #dee8ea;
								font: normal small/150% tahoma,arial,helvetica,sans-serif;
								display: block;
								border-width: 1px;
								border-style: solid;
								border-color: #000000;
								white-space: pre;
								margin: 0;
								padding: 0 5px;
								}

#menu h2						{
								font: normal small/150% tahoma,arial,helvetica,sans-serif;
								display: block;
								border-width: 1px;
								border-style: solid;
								border-color: #000000;
								white-space: pre;
								margin: 0;
								padding: 0 5px;
								}

#menu h2						{
								color: #000000;
								background: #dee8ea;
								}

#menu h2.x						{
								background: #dee8ea url(/css/images/expand0.gif) no-repeat 100% 100%;
								}

#menu a							{
								text-decoration:none;
								}

#menu a, #menu a:visited		{
								background: #dee8ea;
								color: #000000;
								}

#menu a.x, #menu a.x:visited	{
								font-weight:normal;
								color:#000000;
								background:#dee8ea url(/css/images/expand0.gif) no-repeat 100% 100%;
								}

#menu a:hover					{
								color: #a00;
								background: #9fd0ea;
								}

#menu a.x:hover					{
								color: #ffffff;
								background: #dee8ea;
								}

#menu a:active					{
								color: #060;
								background: #dee8ea;
								}

#menu ul						{
								list-style: none;
								margin: 0;
								padding: 0;
								float: left;
								width: 200px;
								}

#menu li						{
								position: relative;
								}

#menu ul ul						{
								position: absolute;
								z-index: 500;
								top: auto;
								display: none;
								}

#menu ul ul ul					{
								top: 0;
								left: 100%;
								}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

/* This selector does not apply to anchors */
div#menu h2:hover				{
								color: #000000;
								background: #dee8ea url(/css/images/expand0.gif) no-repeat -999px -9999px;
								}

div#menu li:hover				{
								cursor: pointer;
								z-index: 100;
								}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
								{
								display:none;
								}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
								{
								display:block;
								}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x:active				{
								color:#060;
								background:#ccc;
								}