/*
## menu.css - Contains style for menu
*/

#navTop {
  position:absolute;
  top:10px;
  right:0;
}

#navTop li {
  float:left;
  border:solid #004995;
  border-width:0 1px 0 0;
  margin:0 5px 0 0;
  padding:0 5px 0 0;
}

#navTop li.last {
  border:none;
  padding:0;
  margin:0;
}

#navTop li a {
  color:#004995;
}

#navTop li span { 
  margin:0 0 0 3px;
  color:#004995;
  cursor:pointer; 
}

#navTop li span#small { font-size:80%;}
#navTop li span#medium { font-size:100%;}
#navTop li span#large { font-size:120%;}

/* Main menu style */
#navMain {
  font-size: 120%;
  background:url(../GFX/bgNavMain.png) 0 -9px repeat-x;
}

body.medium #navMain {
  background:url(../GFX/bgNavMain.png) 0 -2px repeat-x;
}

body.large #navMain {
  background:url(../GFX/bgNavMain.png) 0 0 repeat-x;
}

.frontpage #navMain {
  padding:0 0 4px;
}

#navMain li {
  float: left;
  border:solid #0b4b91;
  border-width:0 1px 0 0;
  padding:8px;
}


body.large #navMain li { padding:8px 8px 5px;}

#navMain li a {
  display: block;
  padding:4px 6px 2px;
  color:#fff;
  border:1px solid transparent;
}

#navMain li a:hover,
#navMain li a.active {
  background:#125fb1; 
  border:1px solid #064688;
  text-decoration:none;
}

#navMain li a.active {
  font-weight:bold;
}

/*Sub menu style */

#navSub {
  margin:0 0 30px;
}

#navSub li a {
  display:block;
  padding:8px 15px;
  color:#000;
  border:solid #d1d1d1;
  border-width:0 0 1px;
  font-weight:bold;
}

#navSub li a.active,
#navSub li a.current,
#navSub li a:hover {
  border-color:#004995;
  color:#004995;
  text-decoration:none;
}

#navSub li a.active,
#navSub li a.current {
  background:#fff;
  padding-left:30px;
  background:url(../GFX/arrowNavSubActive.jpg) 15px center no-repeat #fff;
}

#navSub li ul {
  border:solid #004995;
  border-width:0 0 1px;
}

#navSub li ul li a {
  padding:5px 15px 5px 30px;
}

#navSub li ul li a.last {
  border:none;
}

#navSub li ul li a.active,
#navSub li ul li a.current {
  padding-left:45px;
  background:url(../GFX/arrowNavSubActive.jpg) 30px center no-repeat #fff;
}
