@charset "UTF-8";

body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
	/* font-family:; */
	line-height: 1.5em;
	overflow: auto;
	font-weight: 300;
	background-color:white;
	
}
h1{
	font-size: 1.4em;
	font-family: Merriweather, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	
}

h2{
	font-size: 1.2em;
	font-family: Merriweather, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	
}

h3{
	font-size: 1em;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
p{
font-family: 'Merriweather',"Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

/* -------------------------------------------------------- BODY -----------------------------------------------------------*/


/* -------------------------------------------------------------- LOGO IMAGE -----------------------------------------------*/


#logo{
	
	width: 100%;
	height: auto;
}

.logo {
	width: 25%;
	height: 100%;
	padding-left: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* --------------------------------------------------------------- FINISH LOGO IMAGE --------------------------------------*/

/* ------------------------------------------------------------------ STARTS HMBRGR BUTTON --------------------------------*/

.hmbrgr{
	 float: right;
	 padding-right: 8%;
	margin-top: 2%;
	display: none;
}




/* ------------------------------------------------------------------- FINISH HMBRGR BUTTON -------------------------------*/

/* -------------------------------------------------------------- STARTS HEADER NAV ----------------------------------------*/

#header{
	background-color:#534741;
	width: 100%;
	height: auto;
	overflow: auto;
}


nav li{
	float: left;
	padding-left: 8%;
	position: center;
	list-style: none;
	
	
	
}
#header a{
	color: white;
	text-decoration: none;
	font-size: 1em;
	
}
 nav ul{
	background: 0;
	 margin: 0px;
	 padding-top: 20px;
	 padding-bottom: 20px;
	 overflow: auto;

}
.li{
	text-decoration: none;
}

/* ------------------------------------------------------------ FINISH HEADER NAV -----------------------------------------*/


/* -------------------------------------------------------------- STARTS SEARCHBAR ---------------------------------------*/

#headeright{
	width: auto;
	height: auto;
	float: right;
	margin: 0;
}




#searchbar{
	float: right;
	padding-bottom: 0px;
	margin-top: -45px;
	padding-right: 15%;
	border-radius: 10px;
	
}

input{
	border-radius: 10px;
	border-style: none;
	padding: .5em 4em;
	
}
#input p{
	font-size: 25%;
}



/*--------------------------------------------------------------- FINISH SEARCH BAR -----------------------------------------*/


/* ----------------------------------------------------------- BANNER IMAGE ------------------------------------------------*/
#classimg1{
	padding-top: 0;
	width: 100%;
	
	background-image: url("images/web1 copy.jpg");
	background-size: cover;
	height: 50vh;
	background-position:bottom;
	
}

#classimg1 h1{
	float: right;
	padding-top: 20px;
	padding-right: 45px;
	color:black;
}
/* ----------------------------------------------------------- FINISH BANNER ------------------------------------------------*/


/* font-family:Merriweather, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: blueviolet; */


/* ---------------------------------------------------------- STARTS BODY IMAGES -------------------------------------------*/

#bdimgs img{
	width: 100%;
	height: auto;
	}
#bdimgs p{
	margin-left: 9%;
	margin-right: 8%;
}

#bdimgs h1{
	margin-left: 9%;
    padding-top: 10px;
	
	
}
.objtvs h1{
	padding-top: 5px;
}




.categorie1 a{
	text-decoration: none;
	color: white;

}
.categorie1 a{
	padding-left: 35px;
}
.categorie1 h3{
	margin-top: -8%;
	margin-bottom: 8%;
}

.categorie1{
	float: left;
	margin-top: 20px;
	width: 40%;
	margin-left: 9%;
	
}

.categorie2{
	float: right;
	margin-top: 20px;
	width: 40%;
	margin-right: 9%;
}
.categorie2 h3{
	margin-top: -8%;
	margin-bottom: 8%;
}
	
		
	
		

	

.categorie2 a{
	text-decoration: none;
	padding-left: 35px;
	color: white;
}
/*------------------------------------------------------------ FINISH BODY IMAGES -------------------------------------------*/


/* font-family: lato,Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    font-size: 18px; */

/*-------------------------------------------------------------- STARTS CONTACT FORM --------------------------------------*/

#mc_embed_signup.background{
	background-image: url("images/cpymchn-copy copy.png");
	background-position: center;
	background-size: cover; 
	background-color: red;
}
label{
	color: white;
	
	
}

h2{
	color: white;
}
.indicates-required{
	color: white;
}
.small-meta{
	color: white;
}
.datefield{
	color: white;
}
#mc-embedded-subscribe-form{
	width: 65%;
	margin-left: 12.5%;
	margin-right: 12.5%;
}

/*-------------------------------------------------------------- FINISH CONTACT FORM --------------------------------------*/




/*------------------------------------------------------------- STARTS FOOTER ----------------------------------------------*/	
		
#footer{
	background-color:#534741;
	width: 100%;
	
	overflow: auto;
}	
#footer li{
	color: white;
	text-decoration: none;
	font-size: 1em;
	margin-left: 10%;
	padding-top: 6%;
	
}

#footer{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 0;
	}


#footer ul{
	margin: auto;
	padding-right:3%;
	width: 50%;
	
	}
/* ---------------------------------------------------------- FINISH FOOTER ------------------------------------------------*/

/*-------------------------------------------------------------  ABOUT PAGE ------------------------------------------------*/

#content {
	
	margin-left: 150px;
	margin-right: 400px;
	
}

#content h1{
	padding-top: 25px;
	padding-bottom: 20px;
	color: green;
}

.addthis_inline_share_toolbox{
	text-align: left;
	padding-left: 10%;

	
}
.addthis_inline_share_toolbox{
	margin-top: 10px;
	margin-bottom: 18px;
	
}


/*-------------------------------------------------------------- STARTS CATEGORIES ---------------------------------------*/

.ctgrs{
	float: right;
	padding-top: 150px;
	margin-right:100px;
	
	
	
}
.ctgrs ul{
	list-style: none;
	
}
.ctgrs h3{
	color:mediumblue;
}




.ctgrs a{
	font-size: 18px;
	text-decoration: none;
	
}
/*--------------------------------------------------------------- "-------------------------" -----------------------------*/

/*----------------------------------------------------------------- ART-ACADEMICS ----------------------------------------*/
.content1 {
	
	margin-left: 150px;
	margin-right: 400px;
	
}

.content1 h1{
	padding-top: 25px;
	padding-bottom: 20px;
	
}

.addthis_inline_share_toolbox{
	text-align: left;
	padding-left: 10%;

	
}
.addthis_inline_share_toolbox{
	margin-top: 10px;
	margin-bottom: 18px;
	
}

/*-------------------------------------------------------------- FINISH ART-ACADEMICS ------------------------------------*/

/*------------------------------------------------------------------- STARTS ART STYLES-----------------------------------*/
.content2 {
	
	margin-left: 150px;
	margin-right: 400px;
	
}

.content2 h1{
	padding-top: 25px;
	padding-bottom: 20px;
	
}

.addthis_inline_share_toolbox{
	text-align: left;
	padding-left: 10%;

	
}
.addthis_inline_share_toolbox{
	margin-top: 10px;
	margin-bottom: 18px;
}

/*-------------------------------------------------------------- FINISH ART STYLES --------------------------------------*/

/*------------------------------------------------------------------- STARTS PRACTICAL----------------------------------*/
.content3 {
	
	margin-left: 150px;
	margin-right: 400px;
	
}

.content3 h1{
	padding-top: 25px;
	padding-bottom: 20px;
	
}

.addthis_inline_share_toolbox{
	text-align: left;
	padding-left: 10%;

	
}
.addthis_inline_share_toolbox{
	margin-top: 10px;
	margin-bottom: 18px;
}
.revlchn img{
	padding: 0px;
	
}
/*---------------------------------------------------------------- FINISH PRACTICAL----------------------------------------*/



/* ------------------------------------------------------------ STARTS MEDIA QUERIES ---------------------------------------*/