﻿#divMenu {z-index:100;}

#divMenu #nav {
top:8px;
height:36px;
left:25px;
line-height:32px;
position:absolute;
font-size: 12px;text-align:center;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:32px; 

}

#divMenu #nav a{
display:block;
float:left;
padding:6px 17px;
border: none;
text-decoration: none;
line-height: 15px;
outline: none;
text-align:center;
color:#696969;
font-weight:bold;

}

#divMenu #nav ul a{
line-height:28px; 
font-size:12px;
font-weight:normal;
color:#e6e6e6;


}
/* menu each spacing*/
#divMenu #nav li{
margin-right:12px;
float:left;
position:relative;
width:140px;
height:24px;
}
/* menu width partnerships*/
#divMenu #nav li a{
text-align:center;
width:120px;
height:26px;
margin-left:-15px;
}

#divMenu #nav li a:hover{
background-color:#5875e0;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
border-top-left-radius: 3px;
border-top-right-radius:3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius:3px;
}

#divMenu #nav li.single a:hover{
background-color:#5875e0;

}

#divMenu #nav li.pink a:hover{color:#ffffff;}
#divMenu #nav li.blue a:hover{color:#ffffff;}
#divMenu #nav li.orange a:hover{color:#ffffff;}
#divMenu #nav li.lightblue a:hover{color:#ffffff;}
#divMenu #nav li.green a:hover{color:#ffffff;}
#divMenu #nav li.darkgreen a:hover{color:#ffffff;}




/* sub menu */
#divMenu #nav li li{
border-left:none;
margin:0;
background-color:#5875e0;
width:180px;
height:32px;
text-align:left;



}

#divMenu #nav ul {
position:absolute;
display:none;
width:196px;
top:28px;
left:-1px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius:3px;

}

#divMenu #nav li ul {
margin:5px 0 0 0;
width:180px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius:3px;

}

#divMenu #nav li ul a{
float:left;
height:auto;
line-height:20px;
padding:6px 21px;
text-align:left;
width:180px;
background-color:#5875e0;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius:3px;

}

.MenuOn {
    background-color:#6a8ec9; height:30px;
  
}

.MenuOff {background-color:Transparent;}


#divMenu #nav li ul a:hover{background-color:#7889c9;}

#divMenu #nav ul ul{
top:auto;
border-top:none;
}	

#divMenu #nav li ul ul {
left:192px;
top:-1px;
}

#divMenu #nav li:hover ul ul, #divMenu #nav li:hover ul ul ul,#divMenu  #nav li:hover ul ul ul ul{
display:none;	
}
#divMenu #nav li:hover ul, #divMenu #nav li li:hover ul, #divMenu #nav li li li:hover ul, #divMenu #nav li li li li:hover ul{
display:block;
}


.MenuRed {color:Red;}