@charset "utf-8";
/* CSS Document */

#menu {
width: 277px; /* Width of Menu */
height: 20px; /* Height is specified here and also on graphics for Rollover */
padding-left 10px;  /* Padding for Menu on Left side */
background-image:url(../images/nav/navLeft1.png); background-repeat:repeat-x; background-position:left; /* Background of Menu */
float: left;  /* Float Right for the Menu on the Right and Left for the Menu on the left */
}

#menu ul {
list-style: none;
margin: 0;
padding: 0; 
padding-top: 0px; /* Added for when I want to see the image or background in the #menu CSS object above, This might cause issues if not 0px. */
width: 5.2em; /* Width of Menu Items, If needed can be overrided on inline style. */
float: left;  /* Menu items stack left. */
}

#menu a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;    /* Set to 1px if you'd like borders around each Dropdown Menu Items. */
border-style: solid;  /* border-width: must be 1px, not 0px for this to apply. */
border-color: #ccc #888 #555 #bbb;  /* border-width: must be 1px, not 0px for this to apply. */
margin: 0;
padding: 2px 3px 0 5px;
}

#menu h2 {  /* This item might be legacy code at this point... */
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
text-align:left;
}

#menu h2 {
color: #D4D4D4;  /* #D4D4D4; - Old Off-White. This is the Color for the menu text. */
/* background: #000; Doesn't matter with background-image used on obect.  */
height: 16px; /* Menu Text Size */
border-width: 0px; margin:0;
/* text-transform: uppercase; */
background-image:url(../images/nav/n3.jpg); /* Image with dropdown arrow */
background-repeat:repeat-x;
background-position:right;
}

#menu h2:hover {
background-image:url(../images/nav/n4.jpg); /* Image with dropdown arrow */
background-repeat:repeat-x;
background-position:right;
}

#menu h2 a {  /* This, and the hover that follows, is the image and text color setting for the menu items that are links and not dropdown items. */
color: #D4D4D4; 
height: 16px; /* Menu Text Size */
/* background: #000; */
padding: 0; margin:0; border: 0px;
background-image:url(../images/nav/n0.jpg); /* Image without dropdown arrow */
background-repeat:repeat-x;
background-position:left; /* Since this is left the same image with the arrow dropdown could be used if it's long enough */
}

#menu h2 a:hover {
color:#FFFFFF;
background-image:url(../images/nav/n1.jpg); /* Image without dropdown arrow */
background-repeat:repeat-x;
background-position:left;
}

#menu a {
color: #000;
background: #d3e5fa; /* #efefef; - old color gray. Background color of submenus. */
text-decoration: none;
}

#menu a:hover {
color: #fff; /* #a00; - was Red, Text Color */
background: #306ac5; /* #fff; - old color white. Background color of submenus on hover. */
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
width: 115% /* With of submenu. 100% makes it the same as the Menu Item it drops from. */
}

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

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

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

/* ------------- */

#menuR {
width: 485px; /* Width of Menu */
/* border:solid #FFFFFF 1px; Border around NAV often used for reference during tweeking */
height: 20px; /* Height is specified here and also on graphics for Rollover */
/* padding-left 10px;   Padding for Menu on Left side */
/* background-image:url(../images2/nav/navRight1.png); background-repeat:repeat-x; background-position:left; Background of Menu */ 
float: Right;  /* Float Right for the Menu on the Right and Left for the Menu on the left */
}

#menuR ul {
list-style: none;
margin: 0;
padding: 0; 
padding-top: 0px; /* Added for when I want to see the image or background in the #menu CSS object above, This might cause issues if not 0px. */
width: 4.4em; /* Width of Menu Items, If needed can be overrided on inline style. */
float: left;  /* Menu items stack left. */
}

#menuR a {
font: bold 12px/18px arial, helvetica, sans-serif;
display: block;
/* border-width: 0px;     Set to 1px if you'd like borders around each Dropdown Menu Items. */
/* border-style: solid;   border-width: must be 1px, not 0px for this to apply. */
/* border-color: #ccc #888 #555 #bbb;   border-width: must be 1px, not 0px for this to apply. */
margin: 0;
padding: 2px 3px 0 5px;
}

#menuR h2 {  /* This item might be legacy code at this point... */
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menuR h2 {
color: #D4D4D4;  /* #D4D4D4; - Old Off-White. This is the Color for the menu text. */
/* background: #000; Doesn't matter with background-image used on obect.  */
height: 16px; /* Menu Text Size */
border-width: 0px; margin:0;
/* text-transform: uppercase; */
background-image:url(../images/nav/n0.gif); /* Image with dropdown arrow */
background-repeat:repeat-x;
background-position:right;
}

#menuR h2:hover {
background-image:url(../images/nav/n0.gif); /* Image with dropdown arrow */
background-repeat:repeat-x;
background-position:right;
color: #fff; /* #a00; - was Red, Text Color */
background: #74252a; /* #fff; - old color white. Background color of submenus on hover. Now Burgandy */
}

#menuR h2 a {  /* This, and the hover that follows, is the image and text color setting for the menu items that are links and not dropdown items. */
color: #D4D4D4; 
height: 16px; /* Menu Text Size */
/* background: #000; */
padding: 0; margin:0; border: 0px;
background-image:url(../images/nav/n0.gif) /* Image without dropdown arrow */
background-repeat:repeat-x;
background-position:left; /* Since this is left the same image with the arrow dropdown could be used if it's long enough */
}

#menuR h2 a:hover {
color:#FFFFFF;
background-image:url(../images/nav/n0.gif); /* Image without dropdown arrow */
background-repeat:repeat-x;
background-position:left;
}

#menuR a {
color: #000;
/* background:#FFFFCC;  #efefef; - old color gray. Background color of submenus. */
text-decoration: none;
}

#menuR ul ul a {
color: #000;
background:#FFFFCC;  /* #efefef; - old color gray. Background color of submenus. Now Light Yellow */
text-decoration: none;
}

#menuR a:hover {
color: #fff; /* #a00; - was Red, Text Color */
background: #74252a; /* #fff; - old color white. Background color of submenus on hover. Now Burgandy */
}

#menuR li {position: relative;}

#menuR ul ul {
position: absolute;
z-index: 500;
width: 150% /* With of submenu. 100% makes it the same as the Menu Item it drops from. */
}

#menuR ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

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

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

.div00 {
/* position: absolute;
z-index: 500;
display: block; */
width:300px; 
background-image:url(images/common/imgFlyout.gif); 
background-position:top; 
background-repeat:repeat-y; 
margin-top:40px; 
margin-right:20px; 
height:400px;
}