/* start main navigation styles */
#menuwrapper{ padding-left: 50px}
#subnav-wrapper{ padding-left: 10px}

#nav, #nav ul, #subnav, #subnav ul { padding: 0; margin:0; list-style: none; z-index:450; position:relative}
#subnav, #subnav ul { z-index:10}

#nav a, #subnav a { display: block; line-height:24px; padding: 0 5px 0 0; color:#fff; z-index:100; background:url(../graphics/layout/menu-link-bg.png) no-repeat top; font-weight:bold}
#subnav a{ color:#333; background:url(../graphics/layout/sub-link-trigger-bg.png) no-repeat top; letter-spacing:-1px; z-index:1;}
#nav a.trigger { background:url(../graphics/layout/menu-link-trigger-bg.png) no-repeat top right;}
#subnav a.trigger { background-position: top right;}
#nav a span, #subnav a span{ display:block; padding:0 10px 0 15px; background:url(../graphics/layout/menu-link-bg.png) no-repeat top;}
#subnav a span{ background:url(../graphics/layout/sub-link-trigger-bg.png) no-repeat top; padding:0 5px 0 10px;}
#nav a.trigger span{ background:url(../graphics/layout/menu-link-trigger-bg.png) no-repeat top;}
#subnav a.trigger span{ background:url(../graphics/layout/sub-link-trigger-bg.png) no-repeat top;}

#nav a:hover, #subnav a:hover, #subnav a.active{ background-position:right bottom; text-decoration:none}
#subnav a:hover, #subnav a.active{ color:#fff}
#nav a:hover span, #subnav a:hover span, #subnav a.active span{ background-position:left -72px}

#nav li:hover a, #nav ul li:hover a{ background-position:right bottom; color:#333}
#subnav li:hover a.trigger{ background-position:right -48px; color:#fff}
#nav li:hover a span{ background-position:left -24px}
#subnav li:hover a.trigger span{ background-position:left -24px}

#nav li, #subnav li{ float: left; position:relative; margin-right:5px}

#nav li ul, #subnav li ul { position: absolute; width: 150px; left: 0px; top:24px; display:none; z-index:100000; background:#DBE1D5; border: 1px solid #004B2D; border-width: 0 1px 1px 0; padding:5px 0}
#subnav li ul{ border:none; background:#006940;}

#nav li ul li, #subnav li ul li{ width:auto; float:none; margin:0 5px}

#nav li ul li a, #subnav li ul li a{ text-align:left; line-height:16px; padding:3px 10px; z-index:50; background:none; border-bottom:1px dotted #004B2D; color:#fff}
#subnav li ul li a{ border-color:#fff}
#nav li ul li a:hover{ background:#006940; color:#fff}
#subnav li ul li a:hover{ background:#DBE1D5; color:#333}
#nav li:hover ul, #nav ul li:hover ul, #subnav li:hover ul, #subnav li ul li:hover ul { display:block;}

.separator{ line-height:24px; color:#006940}

#country li{ height:18px; margin:0}