/*---- Drop Down Styles----- */

#topnav
{ background: url(../images/header_bkgd.gif) repeat-x #fff; height: 98px; }

/*--- NEW 2-level drop down styles --- */

#nav {background: url(/img/primaryNavBkgd.jpg) no-repeat 0px 0px; clear: both; height: 44px; }

#nav a:hover div, #nav a.sfhover div { display:block; }

/* This is the top horizontal ul */
#appMenuBar { list-style: none; padding: 0px; margin: 9px 0px 0px 7px; width: 969px; float: left; position: relative; z-index: 1; white-space: nowrap; }

/* This is the basic drop down box from the top level */
#appMenuBar ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: none; clear: both; position: relative; top: 40px; left: 5px; top: 26px; }

/* This is the basic LI controls settting float properties and default paddings  throughout the menu*/
#appMenuBar li { display: inline; float: left; }

/* This is the basic link control setting display properties and default paddings throughout the menu*/
#appMenuBar li a { text-indent: -10000px; text-decoration: none; display: block; height: 32px; }
#appMenuBar li a.home { background: url(/img/primaryNavBttns_home_Bkgd.jpg) no-repeat 0px -2px; width: 70px; }
#appMenuBar li a.products { background: url(/img/primaryNavBttns_products_Bkgd.jpg) no-repeat 0px -2px; width: 84px; }
#appMenuBar li ul#products { margin-left: 5px; }
#appMenuBar li a.solutions { background: url(/img/primaryNavBttns_solutions_Bkgd.jpg) no-repeat 0px -2px; width: 88px; }
#appMenuBar li a.services { background: url(/img/primaryNavBttns_services_Bkgd.jpg) no-repeat 0px -2px; width: 78px; }
#appMenuBar li a.customers { background: url(/img/primaryNavBttns_customers_Bkgd.jpg) no-repeat 0px -2px; width: 96px; }
#appMenuBar li a.partners { background: url(/img/primaryNavBttns_partners_Bkgd.jpg) no-repeat 0px -2px; width: 81px; }
#appMenuBar li a.news { background: url(/img/primaryNavBttns_newsHome_Bkgd.jpg) no-repeat 0px -2px; width: 124px; }
#appMenuBar li.search {padding-top: 0px; height: 24px; width: 111px; display:block; padding-left: 35px;}
#appMenuBar li a.about { background: url(/img/primaryNavBttns_about_Bkgd.jpg) no-repeat 0px -2px; width: 72px; }
#appMenuBar li.about {}
/* Redefines the "News & Events" and "About Handysoft" links in the global nav for the homepage */

#appMenuBar li a.selected { background-position: 0px -79px; }
#appMenuBar li a:hover { background-position: 0px -42px; }

#appMenuBar li ul li a:active, #appMenuBar li ul li a:link, #appMenuBar li ul li a:visited { font-size: 11px; font-weight: normal; color: #fff; text-indent: 0px; text-decoration: none; padding: 3px 6px 6px 6px; display: block; width: 200px; height: auto; height: 12px; background: #68afd3; border-left: 1px solid #5fa0c1; border-right: 0px solid #5fa0c1; text-indent: 0px;}

#appMenuBar li ul li.bottom {background: #68afd3; height: 5px; border-left: 1px solid #5fa0c1; border-right: 1px solid #5fa0c1; border-bottom:1px solid #5fa0c1; width: 162px;}
/* This is the basic LI controls settting float properties and default paddings  throughout the menu*/
#appMenuBar li.double ul li a:active, #appMenuBar li.double ul li a:link, #appMenuBar li.double ul li a:visited { padding: 3px 6px 6px 12px;  width: 194px }
#appMenuBar li.menuSubhead { font-size: 11px; font-weight: bold; color: #fff; padding: 6px; background: #fa6a13;  width: 150px; height: auto;height: 12px; background: #68afd3; border-top: 1px solid #477992;  border-top: 1px solid #fff; border-left: 1px solid #5fa0c1; border-right: 0px solid #5fa0c1;}
#appMenuBar li.overview a:active, #appMenuBar li.overview a:link, #appMenuBar li.overview a:visited { font-weight: bold; }


/* --------------------Begin the items that control the "selected" top menu item */

/* This is the selected state of the items in the topnav */
#appMenuCurrentApp { margin-right: 1px; background-color: #a9a9a9; width: 146px; }

/* this is the link within the selected state */	
#appMenuCurrentApp a { text-align: right; padding-right: 25px; }

/* this is the list that would appear below/within the selected item */ 
#appMenuCurrentApp ul { /*padding-right: 0px; width: 150px;*/ }

/* this is the link that would appear within the dropdown nested within the selected item */
#appMenuCurrentApp ul a { text-align: left; padding-right: 0px; width: 200px; }
#appMenuCurrentApp ul ul { margin-left: 150px; width: 260px; }
#appMenuCurrentApp ul ul a { width: 260px; }

/* --------------------End of the items that control the "selected" top menu item */

/* this controls the appearance of the content within the link that appears within the topnav LIs. Will also Cascade down to the LIs of dropdowns */
#appMenuBar li a {  }


/* this is the id that controls the LI within which the topnav link item appear */
#appMenuTop { border:0px solid green; }

/* this is the id that controls the topnav link item within the topnav LI  */
#appMenuTop a {  }

#logo {  }

#appMenuTop a:hover {  }

/*this sets the  width of the the basic FIRST level drop down that appears out of the topnav choices*/
#appMenuTop ul { padding: 0px; width: 200px; position: absolute; left: -999em;  }

#appMenuTop ul li {width: 200px !important;}


/* this is the link that appears within the basic first level drop down */
/*#appMenuTop ul a { font-weight: bold; color: #fff; text-decoration: none; text-indent: 1px; /* TEXT-INDENT IS NEEDED, OTHERWISE THE TEXT DOESN'T SHOW UP... AND I HAVE NO IDEA WHY */ /*padding: 10px 0px 10px 0px; margin: 0px; background: #F27A39; width: 143px; height: auto; display: block; }*/

#appMenuTop ul li a { font-weight: bold; color: #fff; text-decoration: none; text-indent: 1px; /* TEXT-INDENT IS NEEDED, OTHERWISE THE TEXT DOESN'T SHOW UP... AND I HAVE NO IDEA WHY */ padding: 10px 0px 10px 0px; margin: 0px; background: #F27A39; height: auto; display: block; }


/*this sets the  width of the the basic SEECOND level drop down that appears out of the first-level choices*/
#appMenuTop ul ul {	margin-left: 150px; padding: 0px 0px 0px 0px; }

/* this is the link that appears within the second level drop down */
#appMenuTop ul ul a { }


/* this style specifically controls the FIRST-LEVEL drop downs color, border and position */

/*#appMenuBar li ul { border-right: #000 2px solid; border-top: #ccc 1px solid; border-left: #ccc 1px solid; border-bottom: #000 2px solid; background: #eee; position: absolute; left: -999em; }*/

/* this style specifically controls the LI within the FIRST-LEVEL drop down menus
#appMenuBar lu ul li { padding-right: 0px; background-image: none; background-color: #eee;  
} */


/* this style controls the last li in the first-level drop down menu. It adds the rounded corners. */
#appMenuBar li ul li.closer { background: url(/img/pageNav_closerBKGD.png) 0px 0px no-repeat; height: 9px; width: 214px !important; }


/* this style specifically controls the hover state of the LINK within the LI within the FIRST-LEVEL drop down menus */
#appMenuBar li ul li a:hover { color: #fff; text-decoration: none; background: #477992; }


/* ------------Begin the styles for Has Children (SECONDARY NAV) ------- */

/* This style controls the appearance of a particualar item within the FIRST-LEVEL nav should spawn a SECONDARY NAV--- */
/*#appMenuBar li ul li.hasChildren { padding-right: 0px; background-position: right 2px; background-image: url(../images/arrow_popoutnav.gif); background-repeat: no-repeat; background-position: right -17px; background-color: #eee;
}*/
/* This style controls the hover appearance of the link within an item that spans a SECONDARY NAV--- */
/*#appMenuBar li ul li.hasChildren a:hover { background-color:#bbb; background-image: url(../images/arrow_popoutnav.gif); background-repeat: no-repeat; background-position: right 3px; color: #000; text-decoration: none; }*/

/* This controls the appearance of the hovered links within the secondary nav -- */
/*#appMenuBar li ul li.hasChildren ul li a:hover { background: none; }*/

/* ----------END the HasChildren controls -------- */


/*-----------Begin the SECONDARY NAV controls --------------*/

/*This controls the position of the second level nav, AND SHOULD BE SET TO COORDINATE WITH THE HEIGHT OF THE SECONDARY NAV ITEMS---- */
/*#appMenuBar li ul li ul { margin-top: -22px; }*/

/* no idea ---*/
/*unknown { margin-top: -22px; }*/

/* This controls the background/appearance of the SECOND-LEVEL navigation LIs */
/*#appMenuBar li ul li ul li { background-image: none; background-color: #eee;}*/

/* This controls the hover state of the links within the SECOND-LEVEL navigation LIs */
/*#appMenuBar li ul li ul li a:hover { background: #f2f2f2;  background: #D61534; color: red; text-decoration: none }*/

/* This appears to set the default position of the flyout menus---OR DOESN"T REALLY DO ANYTHING????*/
/*#appMenuBar li:hover ul { left: auto; }*/

/* This controls teh appearances of all the anchor tags within BOTH the first and second navs, But NOT the topnav---
#appMenuBar li ul li a {  }*/

/* This turns off any background images for the drop downs*/
/*#appMenuBar li ul li a { background-image: none; }*/

/* These control overall positioning of the dropdowns..... settings are not understood completely, but have something to do with IE function */
#appMenuBar li:hover ul ul { left: -999em; }
#appMenuBar li.hoverIE ul ul { left: -999em; }
#appMenuBar li:hover ul { left: auto; }
#appMenuBar li li:hover ul { left: auto; }

/* this begins the styles that are IE specific...controlling position of dropdowns*/
#appMenuBar li.hoverIE ul { left: auto;  }
#appMenuBar li li.hoverIE ul { left: auto; }