.ddsmoothmenu{width: 100%; background: url(../images/bg_menu.jpg) repeat-x #fff; height:94px; position:relative; border-top:1px solid #7fd8dd; border-bottom:1px solid #7fd8dd;}

.ddsmoothmenu ul{z-index:100; margin: 0px auto;padding: 0; list-style-type: none; width:980px; 
background:url(../images/main_menu_sp.png) no-repeat left center; height:94px; }

.ddsmoothmenu ul li{position: relative;display: inline; float: left; 
background:url(../images/main_menu_sp.png) no-repeat right center;  }
.ddsmoothmenu ul li ul{ position: absolute; left: -3000px; display: none; visibility: hidden; width: auto; margin-top:2px; background:none }
.ddsmoothmenu ul li ul li{ display: list-item; float: none; width: 100%; background:none }
.ddsmoothmenu ul li ul li ul{ top: 0; margin-top:0px; }


.ddsmoothmenu ul li{width:13.5%;}
.ddsmoothmenu ul li+li{}
.ddsmoothmenu ul li+li+li{}
.ddsmoothmenu ul li+li+li+li{width:11.5%;}
.ddsmoothmenu ul li+li+li+li+li{width:18.8%;}
.ddsmoothmenu ul li+li+li+li+li+li{width:13.5%;}
.ddsmoothmenu ul li+li+li+li+li+li+li{width:15.5%; }

.ddsmoothmenu ul li ul li+li+li+li {width:100%;}
.ddsmoothmenu ul li ul li+li+li+li+li {width:100%;}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{ display: block; padding: 65px 0px 7px 0px; text-decoration: none; font-size:16px; line-height:22px; position:relative; text-align:center; font-weight: bold; -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; opacity: 1; background-position:50% 70%;}

.ddsmoothmenu ul li a.selected {}
.ddsmoothmenu ul li a:hover{ background:#c00000; color:#fff }
.ddsmoothmenu ul li+li a:hover{ background:#ed7d31; color:#fff }
.ddsmoothmenu ul li+li+li a:hover{ background:#ffd966; color:#fff }
.ddsmoothmenu ul li+li+li+li a:hover{ background:#548235; color:#fff }
.ddsmoothmenu ul li+li+li+li+li a:hover{ background:#a9d18e; color:#fff }
.ddsmoothmenu ul li+li+li+li+li+li a:hover{ background:#5b9bd5; color:#fff }
.ddsmoothmenu ul li+li+li+li+li+li+li a:hover{ background:#9966ff; color:#fff }

.ddsmoothmenu p{ width:100%; height:56px; position:absolute; top:5px; z-index:1; -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; opacity: 1;}
   
   
.ddsmoothmenu ul li:hover p{  top:-2px; }


.btn_info p{ background:url(../images/btn_info.png) no-repeat center top; }
.btn_info a{ color: #333; }
.btn_info a:hover p, .btn_info a.selected p{background:url(../images/btn_info.png) no-repeat center top;}
.btn_info a:hover, .btn_info a.selected, .btn_info a.current{ background:#5b9bd5 ;color:#fff; }

.btn_school p{ background:url(../images/btn_school.png) no-repeat center top; }
.btn_school a{ color: #333 }
.btn_school a:hover p, .btn_school a.selected p{ background:url(../images/btn_school.png) no-repeat center top;}
.btn_school a:hover, .btn_school a.selected, .btn_school a.current{ background:#ed7d31; color:#fff;   }

.btn_student p{ background:url(../images/btn_student.png) no-repeat center top; }
.btn_student a{ color: #333 }
.btn_student a:hover p, .btn_student a.selected p{ background:url(../images/btn_student.png) no-repeat center top;}
.btn_student a:hover, .btn_student a.selected, .btn_student a.current{ background:#ffd966; color:#fff;   }

.btn_study p{ background:url(../images/btn_study.png) no-repeat  center top; }
.btn_study a{ color: #333 }
.btn_study a:hover p, .btn_study a.selected p{ background:url(../images/btn_study.png) no-repeat center top;}
.btn_study a:hover, .btn_study a.selected, .btn_study a.current{background:#548235;color:#fff;  }

.btn_life p{ background:url(../images/btn_life.png) no-repeat center top; }
.btn_life a{ color: #333 }
.btn_life a:hover p, .btn_life a.selected p{ background:url(../images/btn_life.png) no-repeat center top;}
.btn_life a:hover, .btn_life a.selected, .btn_life a.current{ background:#a9d18e;color:#fff; }

.btn_events p{ background:url(../images/btn_events.png) no-repeat center top; }
.btn_events a{ color: #333 }
.btn_events a:hover p, .btn_events a.selected p{ background:url(../images/btn_events.png) no-repeat center top;}
/*.btn_events a:hover, .btn_events a.selected, .btn_events a.current{ background:url(../images/menu_bg_hover.png) no-repeat; background-position:50% 70%;   }*/

.btn_partner p{ background:url(../images/btn_partner.png) no-repeat center top; }
.btn_partner a{ color: #333 }
.btn_partner a:hover p, .btn_partner a.selected p{ background:url(../images/btn_partner.png) no-repeat center top;}
.btn_partner a:hover, .btn_partner a.selected, .btn_partner a.current{background:#c00000; color:#fff;  }

.btn_secondary p{ background:url(../images/btn_secondary.png) no-repeat center top; }
.btn_secondary a{ color: #333 }
.btn_secondary a:hover p, .btn_secondary a.selected p{ background:url(../images/btn_secondary.png) no-repeat center top;}

.btn_secondary a:hover, .btn_secondary a.selected, .btn_secondary a.current{background:#9966ff;color:#fff; }



/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{ font-weight:normal; width: 115px; font-size:13px; padding: 10px 8px; margin: 0; border-top-width: 0; background:#fff; color:#333; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; margin-left:-1px; }
.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a.current { background:#5999bd; color:#fff}

.ddsmoothmenu ul li ul li a:hover{  background:#5999bd; color:#fff}

.ddsmoothmenu ul li ul li ul li a{ margin:0px 0px 0px -1px; border-top: 1px solid #eee;}
.ddsmoothmenu ul li ul li ul li a + a{ margin:-2px 0px 0px -1px; }
.ddsmoothmenu ul li ul li ul li a.selected {background: #ecf2fa !important; color: #005bac;}
.ddsmoothmenu ul li ul li ul li a:hover{ background: #ecf2fa; color: #005bac;}
.ddsmoothmenu ul li ul li ul li a.selected{ background: #ecf2fa; color: #005bac;}


* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{ position: absolute; top: 27px; right: 0px; display:none}
.rightarrowclass{ position: absolute; top: 17px; right: 5px; display:none}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ position: absolute;left: 0;top: 0;width: 0;height: 0; background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */}

.toplevelshadow{
margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */
opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */
}

.ddcss3support .ddshadow.toplevelshadow {
margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */
/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */
}

.ddcss3support .ddshadow {
background-color: transparent;
box-shadow: 0px 0px 0px #ccc; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
-moz-box-shadow: 0px 0px 0px #ccc;
-webkit-box-shadow: 0px 0px 0px #ccc;
}

* html .ddsmoothmenu ul li a{ display: inline-block;}

@media screen and (max-width: 640px) {.btn_info a:hover, .btn_info a.selected, .btn_info a.current{ background: #fff; background-position:50% 70%;  }
.btn_info a:hover, .btn_info a.selected, .btn_info a.current{ background: none;  }
.btn_school a:hover, .btn_school a.selected, .btn_school a.current{ background: none;  }
.btn_student a:hover, .btn_student a.selected, .btn_student a.current{ background: none;  }
.btn_study a:hover, .btn_study a.selected, .btn_study a.current{background: none;  }
.btn_life a:hover, .btn_life a.selected, .btn_life a.current{background: none;  }
.btn_events a:hover, .btn_events a.selected, .btn_events a.current{ background: none;  }
.btn_partner a:hover, .btn_partner a.selected, .btn_partner a.current{background: none;  }

}