body 
{
    clear:both;
    height:auto;
    margin:auto;
    min-width:1348px;
}

*
{
    margin:0;
    padding:0;
}
#navbar 
{
    clear:both;
    height:250px;
    min-width:1348px;
    margin:auto;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    
  } 
  #frame
  {
      margin:0 auto;
  }
    #navbar ul
    {
        clear:both;
        list-style-type:none;
        height:40px;
        min-width:1348px;
        margin:auto;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
  
        }
         #navbar ul li 
        {
            
          margin:0;
          padding:0;
          list-style-type:none;
          float:left;
          position:relative;
         width:150px;
             }
       #navbar ul li a
        {
            
           
           margin-left:20px;
           height:40px;
           color:White;
           float:left;
           width:150px; 
            line-height:40px;
            text-align:center;
           /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
       display:block;
            
            }
        
     .active
     {
        border-bottom:4px solid yellow;
        height:36px;
     }
    #navbar ul li a:hover
    {
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100;Yellow+3D+%232 */
background: #ffd65e; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffd65e 0%, #febf04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffd65e 0%,#febf04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffd65e 0%,#febf04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

      color:Black;
      transition:all 1s ease;
      text-decoration:none;
     
    }
    
   
        
      .contentdiv
      {
          margin:0;
          padding:0;
       margin-left:5%;
       width:90%;
         background-color:White; 
        min-height:875px;
         margin-top:-50px;
        border-radius:5px;
         
          }
        
    .classdiv
    {
       padding:0;
       margin:0;
       width:275px;
       height:225px;
       background-color:White;
       float:left;
       padding:10px;
       margin:12px;
       border-radius:5px;
        border:1px solid green;
         box-shadow:7px gray;
         font-weight:bold;
         word-wrap: break-word;
        
        }
        #footer
        {
            margin:0;
            padding:0;
            height:400px;
            margin-top:10px;
            min-width:1348px;
           /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

            margin-bottom:0px;
        }
    .cat
    {
       float:left; 
       margin-right:50px;
       color:White;
      
        }
   .cat ul
   {
       list-style-type:none;
       padding:5px;
       font-size:30px;
       
   }
   .cat ul li
   {
      
       padding:5px;
       font-size:20px;
       text-align:center;
       
   }
 .footerfoo
 {
     padding:0;
     margin:0;
     min-width:1348px;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

     height:300px;
 }
  .f1
 {
  width:296px;
  height:250px;
  background-color:white;
  float:left;
  padding:10px;
  margin:10px;  
  border-radius:5px;
 }
 .m1
 {
    float:left;
     
     }

 .textbox
 {
     width:150px;
     height:25px;
     margin-top:3px;
 }
 .signinbutton
 {
     width:100px;
     height:25px;
     margin-top:3px;
     background-color:Maroon;
     color:White;
 }
.footerf1
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
min-width:1348px;
}
.cat ul li
{
    font-size:15px;
    border-bottom:1px dotted yellow;
   
    
}
 .glyphicon-triangle-right:hover
 {
    margin-left:3px;
 }
h3
{
   
    color:Green;
    text-align:center;
}
h4
{
   text-align:center; 
    
    }
 .table
 {
     text-align:center;
 }
 .mytext
 {
     
     }
  h1, h2, h3, h4 {
    voice-family: male;
    richness: 80;
    cue-before: url("beep.au")
}
.ui-selected
{
  background-color:Yellow;  
    
    }
 #qw
 {
     color:Maroon;
 }
 #q
 {
     color:Blue;
 }
.table tr td
{
    margin:0;
    padding:0;
   min-width:400px;
}