* {margin:0; padding:0;}
body {background:#fff; font-family:Arial, Helvetica, sans-serif; font-size: large; color:#333;}
img {border:none;}
ul {list-style-type:none;}

h1, h2, h3 {font-weight:normal;line-height: 1.25}

a {text-decoration:none; color:#1B75A9; border:none;}
.wrapper{width:100%;margin-left:auto;margin-right:auto;}

#menu ul {
  margin: 0;
  padding: 0;
 
}

#menu .main-menu
{
    display: none;
    float: none;
   
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

 

#menu li, #toggle-menu, #menu a
{
    position: relative;
    display: block;
    color: #333399;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}
#nav-icon1{display:block;}
#toggle-menu{text-align:center;font-weight:bold;}
#menu {padding:0px;}
 #toggle-menu {
  
 
}
#toggle-menu li a{
  
  
}
 #toggle-menu, #menu a
{
    padding: .5em 1em .5em 1em;
    top: 0px;
    left: 0px;
}
 a#univ
{
    padding: 9px 1em 0em 1em;
}
@-moz-document url-prefix() { 
   a#univ
{
    padding: 5px 1em 0em 1em;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
 a#univ
{
    padding: 5px 1em 0em 1em;
}
}
#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
opacity:0.5;

}
.logo img{width:90%;padding-left:10px;margin-top:4px;z-index:10000;}


/***********************************************************************************************************/
@media only screen and (max-width: 1045px) 
{
   .logo{ padding-top:15px !important;}
    #menudiv
{   
     padding-top:0px !important;
   background-size:100,100;
  
}

}
@media only screen and (min-width: 721px) {
  #menu .main-menu {
    display: block;   
 
  }
  
#tm:checked + .main-menu {
  
}
  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }
#nav-icon1{ display: none;}
  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
  }
  
 #menu a
{
   
    color: #fff;
}
.sub-menu{z-index: 3000000 !important;}
  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

 #menu .sub-menu .drop-icon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
     
  }
  
  

.header
{
    width: 100%;
    margin: 0px auto 0px auto; /* background: #9DCEFF; /* Safari 4-5, Chrome 1-9 */ /*  background-image: url('../images/mat.png'), -webkit-gradient(linear,  right top, left top, from(#0033CC), to(#9DCEFF)) ; /* Safari 5.1, Chrome 10+ */ /*  background-image: url('../images/mat.png'), -webkit-linear-gradient(right, #0033CC, #9DCEFF) ; /* Firefox 3.6+ */ /*  background-image: url('../images/mat.png'), -moz-linear-gradient(right, #0033CC, #9DCEFF) ; /* IE 10 */ /*  background-image: url('../images/mat.png'), -ms-linear-gradient(right, #0033CC, #9DCEFF) ; /* Opera 11.10+ */ /* background-image: url('../images/mat.png'), -o-linear-gradient(right, #0033CC, #9DCEFF) ;*/ /* background-repeat: no-repeat;
    background-position: right top;
    position: relative;
    background-image: url('../images/fadedbg.jpg');*/
    background-color: #fff;
    padding-top: 0px;
    
   
    z-index: 8000;
    height: 70px;
   
}

#menudiv
    {
        padding-left: 15%;
        padding-top: 15px;
        width: 100%;
       z-index:1;
        background-color: #12204F;
        height: 70px;
    }
.logo
{
 position:absolute;
    z-index:10000;
    width:15%;
   z-index:10000;
   
}



}


#logindiv
    {
        background-color: #52be7f;
       height:50px;
      z-index:12;
    }
#logindiv table
{
   float:right;
    width: auto;
    
     position: relative;
}
#logindiv td
{
    padding-right: 20px;
    padding-left: 5px;
   
}
#logindiv a
{
    color: #FFFFFF;
    vertical-align: middle;
    font-family: Tahoma;
    font-size: 0.9em;
    margin-left: 3px !important;
    line-height: 40px;
    font-weight: bold;
  
}
#logindiv a:hover
{
    color: #FFCC66;
}
#tdLogIn img
{
    vertical-align: text-bottom;
}
#logindiv img:hover
{opacity: 0.7;	
}

#nav-icon1{
  width: 60px;
  height: 45px;
  position: relative;
  margin: 20px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #2D5136;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}