/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */



body {
background-color: #d2b4aa; 
}

p {
font-family: Helvetica, Verdana, sans-serif;
font-size:18px;
font-weight:400;
width:80%; 
margin:auto;
padding-bottom:12px;
} 

blockquote {
width:60%;
font-style:italic; 
margin:auto;
padding-bottom:12px;
}
 
#main {
 width:55%;
 margin:auto;
 background-color: #eaeaea;
 padding:20px;
 font-family:Helvetica, Verdana, sans-serif;
 font-size:18px; 
  } 
 
 #isms {
 height:200px; 
 font-size:20px;
 font-style:italic;
 text-align:center;
 width: 60%;
 margin:auto;
 }
 
  figure {
  padding: 4px;
  margin: auto;
  text-align:center;
}

figcaption {
  background-color: transparent;
  color: #702963;
  font-style: italic;
  padding: 2px;
  text-align: center; 
  margin-top:-10px;
  padding-bottom:8px;
  font-size:14px;
}

ul li {
list-style-type:none; 
line-height:1.4;}

#list {
height:400px;
  width:300px;
  margin:auto;
}
  #list ul {
  padding-top:5px;
  height:400px;
  width:300px;
  margin:auto;
  }
#list li a:link {
float: left;
width: 220px;
color: #008000;
padding: 3px;
text-decoration: none;
font-weight:300;
border:1px solid black;
background-color: #ffffff;
text-align: center;
border-radius:15px;
}
#list a:visited {
color: #008000;
background-color: #fff;
}
#list li a:hover {
color: #b30000;
background-color: #eaeaea;
border:1px solid black;
} 
#list a:active {
color: #008000;
background-color: #fff;
}
#list li {
display: inline;
}  


img {
margin: 10px;
background-color: transparent;
max-width:100%;
height:auto;
}  

h1 {
text-align:center; 
font-weight:400;
} 

h2 {
text-align:center; 
font-weight:400;
} 

h3 {
text-align:center;
font-size:x-large;
text-decoration:underline; 
font-weight:600;
color:#6f4e37;}   

h4 {
text-align:center;
font-size:x-large;
text-decoration:underline; 
font-weight:400;} 

h5 {
text-align:center;
color:#800080;
text-decoration:underline; 
} 


.box {
border:1px solid green;
background-color:#eaeaea;
padding:5px;
font-size:15px;
font-style:italic;
text-align:center; 
width:45%; 
margin:auto;
}
 

 em {
 color: #e0353b;
 font-weight: bold;
  }
a:link {
color: #800080; 
font-weight:500;
}
a:visited {
color: #800080;
}
a:hover {
color: #008000; 
}
a:active {
color: #800080; 
}  

@media only screen and (max-device-width: 600px) {
/* define mobile specific styles come here */
 

 div#main {
 float:none;
 margin:0px;
 width:90%;
 font-size:1rem;
  }
  
   div#isms {
 float:none;
 margin:0px;
 width:100%;
 font-size:1rem;
  }
   
  div#list {
width:90%;
 font-size:1rem;
 margin:0px; }
 
 img {
 min-width:100%;
 float:none; }
 
  h1 {
 font-size: 20px !important;
}
 h2 {
 font-size: 18px !important;
}
h3 {
 font-size: 16px !important;
}
}