*{
  margin: 0px;
  padding: 0px; 
}

.container
{
  width: 100%;
}

.wrapper
{
  width: 100%;
  margin: 0px;
}

.dark
{
  background-color: blue; 
  color: white;
}

body {
       background-color: cyan;
       color: rgb(0, 0, 255); 
     }



#grade{
  color:blue;
}

#chapter{
  color:darkgrey;
}


h1 {

  font-family: arial; 
  font-size: 30px;
  color: rgb(0, 0, 255); 
  height:50px;
  background-color: magenta;
  background-color: aquamarine;
  line-height:50px;
  text-align: center; 
} 


h2 {

  font-family: arial; 
  font-size: 30px;
  color: grey; 
  text-align: center;
  padding: 15px;
  
} 

ul
{
  text-align: left; 
}

ul li
{
  width: 120px;
  display: inline-block; 
  height: 35px;
  line-height: 35px; 
  text-align: center; 
}

ul li a
{
   font-family: arial; 
   font-weight: bold; 
   color: white; 
   text-decoration: none; 
   display: block; 
   text-align: center; 
}

ul li a:hover, ul li a.active
{
  background-color: orange; 
  color: black;
}

.copyright
{
  margin-top: 20px;
  margin-bottom: 20px; 
  text-align: center; 
  font-family: serif;
  background-color: navy; 
  color: white;
}

.main_body
{  
  width: 750px;  
  color: black;
  background: magenta;
  background-color: white ;
  text-align: justify;
  margin-left: 100px; 
  padding: 10px;
}


.gadgets_description table
{
  column-width: 400px; 
  margin-top: 10px; 
  font-size: 14px;
  color: black; 
  text-align:left;
  line-height: 20px;     
}

.gadgets_description table td
{
  width: 200px;
  padding-left: 5px;
}


#div_text
{
  margin: 5px;
  text-align: left; 
  padding: 5px;
  margin-left: 10px;
  margin-right: 10px; 
  
}


a:hover, ul li a.active
{
  background-color: orange; 
  color: black;
}


.gadgets_description .internal
{
  width: 710px; 
  border-style: solid; 
  border-color: yellow; 
  background-color: aqua; 
  display: inline-block;
  margin-top: 15px; 
  margin-left: 0px;
  text-align: left; 
  padding: 15px;
}


.gadgets_description p 
{
  display:inline;
  font-family: times; 
  font-size: 20px;
  color: black; 
  text-align: left;
  padding: 2px;
  line-height: 25px; 
  font-weight: normal; 
  margin-bottom: 5px; 
}


.gadgets_description h3  
{
  display: inline;
  font-family: times; 
  font-size: 20px;
  color: black; 
  text-align: left;
  padding: 2px;
  line-height: 25px; 
  font-weight: bold; 
  margin-bottom: 5px; 
}

.gadgets_description a
{  
  font-family: times; 
  text-decoration: none; 
  font-style: italic;   
  color: black;
  font-weight: normal;
}



.gadgets_description a:hover
{
  background-color: orange; 
  color: white;
}


.gadgets_description img
{
  height: 320px;
  float: left; 
  margin-right: 20px;
}

.gadgets_description table
{
  column-width: 400px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  font-size: 14px;
  color: black; 
  text-align:left;
  line-height: 20px;     
  border: 1px solid black; 
}

.gadgets_description table td
{
  width: 200px;
  padding-left: 5px;
  border: 1px solid black;
}



#div_text
{
  margin: 5px;
  text-align: left; 
  padding: 5px;
  margin-left: 10px;
  margin-right: 10px; 
  
}


#div_text p 
{
  font-family: times; 
  font-size: 20px;
  text-align: left; 
  color: black;
}


a
{
   font-family: arial; 
   font-weight: bold; 
   color: blue; 
   text-decoration: none; 
   display: block; 
   text-align: left; 
   font-size: 16px;
   color: blue;

}

a:hover, ul li a.active
{
  background-color: orange; 
  color: black;
}  


#p11_1 
{
  height: 480px; 
  padding: 5px; 
}



#p12_1 
{
  height: 50px; 
  padding: 5px; 
  margin-right: 500px; 
  margin-top: 10px;
  margin-bottom: 10px; 
}



#p12_2 
{
  height: 200px; 
  padding: 5px; 
  margin-right: 500px; 
  margin-top: 10px;
  margin-bottom: 10px; 
}


#p12_3 
{
  height: 220px; 
  padding: 5px; 
  margin-right: 500px; 
  margin-top: 10px;
  margin-bottom: 10px; 
}


#p12_4 
{
  height: 270px; 
  margin-top: 10px;
  margin-bottom: 10px; 
}


#p12_5 
{
  height: 300px; 
  margin-top: 15px;
  margin-bottom: 15px; 
  margin-right: 500px;
}


#p12_6 
{
  height: 420px; 
  margin-top: 15px;
  margin-bottom: 0px; 
  margin-right: 500px;
}


#p11_2 
{
  height: 45px; 
  padding: 5px; 
  margin-right: 500px; 
  margin-top: 10px;
  margin-bottom: 10px; 
}



#p11_3 
{
  height: 45px; 
  padding: 5px; 
  margin-right: 500px; 
  margin-top: 10px;
  margin-bottom: 10px; 
}


#p11_4 
{
  height: 170px; 
  padding: 5px; 
  margin-right: 500px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
}


#p12_8 
{
  height: 100px; 
  padding: 5px; 
  margin-right: 500px; 
  margin-top: 10px; 
  margin-bottom: 0px; 
}



#p12_9 
{
  height: 80px; 
  padding: 5px; 
  margin-right: 500px; 
  margin-top: 0px; 
  margin-bottom: 0px; 
}



#p12_10 
{
  height: 95px; 
  padding: 5px; 
  margin-right: 500px; 
  margin-top: 5px; 
  margin-bottom: 0px; 
}



#p12_11
{
  height: 90px; 
  padding: 5px; 
  margin-right: 500px; 
  margin-top: 0px; 
  margin-bottom: 0px; 
}


#p12_12 
{
  height: 80px; 
  padding: 5px; 
  margin-right: 500px; 
  margin-top: 5px; 
  margin-bottom: 0px; 
}


#p12_13 
{
  height: 120px; 
  padding: 5px; 
  margin-right: 500px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
}

#p12_14 
{
  height: 90px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}

#p12_15 
{
  height: 560px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
}

#p12_16 
{
  height: 80px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_17 
{
  height: 100px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_18 
{
  height: 70px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_19 
{
  height: 80px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_20 
{
  height: 80px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_21 
{
  height: 80px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_22 
{
  height: 70px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_23 
{
  height: 70px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_24 
{
  height: 80px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_25 
{
  height: 80px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_26 
{
  height: 50px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_27  
{
  height: 90px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_28  
{
  height: 60px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_29  
{
  height: 70px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_30  
{
  height: 60px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_31  
{
  height: 80px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_32  
{
  height: 80px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_33  
{
  height: 160px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_34  
{
  height: 50px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 500px; 
}


#p12_35   
{
  height: 46px; 
  margin-top: 5px; 
  margin-bottom: 10px; 
  margin-right: 600px; 
}


#p12_36   
{
  height: 65px; 
  margin-top: 5px; 
  margin-bottom: 10px; 
  margin-right: 600px; 
}


#p12_37   
{
  height: 74px; 
  margin-top: 5px; 
  margin-bottom: 10px; 
  margin-right: 600px; 
}


#p12_38   
{
  height: 64px; 
  margin-top: 5px; 
  margin-bottom: 10px; 
  margin-right: 600px; 
}

#p12_39   
{
  height: 65px; 
  margin-top: 5px; 
  margin-bottom: 10px; 
  margin-right: 600px; 
}

#p12_40   
{
  height: 80px; 
  margin-top: 5px; 
  margin-bottom: 10px; 
  margin-right: 600px; 
}

#p12_41   
{
  height: 125px; 
  margin-top: 5px; 
  margin-bottom: 10px; 
  margin-right: 600px; 
}

#p12_42   
{
  height: 65px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
  margin-right: 600px; 
}

#p12_43   
{
  height: 50px; 
  margin-top: 5px; 
  margin-bottom: 10px; 
  margin-right: 600px; 
}

#p12_44  
{
  height: 380px; 
  margin-top: 15px; 
  margin-bottom: 0px; 
}

#p12_45  
{
  height: 400px; 
  margin-top: 15px; 
  margin-bottom: 0px; 
  margin-right: 600px; 
}

#p12_46  
{
  height: 230px; 
  margin-top: 15px; 
  margin-bottom: 0px; 
  margin-right: 600px; 
}

#p12_47  
{
  height: 226px; 
  margin-top: 0px; 
  margin-bottom: 10px; 
  margin-right: 600px; 
}

#p12_48   
{
  height: 80px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
  margin-right: 700px; 
}

#p12_49   
{
  height: 56px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
  margin-right: 700px; 
}

#p12_50
{
  height: 56px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 700px; 
}

#p12_51
{
  height: 56px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
  margin-right: 700px; 
}

#p12_52
{
  height: 56px; 
  margin-top: 15px; 
  margin-bottom: 5px; 
  margin-right: 700px; 
}


#p12_53
{
  height: 65px; 
  margin-top: 15px; 
  margin-bottom: 5px; 
  margin-right: 700px; 
}


#p12_54
{
  height: 70px; 
  margin-top: 15px; 
  margin-bottom: 15px; 
  margin-right: 700px; 
}


#p12_55
{
  height: 540px; 
  margin-top: 5px; 
  margin-bottom: 5px; 
  margin-right: 700px; 
}


#p12_56
{
  height: 135px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
  margin-right: 700px; 
}


#p12_57
{
  height: 70px; 
  margin-top: 15px; 
  margin-bottom: 15px; 
  margin-right: 700px; 
}


#p12_58 
{
  height: 256px; 
  margin-top: 15px; 
  margin-bottom: 15px; 
  margin-right: 700px; 
}


#p12_59  
{
  height: 70px; 
  margin-top: 15px; 
  margin-bottom: 15px; 
  margin-right: 700px; 
}


#p12_60  
{
  height: 660px; 
  margin-top: 5px; 
  margin-bottom: 5px; 
  margin-right: 700px; 
}


#p12_61   
{
  height: 500px; 
  margin-top: 5px; 
  margin-bottom: 5px; 
  margin-right: 700px; 
}


#p12_62   
{
  height: 488px; 
  margin-top: 5px; 
  margin-bottom: 5px; 
  margin-right: 700px; 
}


#p12_63   
{
  height: 90px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
  margin-right: 700px; 
}


#p12_64   
{
  height: 90px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
  margin-right: 700px; 
}


#p12_65    
{
  height: 90px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
  margin-right: 700px; 
}


#p12_66    
{
  height: 140px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_67    
{
  height: 140px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_68     
{
  height: 80px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_69     
{
  height: 60px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_70     
{
  height: 80px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_71     
{
  height: 67px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_72     
{
  height: 70px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_73     
{
  height: 150px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_74     
{
  height: 45px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_75     
{
  height: 150px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_76     
{
  height: 150px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_77     
{
  height: 145px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_78      
{
  height: 150px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_79      
{
  height: 245px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_80      
{
  height: 310px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_81      
{
  height: 70px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}


#p12_82      
{
  height: 70px; 
  margin-right: 700px; 
  margin-top: 15px; 
  margin-bottom: 10px; 
}