body  { margin:0px; background:white;
}

a:link  {  text-decoration:none;
           color:white;
         font-family: 'roboto', sans-serif;

}

a:hover  {  text-decoration:none;
            color:yellow;
            font-family: 'roboto', sans-serif;
}


a:active  {  text-decoration:none;
             color:white;
             font-family: 'roboto', sans-serif;

}

a:visited  {  text-decoration:none;
              color:white;
             font-family: 'roboto', sans-serif;

}

#navibar  {  margin:0;
             padding:0;
            
             
           
            
             
             

}

/*gap between button background*/
#navimenuwrapper{  width:905px;
                   height:50px;
                   margin:auto;
                  

}

/*gap between button*/
#navimenu   {  width:725px;
               height:50px;
              
               margin-left:0px;
               
              

}



#navibar ul  {    margin:0;
                  padding:0;
                  
               

}

#navibar  li  {   margin:0px;
                  list-style:none;
                  float:left;
                  position:relative;
                 
                    
                  

}



#navibar ul li a {  text-align:center;
                    font-family: 'roboto', sans-serif;
                    font-size:11px;
                    text-decoration:none;
                    height:32px;
                    width:100px;
                    display:block;
                    color:#ffffff;
                    background-color:grey;
                    margin-left:3px;
                    padding-top:18px;
                    letter-spacing:2px;
                      /*  -webkit-transition: all 1.5s ease-out;
                          -moz-transition: all 1.5s ease-out;
                          -o-transition: all 1.5s ease-out;
                          transition: all 1.5s ease-out;
                    border-radius:25px 25px 0px 0px;
                    */
                    
           

}

#navibar ul li a:hover  { text-align:center;
                          font-family: 'roboto', sans-serif;
                          font-size:11px;
                          text-decoration:none;
                          position:relative;
                          height:32px;
                          width:100px;
                          display:block;
                          color:#4b4b4b;
                          background-color:#dddddd;
                          margin-left:3px;
                          padding-top:18px;
                        
                          -webkit-transition: all 0.2s ease-out;
                          -moz-transition: all 0.2s ease-out;
                          -o-transition: all 0.2s ease-out;
                          transition: all 0.2s ease-out;
                          letter-spacing:3px;
                          border-radius:0px 25px 0px 0px;
                          
}



#logo   {  width:100% auto;
           height:150px;
           margin:auto;
           padding-top:20px;
           background:#0099ff;
}


#logobox    {  width:900px;
               height:130px;
               background:#0099ff;
               margin:auto;
               background-image:url('../images/banlo.jpg');
               background-repeat:no-repeat;
               
}

#navibar   {   width:100%;
               height:50px;
               margin:auto;
               margin-top:20px;
               
               color:white;
               ont-family: 'roboto', sans-serif;
               font-size:12px;
               text-align:center;
               word-spacing:45px;
               
              

}

#bannerwrapper   {  width:920px;
                    height:320px;
                    margin:auto;
                    margin-top:0px;
                    background:#ffffff
                    
                  

}

#banner   {  width:900px;
             height:300px;
             
             margin:auto;
             border:5px solid #ffffff;
             /*-webkit-box-shadow: 0 8px 6px -6px black;
	           -moz-box-shadow: 0 8px 6px -6px black;
	            box-shadow: 0 8px 6px -6px black;
	            */
	            
  
}

.box {
	width:70%;
	height:200px;
	background:#FFF;
	margin:40px auto;
	
}

.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content:"";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #888;
  -moz-box-shadow: 0 15px 10px #888;
  box-shadow: 0 15px 10px #888;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}



#bannerbar   {  width:100%;
                height:0px;
                margin-top:15px;
                margin-left:auto;
                margin-right:auto;
                background-color:white;
                
                
                

}

#contentwrapper   {  width:100%;
                     background-image:url('../images/dot.jpg');
                     background-repeat:repeat-x;

                   

}


#content   {  width:880px;
              height:420px;
              margin:auto;
              padding:50px; 0px 0px 20px;
              

}





#footerwrapper   {   width:100% auto;
                     height:280px;
                     background-color:#4b4b4b;
                     padding-top:10px;
                     
                    

}

#footmain   {   height:195px;
                width:880px;
                margin:auto;
                background-image:url('../images/footerimg.jpg');
                background-repeat:no-repeat;
                padding-top:55px;
}


#footerin  {  Width:120px;
              height:130px;
              float:left;
              margin-left:760px;
              margin-top:-115px;
}

.clearfix {
  clear:both;
}


.coname  {  margin:0px 0px 0px 0px;
            font-size:40px;
            color:#ffffff;
            font-family: 'roboto', sans-serif;
            letter-spacing:3px;
            text-align:center;
            

}

h2  {    color:#4b4b4b;
         text-align:left;
         

}

.course   {   color:#880000;
              font-size:12px;
              line-height:120%;
              letter-spacing:2px;

}

.text   {    font-family: 'roboto', sans-serif;
             color:#333333;
             font-size:12px;
             line-height:18px;
             text-align:justify;

}

.title   {   font-family: 'roboto', sans-serif;
             color:#333333;
             font-size:20px;
}

.fitscreen   {  width:100%;
                height:100%;
               

}

.frame   { -webkit-box-shadow: 0 8px 6px -6px black;
	         -moz-box-shadow: 0 8px 6px -6px black;
	         box-shadow: 0 8px 6px -6px black;

}


.addtext    {      color:white;
                   font-family: 'roboto', sans-serif;
                   margin-top:10px;
                   font-size:12px;
}


.shinobe    {      color:white;
                   font-family: 'roboto', sans-serif;
                   margin-top:0px;
                   font-size:20px;
                   
}