/* CSS Document */

/*************** Navigation styles **************/


#Navigation{
height:40px; border:none;
}

/* remove the bullets, padding and margins from the lists */
.menu ul {
list-style-type:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
/*color: #FFA500;*/
color:#c0c;
}


/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px; 
border-bottom:0px #000000 outset;
border-left:1px #000000 solid;
z-index:100;}

.menu ul li.last{
      border-right:0px;
}
.menu ul li.first{
      border-left:0px;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
width:100px;
height:39px;
padding: 6px 0px 5px 0px;
margin:0px 0px 0px 0px; 
text-decoration:none;
font-family:Verdana; 
text-transform:capitalize; 
color:#ddd;
font-size:12px;
text-align:center;
line-height:26px;
}
.menu.carte a, .menu.carte :visited {
width:106px;
}

.menu ul li.double-line a, .menu ul li.double-line a:visited {
line-height:16px;
padding-top:3px;
padding-bottom:1px;
} 
html>body .menu ul li.double-line a, .menu ul li.double-line a:visited {
padding-top:1px;
padding-bottom:10px;
} 

html>body .menu a, .menu :visited { height:28px}
html>body .menu.carte a, .menu.carte :visited { height:28px}


/* style the top level when current or hover */
/*.menu ul li.current a, .menu a:hover, .menu ul li:hover a, .menu ul li a:hover {*/
.menu ul li:hover, .menu ul li.current{
	background-image:url("../images/pressedbutton.png");
      background-repeat:repeat;
/*      background-color:#0164c9; /*
      color:white;

      overflow:visible;
      visibility:visible;
      }

.menu.purple ul li.last a{
      background-image: url("../images/rounded/purple_tr.png"); 
}
.menu ul li.last a{
      border-right:0px;
      background-color : transparent;
      background-image: url("../images/rounded/tr.png"); 
      background-position: top right;
      background-repeat:no-repeat;

}

.menu.purple ul li.first a{
      background-image: url("../images/rounded/purple_tl.png"); 
}
.menu ul li.first a{
      border-left:0px;
      background-color : transparent;
      background-image: url("../images/rounded/tl.png"); 
      background-position: top left;
      background-repeat:no-repeat;

}

   

a.top-offset {padding-top : 45px;}