/* basic reset */

*, *:before, *:after
{
    margin: 0; padding: 0; border: 0; list-style-type: none;
    -webkit-box-sizing: border-box    
    -moz-box-sizing: border-box    
    -ms-box-sizing: border-box    
    -o-box-sizing: border-box    
    box-sizing: border-box    
} 

html {font-size: 100%}   /* for rem */

/* end reset */ 


body 
{  
    font-family: StRyde-Medium, Verdana, Arial, Helvetica, sans-serif;
  	font-weight: normal;
  	font-style: normal;
    background: url(../samiti/images/samiti_background1.jpg);
    background-attachment: fixed;
}

#container
{
  overflow: hidden;
  width: 80%;
  margin: 3rem auto 3rem auto;
  padding: 1rem;
  background-color: #ffeaba;
  border-radius: 25px;
}



/* =============== colors ==================================================

 #ffeaba;   tan                   #FCD491;    #f9a318;  #f9a318   #FFAD3B;
 #ffad3b;  #DEBDDE;   golden         #dea664; #99B0A7;  #ec8852;  #DEBDDE;
 #70002b; #75012a;  maroon         #70002b;     #7C1B20; #CEEFBD; #97afa7;

/* maroon */
 #mobilenav_box, footer, #nav, #nav ul 
{background-color: #ffad3b;}

h1, h2, h3, h4, h5, h6,
{color: #70002b;}
 
/* coffee with cream         */
.col-nav, .col-peacock, .col-body 
{background-color: #ffeaba;}

/* golden  */
header, #golden_box
{background-color: #ffad3b;}

#mobilenav_box a, #copyright 
{color: #ffad3b;}

/* =============== elements ==================================================*/

input
{
    font-weight: bold; 
}
article
{
    padding: 1rem;
}

h1, h2, h3 
{
    font-weight: bold; 
    margin: 1em 0em .5em 0em;
}

h1 {font-size: 2.4rem; line-height: 2.4rem;} 
h2 {font-size: 2.0rem; line-height: 2.0rem;}  
h3 {font-size: 1.4rem; line-height: 1.4rem;}
h4 {font-size: 1.1rem; line-height: 1.4rem;}

p, ol, ul
{
    font-size: .8rem;
    line-height: 1.4em;
    margin: 1em 0em;
}
  
img
{
    width: 100%;
    max-width: 100%;
    height: auto; 
    margin: 2% 0%;   
}  

a {text-decoration:none; outline: none;}
a:link {color: blue;} 
a:visited {color: purple;}
a:hover {color: red; background: #ffeaba;}
a img  {border: none;}

#navigation a
{
    padding: 1rem 0rem 0rem 0rem;
}

article ul, article ol
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 1em 1em 1em 2em;
}
article li
{
    list-style-type: disc;
    line-height: 1.5rem;
    font-size: 0.8rem;
}

ol li
{
    list-style-type: decimal;
}

#navigation /* this is an ul so need to reset to o */
{
    margin: 0em; 
}

.phototeachers img 
{
    width: 30%; 
    float: right;
    margin: 2em;
}

.rowof4 img
{
    width: 23%; 
    float: left;
    margin: .2em;
}

#copyright 
{
    font-size: 0.6rem;
    text-align: center;
    padding: .8rem 0rem .5rem 0rem;
}

#golden_box
{
    height: 272px;
    width: 100%
}

#peacock
{
    margin: -250px auto 0px auto;
}

#credit
{
    padding: 1rem 1rem 0rem 7rem;
    text-align: center;
    font-size: 0.6rem;
}

.divider, .thin_divider
{
    height: 3rem;
    width: 90%;
    border-top: .1rem solid #70002b;;
    margin: 0em auto;
    clear: both;
}

.thin_divider
{
    height: .5rem;
}

#faq img
{
    width: 1rem;
    height: auto;
}

.color-red{color: red;}

.center {text-align: center;}

.clearboth {clear: both;}

                                                  */