/* ================== LAYOUT SECTION ========= */

body {
background-color: #9c9f84;
margin: 0px;
font-family: Verdana, Georgia, serif;
font-size: 14px;
padding-left: 20px;
padding-right: 10px;

/* width: 1050px; */
/* font-size: 15px; */
}

figure { margin 0px;
         padding 0px;
        }

#header {
background-color: #5c755e;
margin: 10px;
height: 90px;
border-radius: 5px;
}



#mainContainer{
  margin:0px auto;
  background-color:#aaaaaa;
  width: 800px;
  }


#ul_sideright {
   list-style-type:none;
   background-color:red;
   margin:10px;
   padding:15px;
}


#ul_sideright li{
   background-color:#cccccc;
   margin:5px;
   padding:3px;
}

#MF_1 {
   background-color:#cccccc;
   margin:5px 15px 5px 5px;
   padding:3px;
   border: solid black 3px;
}

#MF_2 {
   background-color:#cccccc;
   margin:5px 15px 5px 5px;
   padding:3px;
   border: solid black 3px;
   color: #222222;
   font-size: 135%;
}

#MF_3 {
   background-color:#cccccc;
   width: 600px;
   margin:15px auto;
   padding:3px;
   border: solid black 5px;
   color: #222222;
   font-size: 135%;
}
#MF_4 {
   background-color:#cccccc;
   width: 600px;
   margin:15px auto;
   padding:15px;
   border: solid black 5px;
   color: #222222;
}
#MF_6 {
   background-color:#cccccc;
   width: 900px;
   margin:15px auto;
   padding:3px;
   border: solid black 3px;
   color: #222222;
   font-size: 135%;
}

#eqFract1 {
   background-color:#cccccc;
   margin:5px 25px 5px 25px;
   padding:18px;
   border: solid black 3px;
}

#eqFract2 {
   background-color:#5c5cff;
   margin:15px 50px 5px 50px;
   padding:25px;
   border: solid black 3px;
   color: #ffffff;
   font-size: 115%;
}
#eqFract2 a {
   color: #111;
}

#eqFract3 {
   background-color:#5c5cff;
   margin:5px 80px 5px 80px;
   padding:25px 20px 5px 20px;
   border: solid black 3px;
   color: #ffffff;
}

#eqFract3 a {
   color: #000;
}


#eqFractSpan1 {
   background-color:#cccccc;
   margin:15px 35px 5px 35px;
   padding:18px;
   border: solid black 5px;
}
.add-sub-fractions-two-simple-rules {
   padding: 5px 10px 5px 50px;
}

.main {
  background-color: #e5e4d7;

  border-radius: 9px;
  padding: 20px;
  font-size: 150%;
  text-align:center;
  width: 75%;
  margin: 10px auto;
}

.add-subtract-fractions {
background-color: #e5e4d7;
margin-left: 25px;
margin-right: 120px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 5px;
padding: 30px;
font-size: 120%;
}
.add-subtract-fractions2 {
background-color: #e5e4d7;
margin-left: 10px;
margin-right: 100px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 5px;
padding: 40px;
font-size: 120%;
}

.exponents-1 {
background-color: #e5e4d7;
margin-left: 10px;
margin-right: 50px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 5px;
padding: 20px;
font-size: 110%;
}

.exponents-2 {
background-color: #d5d4f7;
margin-left: 10px;
margin-right: 50px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 5px;
padding: 20px;
font-size: 110%;
}


.exponents-3 {
background-color: #e5e4b7;
margin-left: 30px;
margin-right: 30px;
margin-top: 3px;
margin-bottom: 3px;
border-radius: 5px;
padding: 10px;
font-size: 125%;
}
.exponents-az {
  background-color: #e5e4b7;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 5px;
  margin-bottom: 3px;
  border-radius: 5px;
  padding: 15px;
  font-size: 110%;
}
.exponents-az-indent{
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #e5e4b7;
  border-radius: 5px;
  padding-left: 65px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 140%;
}
.exponents-negative-powers {
background-color: #e5e4b7;
margin-left: 100px;
margin-right: 100px;
margin-top: 3px;
margin-bottom: 3px;
border-radius: 5px;
padding-top: 15px;
padding-left: 30px;
padding-right: 20px;
padding-bottom: 15px;
font-size: 110%;
}
.perfect_squares {
background-color: #e5e4b7;
margin: 3px auto;
border-radius: 5px;
padding: 25px;
font-size: 110%;
width: 950px;
}
.number_table {
background-color: #e5e4b7;
margin: 3px auto;
border-radius: 5px;
padding: 25px;
font-size: 110%;
width: 500px;
}
.perfect_squares_skinny {
background-color: #e5e4b7;
margin: 10px auto;
border-radius: 5px;
padding: 25px;
font-size: 110%;
width: 500px;
}
.ole_fashion_skinny {
background-color: #e5e4b7;
margin: 10px auto;
border-radius: 5px;
padding: 25px;
font-size: 110%;
width: 500px;
}
.ole_fashion {
background-color: #e5e4d7;
margin: 10px auto;
border-radius: 5px;
padding: 20px;
font-size: 110%;
width: 900px;
}

.pythag {
background-color: #e5e4d7;
margin: 10px auto;
border-radius: 5px;
padding: 20px;
font-size: 110%;
width: 800px;
}


.ole_fashion img {
  display:block;
  margin: 30px auto;}

.div {
background-color: #e5e4d7;
margin: 10px auto;
border-radius: 5px;
padding: 20px;
font-size: 110%;
width: 800px;
}

.length_volume {
background-color: #e5e4d7;
margin: 10px 350px 10px 75px;
border-radius: 5px;
padding: 20px;
font-size: 110%;
width: 800px;
}
.basic_algebra_terminology{
background-color: #e5e4d7;
margin: 10px 350px 10px 75px;
border-radius: 5px;
padding: 20px;
font-size: 110%;
width: 800px;
}


.sideright {
background-color: #e5e4d7;
font-size: 105%;
padding: 20px;
width:260px;
float: right;
border-radius: 5px;
margin-left:10px; margin-right:10px; margin-top:5px; margin-bottom:10px;;
clear:right;
}

.imagesidebar {
width:300px;
float: right;
border-radius: 5px;
margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:10px;;
clear:right;
opacity: 1.0;
transition: opacity 0.5s ease-in-out;
}

img { margin 5px; }

.imagesidebar:hover {

    opacity: 0.4;
}

#footer {
background-color: #5c755e;
margin: 10px;
height: 20px;
clear:both;
border-radius: 5px;
color: #efe5d0;
text-align: center;
padding: 10px;
font-size: 90%;
}

#footer ul   { 
	 
padding: 5px; 
list-style-type: none; 
text-align: center; 
margin: 10px;
border-radius: 5px;

} 

#footer ul  li  { 
	 
display: inline;

} 

#footer ul li a { 
	
text-decoration: none; 
font-family:Arial;
padding: .2em 1em; 
color: #efe5d0; 
background-color: #5c755e; 
} 

#footer ul li a:hover { 

color: #000; 
background-color: #fff; 
} 

#ul_PreAlgebra  { 
  font-size:120%;
  list-style-type: none;
}

#ul_Algebra  { 
  font-size:120%;
  list-style-type: none;
}

#ul_GeomTrig  { 
  font-size:120%;
  list-style-type: none;
}

#ul_StandTest  { 
  font-size:120%;
  list-style-type: none;
}


#section_preAlgebra {
  margin:15px;
  background-color: #acacac;
  border: solid black 3px;  
  }

#section_Algebra {
  margin:15px;
  background-color: #cccccc;
  border: solid black 3px;  
  }
  
#section_GeomTrig {
  margin:15px;
  background-color: #acacac;
  border: solid black 3px;  
  }
  
#section_StandTest {
  margin:15px;
  background-color: #cccccc;
  border: solid black 3px;  
  }
  
section h2 {
  padding:0px 0px 0px 10px;
  color: #5C0000;
  text-decoration: underline;
  font-size: 125%
  }
  
section li a {
  text-decoration: none;
  padding: 0px 0px 15px 5px;
  font-weight: bold;
  color: #7C0000;
  } 

section li {
  padding: 0px 0px 10px 5px;
} 

.normal_P_Preq{
   padding: 0px 10px 6px 15px;
   background-color: #e5e4b7;
   margin: 3px auto;
   border-radius: 5px;
   padding: 25px;
   font-size: 110%;
   width: 950px;
   }
    
.normal_P_Preq a{
   color: black;
   } 
.border_wide {
   border: 3px solid black;
   padding: 15px;
   } 
  
.normal_P_Signs{
    background-color: #e5e4b7;
    margin: 3px auto;
    border-radius: 5px;
    padding: 25px;
    font-size: 110%;
    width: 700px;   
} 
     
.normal_P_terminology{
   padding: 0px 25px 6px 25px;
   } 
   
.normal_P_OrderOp{ 
   padding: 0px 70px 6px 25px;
   }   
   
.normal_P_MultFractions{ 
   padding: 25px;
   background-color: #dd9988;
   font-size: 120%;
   }     

.normal_P_eqFractions{ 
   padding: 0px 10px 6px 25px;
   } 
.p_algebra_problems{
font-size: 125%;
}   

.p_algebra_problems_answers{
font-size: 125%;
color: #ff3333;
}  

.p150{
	font-size: 150%
} 

.p200{
	font-size: 200%
} 

     
header h1 { 
  padding: 5px 5px 5px 30px;
  }

header {
  width: 600px;
  margin: 15px auto;
}

/* ================== HEADINGS SECTION ========= */

h1 {
font-size: 135%;
color: #ce282e;

}

h2 {
font-size: 120%;
color: darkblue;
}

h3 {
font-size: 250%;
text-align:center;
color:#e5e4d7;
font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
margin: 0px;

 position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#top_h1{ color: #2e282e;}

#clock_pic_small{
  width: 625px;
  height: 275px;
  }

.nav{
    border:1px solid #ccc;
    border-width:1px 0;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.nav li{
    display:inline;
}
.nav a{
    display:inline-block;
    padding:10px;
}