/*bodies*/
body{
	font-family: Cambria, Georgia, serif;
	margin: 75px;

}
.b1{
background-color:008888;
	color:80CECE;
}
.b2{
	background-color:EF591D;
	color:FFBFA5;
}
.b3{
background-color:571F76;
	color:C999E4;
}
.b4{
	background-color:93C000;
	color:E3F99B;
}

/*links*/
ul{
border: double 2px;
}
.top1{
	color: 80CECE;
	font-size: 20px;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; 
}
.top2{
color: FFBFA5;
	font-size: 20px;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; 
}
.top3{
color: C999E4;
	font-size: 20px;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; 
}
.top4{
color: E3F99B;
	font-size: 20px;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; 
}

.a1{
color: 80CECE;
}
.a2{
color: FFBFA5;
}
.a3{
color: C999E4;
}
.a4{
color: E3F99B;
}

/*headlines*/
h1{
font-size: 34px;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
padding: 5px;
margin: 30px 0 30px 0;
text-align: center;
}

.h1-1{
background-color: 80CECE;
color:008888;
}
.h1-2{
background-color: FFBFA5;
color: EF591D;
}
.h1-3{
background-color: C999E4;
color:571F76;
}
.h1-4{
background-color: E3F99B;
color:93C000;
}
h2{
	font-size: 30px;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
padding: 5px;
text-align: justify;
}

/*for all pages*/
*{
	box-sizing: border-box;
}

.banner{
	background-image: url("images/banner-mod.jpeg");
	margin: 30px 0 30px 0;
	padding:50px;
	font-size: 50px;
	font-family: Copperplate, "Copperplate Gothic Light", fantasy ;
	text-align: center;
	background-attachment: fixed;
	max-width:100%;
    height: auto;
}


.hr{
	border: double 10px;
	margin: 50px;
}


p{
font-size: 20px;
color: black;
text-align: justify;
}

/*text boxes*/
.txt{
	margin: 20px 0 0 20px;
	padding: 10px;
	border: double 2px;
	font-size: 20px;
	float: right;
	width: 500px;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}
.txt2{

margin: 0 0 20px 20px;
	padding: 10px;
	border: double 10px;
	font-size: 22px;
	width: 300px;
	float: right;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}
/*images*/
img{
	max-width:100%;
    height: auto;
    padding: 5px;

}

.imgr{
	border: double 10px;
    float: right;
    margin: 0 0 20px 20px;
  
}
.imgl{
	border: double 10px;
    float: left;
    margin: 0 20px 20px 0;
}
.imgno{
float: right;
margin: 0;
}