/* main nav styles */



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

This copyright notice must be kept untouched in the stylesheet at 

all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/image_dropdown.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

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

#menu {

	float: left;

	margin-top: -65px;

	margin-left: 8px; /* for IE 6 */

	

}

html > body #menu {margin-left: 16px;} /*for modern browsers */



.valigntopnav {

line-height: 32px;

}



.subnav-valign {

line-height: 32px;

}



#nav {padding:0; margin:0; list-style:none; height:32px; position:relative; z-index:200; font-size: 11px; font-family:arial, verdana, sans-serif; width:569px;}

#nav li.top {display:block; float:left; /*line-height: 32px;*/ }



#nav li a {display:block; float:left; height:32px; text-align: center; color: #ffffff; text-decoration:none; padding:0;}



#nav li a b {margin-left:-999px;}





#nav li a.support {background: url(../images/navbtns/navbtnbg.gif) no-repeat; width: 102px; height: 32px; }

#nav li a.services {background: url(../images/navbtns/navbtnbg.gif) no-repeat; width: 102px; height:32px;}

#nav li a.products {background: url(../images/navbtns/navbtnbg.gif) no-repeat; width: 102px; height:32px;}

#nav li a.conf {background: url(../images/navbtns/navbtnbg.gif) no-repeat; width: 102px; height:32px;}

#nav li a.training {background: url(../images/navbtns/endnavbtnbg.gif) no-repeat; width: 123px; height:32px;}



#nav li a.support:hover, #nav ul ul a.support:hover {background: url(../images/navbtns/navbtnbg-hover.gif);}

#nav :hover > a.support, #nav ul ul :hover > a.support {background: url(../images/navbtns/navbtnbg-hover.gif);}



#nav li a.services:hover, #nav ul ul a.services:hover{background: url(../images/navbtns/navbtnbg-hover.gif);}

#nav :hover > a.services, #nav ul ul :hover > a.services {background: url(../images/navbtns/navbtnbg-hover.gif);}



#nav li a.products:hover, #nav ul ul a.products:hover {background: url(../images/navbtns/navbtnbg-hover.gif);}

#nav :hover > a.products, #nav ul ul :hover > a.products {background: url(../images/navbtns/navbtnbg-hover.gif);}



#nav li a.conf:hover, #nav ul ul a.conf:hover{background: url(../images/navbtns/navbtnbg-hover.gif);}

#nav :hover > a.conf, #nav ul ul :hover > a.conf {background: url(../images/navbtns/navbtnbg-hover.gif);}



#nav li a.training:hover, #nav ul ul a.training:hover {background: url(../images/navbtns/endnavbtnbg-hover.gif);}

#nav :hover > a.training, #nav ul ul :hover > a.training {background: url(../images/navbtns/endnavbtnbg-hover.gif);}







#nav li:hover a,

#nav a:hover

{background-position: 0 50px;}





#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}



#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



#nav .curvedlink {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



#nav li:hover {position:relative; z-index:200;}

#nav a:hover {position:relative; white-space:normal; z-index:200;}



#nav :hover ul.sub

{left:0; top:32px; background: #4161ae; width:101px; height:auto; z-index:300; color: #ffffff; text-align: center; FILTER: alpha(opacity=90); opacity: 0.9;}





#nav :hover ul.sub li

{display:block; /*height:32px; */ position:relative; float:left; width:101px; font-weight:normal;}

#nav :hover ul.sub li a

{display:block; /*height:32px; */ width:101px; text-decoration:none; padding:0; cursor:pointer;}



#nav :hover ul.curvedlink

{left:0; top:32px; background: #4161ae; width:121px; height:auto; z-index:300; color: #ffffff; text-align: center; FILTER: alpha(opacity=90); opacity: 0.9;}



#nav :hover ul.curvedlink li

{display:block; height:32px; position:relative; float:left; width:121px; font-weight:normal;}

#nav :hover ul.curvedlink li a

{display:block; height:32px; width:121px; text-decoration:none; padding:0; cursor:pointer;}



#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}



#nav :hover ul.sub li a:hover 

{background-position: 0 50px; position:relative;}

#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; text-align:center; font-size:12px;}



#nav :hover ul.sub li a:hover {

background: #59A100; }

#nav :hover ul.curvedlink li a:hover {

background: #59A100; }