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

body { 
background-color:#ffffff;
color:#000000;
font-family: 'Noto Sans', sans-serif;
font-size: 17px;
line-height:1.5;
margin: 0 auto;
padding:1%;
}

a  { color:#288f84; }
a:visited { color:#288f84; }
a:hover { color:#33b3a6; }
a:active { color:#33b3a6; }

a[rel="internal"] { color:#000000; }

h1 {
font-family: 'Varela Round', sans-serif;
text-align:center;
}

h3 {
font-family: 'Varela Round', sans-serif;
font-style:italic; 
text-align:center;
}

.div1 {
background-color:#d9d9d9;
font-size:smaller;
text-align:center;
width:96%;
margin:0 auto;
margin-top:1%;
border: 1px solid;
border-bottom:0;
}

.div1:after {
clear: both;
content: "";
display: block;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
}

li {
float:left;
}

.div1 a {
    display: block;
    width: 120px;
    color: #000000;
    background-color: #d9d9d9;
    text-align: center;
    padding: 12px;
    text-decoration: none;
    text-transform: uppercase;
}

.div1 a:hover, a:active {
background-color: #BADA55;
color:#c0392b;
}

.div2 {
background-color:#f2f2f2;
text-align:center; 
padding-top:1%;
padding-bottom:1%;
width:96%;
margin:0 auto;
border: 1px solid;
border-top:0;
border-bottom:0;
}

.iconboxset {
background: transparent;
  margin-top:1.5%;
  margin-bottom:1.5%;
  overflow:auto;
 }
 
.carrot-box {
  background: #e67e22;
  float: left;
  text-align:center;
  margin: 1.1%;
  width: 29%;
  padding:1%; 
  }
  
 .carrot-box:hover {background:#eda464;}
  
  .green-box {
  background: #27ae60;
  float: left;
  text-align:center;
  margin: 1.1%;
  width: 29%;
  padding:1%; 
  }

 .green-box:hover {background:#67c68f;}
  
  .blue-box {
  background: #3498db;
  float: left;
  text-align:center;
  margin: 1.1%;
  width: 29%;
  padding:1%; 
  }

 .blue-box:hover {background:#70b6e5;}
  
  .yellow-box {
  background: #f1c40f;
  float: left;
  text-align:center;
  margin: 1.1%;
  width: 29%;
  padding:1%; 
  }
  
.yellow-box:hover {background:#f9e79f;}
  
  .purple-box {
  background: #8e44ad;
  float: left;
  text-align:center;
  margin: 1.1%;
  width: 29%;
  padding:1%; 
  }
   
.purple-box:hover {background:#af7cc5;}
  
  
.red-box {
  background: #c0392b;
  float: left;
  text-align:center;
  margin: 1.1%;
  width: 29%;
  padding:1%; 
  }

.red-box:hover {background:#d2746a;}
  
.div3 {
background-color:#d9d9d9;
text-align:center; 
padding-top:1%;
padding-bottom:1%;
width:96%;
margin:0 auto;
border: 1px solid;
border-top:0;
}

.menu2 {
background-color:#40e0d0;
text-align:center;
width:530px;
}

.menu2:after {
clear: both;
content: "";
display: block;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
}

li {
float:left;
}

.loc {
background-color: #33b3a6;
color:#ffffff;
text-decoration:underline; }

.menu2 a {
    display: block;
    width: 120px;
    color: #c0392b;
    background-color: #e5e5e5;
    text-align: center;
    padding: 6px;
    text-decoration: none;
    text-transform: uppercase;
}

.menu2 a:hover, a:active {
background-color: #f1c40f;
color:#c0392b;
}