﻿/******************************************************************************************/
/********** Main Menu **********/
/******************************************************************************************/
/*#nav-bg {
height: 65px; 
position:relative; 
top: 30px;
background-color:#2abade;
border-bottom: 6px solid #1e8eab;	
z-index:1;
}*/

#nav {
margin-left:0px;

height:65px;
z-index:9;
margin-top: 18px;
}  

ul#main-menu {
list-style-type:none;
margin: 0px 0px 0px 0px;
padding:0px;
}

ul#main-menu li{
float: left;
margin: 0px;
padding:0px;
}

ul#main-menu a {
display:block;
overflow: hidden;
text-indent: -10000px;
font-size: 0px;
line-height: 0px;	
margin: 0px;
padding:0px;
}


ul#main-menu a.home  {
width: 65px;
height: 65px;
background: url('../images/home.png') no-repeat 0 0;	
}

ul#main-menu a.homehere, ul#main-menu a.home:hover, ul#main-menu a.home:active, ul#main-menu a.home:focus {
width: 65px;
height: 65px;
background: url('../images/home.png') no-repeat 0 0;	
background-position: 0 -65px;
}

ul#main-menu a.area1 {
width: 158px;
height: 65px;
background: url('../images/jack-in-the-box.png') no-repeat 0 0;	
}

ul#main-menu a.area1:hover, ul#main-menu a.area1:active, ul#main-menu a.area1:focus, ul#main-menu a.area1here, ul#main-menu a.area1here:hover, ul#main-menu a.area1here:active, ul#main-menu a.area1here:focus {
width: 158px;
height: 65px;
background: url('../images/jack-in-the-box.png') no-repeat 0 0;	
background-position: 0 -65px;
}

ul#main-menu a.area2 {
width: 151px;
height: 65px;
background: url('../images/kiddies-cabin.png') no-repeat 0 0;		
}

ul#main-menu a.area2here, ul#main-menu a.area2:hover, ul#main-menu a.area2:active, ul#main-menu a.area2:focus {
width: 151px;
height: 65px;
background: url('../images/kiddies-cabin.png') no-repeat 0 0;		
background-position: 0 -65px;
}

ul#main-menu a.area3 {
width: 147px;
height: 65px;
background: url('../images/little-dragons.png') no-repeat 0 0;	
}

ul#main-menu a.area3here, ul#main-menu a.area3:hover, ul#main-menu a.area3:active, ul#main-menu a.area3:focus {
width: 147px;
height: 65px;
background: url('../images/little-dragons.png') no-repeat 0 0;
background-position: 0 -65px;
}

ul#main-menu a.area4 {
width: 95px;
height: 65px;
background: url('../images/policies.png') no-repeat 0 0;	
}

ul#main-menu a.area4here, ul#main-menu a.area4:hover, ul#main-menu a.area4:active, ul#main-menu a.area4:focus {
width: 95px;
height: 65px;
background: url('../images/policies.png') no-repeat 0 0;	
background-position: 0 -65px;
}

ul#main-menu a.area5 {
width: 115px;
height: 65px;
background: url('../images/apply.png') no-repeat 0 0;	
}

ul#main-menu a.area5here, ul#main-menu a.area5:hover, ul#main-menu a.area5:active, ul#main-menu a.area5:focus {
width: 115px;
height: 65px;
background: url('../images/apply.png') no-repeat 0 0;	
background-position: 0 -65px;
}

ul#main-menu a.area6 {
width: 158px;
height: 65px;
background: url('../images/staff-vacancies.png') no-repeat 0 0;
}

ul#main-menu a.area6here, ul#main-menu a.area6:hover, ul#main-menu a.area6:active, ul#main-menu a.area6:focus {
width: 158px;
height: 65px;
background: url('../images/staff-vacancies.png') no-repeat 0 0;	
background-position: 0 -65px;
}


ul#main-menu a.here, ul#main-menu a:hover, ul#main-menu a:focus, ul#main-menu a:active {
background-position: 0px -65px;		
}



/******************************************************************************************/
/********** Sub Menu **********/
/******************************************************************************************/

ul#sub-menu {
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

#sub-menu a {
display: block;
text-decoration:none;
/*background: #fff url(../images/jack-in-the-box-sml.png) no-repeat right 100%;*/
}

#sub-menu a:hover {
/*background: #fff url(../images/jack-in-the-box-sml-hover.png) no-repeat right 100%;*/
}

#sub-menu a.Jack {
background: #fff url(../images/jack-in-the-box-sml.png) no-repeat right 100%;
}

#sub-menu a.Jack:hover, #sub-menu a.Jackhere:hover, #sub-menu a.Jackhere, #sub-menu a.firstJack {
background: #fff url(../images/jack-in-the-box-sml-hover.png) no-repeat right 100%;
color: #f43197;
}

#sub-menu a.Kiddies {
background: #fff url(../images/Kiddies-cabin-sml.png) no-repeat right 100%;
}

#sub-menu a.Kiddies:hover, #sub-menu a.Kiddieshere:hover, #sub-menu a.Kiddieshere, #sub-menu a.firstKiddies {
background: #fff url(../images/Kiddies-cabin-sml-hover.png) no-repeat right 100%;
color: #f43197;
}


#sub-menu a.Dragon {
background: #fff url(../images/little-dragon-sml.png) no-repeat right 100%;
}

#sub-menu a.Dragon:hover, #sub-menu a.Dragonhere:hover, #sub-menu a.Dragonhere, #sub-menu a.firstDragon {
background: #fff url(../images/little-dragon-sml-hover.png) no-repeat right 100%;
color: #f43197;
}


/********** Sub Menu Items **********/
.sub-item a {
background: #fff;
border: 2px solid #1e8eab;
color:#1e8eab;
padding:8px 3px;
margin-bottom: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
height: 24px;
}

.sub-item a.first {
border-top: 1px solid #ccc;
}

.sub-item .here, .sub-item a:hover, .sub-item a:active, .sub-item a:focus {
background: #fff;
color: #eb3796;
}


/********** Minor Menu Items **********/
.minor-item a {
background: #cde9f0;
border-left: 2px solid #1e8eab;
border-right: 2px solid #1e8eab;
border-top: 1px solid #1e8eab;
border-bottom: 1px solid #1e8eab;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-top-right-radius: 7px;
-moz-border-bottom-right-radius: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
color:#1e8eab;
font-size: 90%;
padding:8px 2px 8px 15px;
width: 202px;
margin: 0px 0px 3px 20px;
}

.minor-item a.first {
border-top: 0px;
margin-top: -7px;
}

.minor-item .here, .minor-item a:hover, .minor-item a:active, .minor-item a:focus {
color:#fff;
background: #1e8eab
/* background: #1e8eab url(../images/minor-menu-bullet.png) no-repeat left 50%; */
}

