/* CSS Document */


/*Outer container for all of the menu*/
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:absolute;
right:0px;
z-index:10;
}

/*main links css*/
#nav a{
display:block;
padding:0px;
color:#626262;
text-decoration:none;
font-size: 11px;
text-align:center;
line-height:normal;
font-weight:normal;
cursor:pointer;
}

/*main links hover css*/
#nav a:hover{
display:block;
padding:0px;
color:#336799;
text-decoration:none;
font-size: 11px;
text-align:center;
line-height:normal;
font-weight:normal;
cursor:pointer;
}

/*main links css - do not change*/
a.headerLinks {
top:48%;
position:relative;
margin-top:-7px;
cursor:pointer;
}

/*main links background css */
#nav li.middleMenu {
float:left;
position:relative;
width:77px;
height:34px;
background-image:url(../images/menu_off.jpg);
background-position:top;
background-repeat:no-repeat;
cursor:pointer;
}

/*main links background hover css */
#nav li:hover.middleMenu {
float:left;
position:relative;
width:77px;
height:34px;
background-image:url(../images/menu_over.jpg);
background-position:top;
background-repeat:no-repeat;
cursor:pointer;
}

/*main links background selected css */
.headerSelected {
background-image:url(../images/menu_over.jpg);
float:left;
position:relative;
width:77px;
height:34px;
background-image:url(../images/menu_over.jpg);
background-position:top;
background-repeat:no-repeat;
cursor:pointer;
}

/*main links background css LEFT MENU */
#nav li.leftMenu{
float:left;
position:relative;
width:77px;
height:34px;
background-image:url(../images/menu_left_off.jpg);
background-position:top;
background-repeat:no-repeat;
cursor:pointer;
}

/*main links background hover css LEFT MENU */
#nav li:hover.leftMenu{
float:left;
position:relative;
width:77px;
height:34px;
background-image:url(../images/menu_left_over.jpg);
background-position:top;
background-repeat:no-repeat;
cursor:pointer;
}

/*main links background selected css LEFT MENU */
.headerLeftMenuSelected {
float:left;
position:relative;
width:77px;
height:34px;
background-image:url(../images/menu_left_over.jpg);
background-position:top;
background-repeat:no-repeat;
cursor:pointer;
}

/*main links background css RIGHT MENU */
#nav li.rightMenu{
float:left;
position:relative;
width:77px;
height:34px;
background-image:url(../images/menu_right_off.jpg);
background-position:top;
background-repeat:no-repeat;
cursor:pointer;
}

/*main links background hover css RIGHT MENU */
#nav li:hover.rightMenu{
float:left;
position:relative;
width:77px;
height:34px;
background-image:url(../images/menu_right_over.jpg);
background-position:top;
background-repeat:no-repeat;
cursor:pointer;
}

/*main links background selected css RIGHT MENU */
.headerRightMenuSelected {
float:left;
position:relative;
width:77px;
height:34px;
background-image:url(../images/menu_right_over.jpg);
background-position:top;
background-repeat:no-repeat;
cursor:pointer;
}

/* css for menu container*/
#nav ul {
position:absolute;
display:none;
margin:0px;
padding:0px;
top:34px;
background-color:#7accc7;
width:155px;
cursor:pointer;
}

/* css for menu dropdown*/
#nav li ul a{
height:auto;
float:left;
position:relative;
background-color:#465a8c;
width:auto;
width:145px;
padding:5px;
padding-left:5px;
padding-right:5px;
font-weight:normal;
font-size:11px;
color:#FFFFFF;
border-bottom:1px #fff solid;
text-align:left;
cursor:pointer;
}

/* css for menu dropdown hover*/
#nav li ul a:hover{
height:auto;
float:left;
position:relative;
background-color:#465a8c;
width:auto;
width:145px;
padding:5px;
padding-left:5px;
padding-right:5px;
font-weight:normal;
font-size:11px;
color:#CCCCCC;
border-bottom:1px #CCCCCC solid;
text-align:left;
cursor:pointer;
}

/* css for menu dropdown - do not change*/
#nav li ul li{
margin:0px;
height:auto;
float:left;
width:100%;
background-image:none;
clear:left;
width:155px;
cursor:pointer;
}

/* css for menu dropdown hover - do not change */
#nav li ul li:hover{
margin:0px;
height:auto;
float:left;
width:100%;
background-image:none;
clear:left;
width:155px;
cursor:pointer;
}

/* ignore */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}