.ddsmoothmenu{ z-index:2; width: 100%;  height:55px; position:relative; }

.ddsmoothmenu ul{z-index:100; margin: 0px auto; padding: 0; list-style-type: none; width:980px; 
background:url(../images/bg_menu.jpg) repeat-x #ffffff bottom; height:69px; box-shadow:0 0px 3px rgba(0,0,0,.2)}

.ddsmoothmenu ul li{position: relative;display: inline; float: left; width:14.2857%;  }

.ddsmoothmenu ul li + li{ background:url(../images/bg_menu_sp.jpg) no-repeat left center;  }

.ddsmoothmenu ul li ul{ position: absolute; left: -3000px; display: none; visibility: hidden; width: 140px; height:auto; margin:0px 0px;  }
.ddsmoothmenu ul li ul li{ display: list-item; float: none; width: 100%; background:none }
.ddsmoothmenu ul li ul li ul{ top: 0; margin:0px 0px 0px 0px; }
.ddsmoothmenu ul li span{ font-size:13px;}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{ display: block; text-decoration: none; font-size:15px; position:relative; text-align:center;
-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; color:#333}


.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a.current{ color:#fff}


.ddsmoothmenu p{ display:none}

.Profile a{ color: #333 ; padding: 10px 0px 11px 0; line-height:24px; }
.Profile a:hover, .Profile a.selected, .Profile a.current{ background: rgb(255,148,25);
background: -moz-linear-gradient(top, rgb(255,148,25) 0%, rgb(255,104,4) 100%);
background: -webkit-linear-gradient(top, rgb(255,148,25) 0%,rgb(255,104,4) 100%);
background: linear-gradient(to bottom, rgb(255,148,25) 0%,rgb(255,104,4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9419', endColorstr='#ff6804',GradientType=0 ); }



.Administration a{ color: #333  ; padding: 10px 0px 11px 0; line-height:24px; }
.Administration a:hover, .Administration a.selected, .Administration a.current{
background: rgb(254,209,1);
background: -moz-linear-gradient(top, rgb(254,209,1) 0%, rgb(254,192,1) 100%);
background: -webkit-linear-gradient(top, rgb(254,209,1) 0%,rgb(254,192,1) 100%);
background: linear-gradient(to bottom, rgb(254,209,1) 0%,rgb(254,192,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed101', endColorstr='#fec001',GradientType=0 ); }



.Effective a{ color: #333 ; padding: 10px 0px 11px 0;  line-height:24px; }
.Effective a:hover, .Effective a.selected, .Effective a.current{
background: rgb(48,145,68);
background: -moz-linear-gradient(top, rgb(48,145,68) 0%, rgb(43,116,56) 100%);
background: -webkit-linear-gradient(top, rgb(48,145,68) 0%,rgb(43,116,56) 100%);
background: linear-gradient(to bottom, rgb(48,145,68) 0%,rgb(43,116,56) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#309144', endColorstr='#2b7438',GradientType=0 );}


.Student a{ color: #333 ; padding: 10px 0px 11px 0; line-height:24px;  }
.Student a:hover, .Student a.selected, .Student a.current{
background: rgb(153,201,60);
background: -moz-linear-gradient(top, rgb(153,201,60) 0%, rgb(117,173,65) 100%);
background: -webkit-linear-gradient(top, rgb(153,201,60) 0%,rgb(117,173,65) 100%);
background: linear-gradient(to bottom, rgb(153,201,60) 0%,rgb(117,173,65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c93c', endColorstr='#75ad41',GradientType=0 );}



.Achievement a{ color: #333 ; padding: 10px 0px 11px 0; line-height:24px;  }
.Achievement a:hover, .Achievement a.selected, .Achievement a.current{
background: rgb(51,152,204);
background: -moz-linear-gradient(top, rgb(51,152,204) 0%, rgb(5,117,175) 100%);
background: -webkit-linear-gradient(top, rgb(51,152,204) 0%,rgb(5,117,175) 100%);
background: linear-gradient(to bottom, rgb(51,152,204) 0%,rgb(5,117,175) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3398cc', endColorstr='#0575af',GradientType=0 );}


.Activities a{ color: #333 ; padding: 10px 0px 11px 0;line-height:24px;   }
.Activities a:hover, .Activities a.selected, .Activities a.current{
background: rgb(116,48,137);
background: -moz-linear-gradient(top, rgb(116,48,137) 0%, rgb(85,25,103) 100%);
background: -webkit-linear-gradient(top, rgb(116,48,137) 0%,rgb(85,25,103) 100%);
background: linear-gradient(to bottom, rgb(116,48,137) 0%,rgb(85,25,103) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#743089', endColorstr='#551967',GradientType=0 );}


.Publications a{ color: #333 ; padding: 10px 0px 11px 0; line-height:24px;  }
.Publications a:hover, .Publications a.selected, .Publications a.current{
background: rgb(255,82,121);
background: -moz-linear-gradient(top, rgb(255,82,121) 0%, rgb(255,20,74) 100%);
background: -webkit-linear-gradient(top, rgb(255,82,121) 0%,rgb(255,20,74) 100%);
background: linear-gradient(to bottom, rgb(255,82,121) 0%,rgb(255,20,74) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5279', endColorstr='#ff144a',GradientType=0 );}
.Publications a{ color: #333 }
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{ font-weight:normal; font-size:13px; padding: 12px 5px; margin: 0; border-top-width: 0; color:#333; border-bottom: 1px solid #eee;  line-height:15px;}
.ddsmoothmenu ul li ul li a.selected {}
.ddsmoothmenu ul li ul li a:hover{ }

.ddsmoothmenu ul li ul li ul li a{ margin:0px 0px 0px 0px; border-top: 0px solid #eee;}
.ddsmoothmenu ul li ul li ul li a + a{ }
.ddsmoothmenu ul li ul li ul li a.selected {}
.ddsmoothmenu ul li ul li ul li a:hover{ }
.ddsmoothmenu ul li ul li ul li a.selected{}




* 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) {

.Profile a:hover, .Profile a.selected, .Profile a.current{ background:none}
.Administration a:hover, .Administration a.selected, .Administration a.current{ background:none}
.Effective a:hover, .Effective a.selected, .Effective a.current{ background:none}
.Student a:hover, .Student a.selected, .Student a.current{ background:none}	
.Achievement a:hover, .Achievement a.selected, .Achievement a.current{ background:none}
.Activities a:hover, .Activities a.selected, .Activities a.current{ background:none}
.Publications a:hover, .Publications a.selected, .Publications a.current{{ background:none}

	
}