@import url("gfx/skeleton.css"); 

body {
	margin: 0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 'Lato', sans-serif;
	background-color: #dcf2e7;
}

body { 
	background-color: #dcf2e7;
	}
		

	
/* ------------------------------------------ */
/* 1.HEADINGS */
/* ------------------------------------------ */
h1,
h2,
h3, 
h4, 
h5, 
h6  {
	font-weight: normal;
	margin-top: 5px;
	line-height: 120%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 'Lato', sans-serif;
	margin-left: 25px;
	margin-right: 25px;
}

h1 {
	font-size: 250%;
	color: #00413c;
	padding-top: 25px;
	line-height: 1em;
	text-align: center;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 134%;
	text-align: center;
	color: #00413c;
	line-height: normal;
	padding-top: 10px;
	padding-bottom: 15px;
	background-color: #dcf2e7;
	padding-left: 15px;
	padding-right: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h4 {
	font-size: 150%;
	color: #FFFFFF;
	line-height: normal;
}
h5 {
	font-size: 170%;
	color: #918E8E;
	line-height: 139%;
}
h6 {
	font-size: 120%;
	line-height: normal;
	color: #0D4430;
	text-align: center;

}
label, .indicates-required {
    color:#FFFFFF;

}

/* ------------------------------------------ */
/* 2.TYPOGRAPHY */
/* ------------------------------------------ */
p, ol, ul, dl, address {
	margin: 15px;
	line-height: 1.3em;
}

ul.regtext{
	margin-left: 65px;
	margin-right: 25px;
	}

#content { /* place font size, family, color and line height here */
	font-size: 17px;
	color: #000;
	line-height: 150%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 'Lato', sans-serif;
	font-weight: normal;
}
	
img.right{
	float: right;
	margin-left: 20px;
	margin-right: 20px;
	
	}
	img.right-top{
	float: right;
	margin-left: 5px;
	margin-right: 5px;
	
	}	
	.text-right{
		text-align: right;
	}
	img.lrt{
	width: auto;
	height: auto;
	margin-left: 15px;
	}
	img.content-img{
	width: 100%;
	}

    img.left{
	float:left;
	margin-right:20px;
	}	
	.pics{
		width:auto;
		float:left;
		margin:10px;
		}
		.quote{
		width:auto;
		float:right;
		margin-left:20px;}
		 
		 
		 #pic{
	     float: right;
	     width: 235px;
}
.quotes{
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	}
#tuition{
	width: 100%;
	margin-left: 0px;
	float: left;
	background-color: #EBEBEB;
	padding-left: 0px;
	padding-top: 12px;
	padding-bottom: 13px;
	padding-right: 0px;
	}	

hr { 
	border: 1px solid #ddd; 
	clear: both; 
	margin: 20px; 
	height: 1px; 
}

address{
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	font-size: 121%;
	margin-top:10px;
	margin-left:0px;
	}
	
	address a,	address a:hover, 	address a:visited {
	text-decoration: underline;
	color: #FFFFFF;
		}
#content li {
	margin-left:35px;
	line-height: 1.5em;
}
 #content p {
	margin-left:25px;
	line-height: 1.5em;
}

/* ------------------------------------------ */
/* 3.LINKS */
/* ------------------------------------------ */
a, 
a:visited {
	outline: none;
	text-decoration: underline;
	color: #00413c;
}

a:hover {
	outline: none;
	color: #005F58;
}

a:active, 
a:focus { 
	outline: none;
	color: #000000;
}






/* ------------------------------------------ */
/* 4.WRAPPERS and CONTAINERS*/	
/* ------------------------------------------ */
#wrapper-header, #wrapper-menu, #wrapper-content, #wrapper-footer, #wrapper-footer-nav, #wrapper-copyright { 
	width: 100%;
	position: relative;
}

#wrapper-header {
	display: block;
	line-height: 0;
	background-color: #FFFFFF;
}

#wrapper-menu {
	background-color: #00413c;
}

#wrapper-content {
}

#wrapper-footer {
	background-color: #00413c;
} 

#wrapper-footer-nav {
	background-color: #00413c;
}

#wrapper-copyright {
	display: inline-block;

}



/* ---------------HEADER AREA --------------- */

#header {
	
	}

#logo-slogan {
	padding: 15px 0px;
	font-size: 50px;  /* change font size here for logo and slogan */
	line-height: 1.1;
	font-family: Georgia, "Garamond BE Regular", "Times New Roman";
	font-variant: small-caps;
}

.logo a{
	color: #1B1B1B;
	font-family: Georgia, "Garamond BE Regular", "Times New Roman";
	text-decoration: none;
	font-size: 81%;
	text-transform: none;
	font-variant: small-caps;
} /* add margin or padding here */



/* Slogan */
.slogan {
	font-size: 40%;
	line-height: 130%;
	}

.slogan{

	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}




/* ------------------------------------------ */
/* 6.CONTENT AREAS */	
/* ------------------------------------------ */
 .left-col{
	
		  }
		  
 #right-col{
	float: right;
		  }
		  
.single-image img{
	margin-top:10px;
	width:100%;
	
	}

#content {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 34px;
	min-height: 100px;
	background-color: #FFFFFF;
	margin-top: 10px;
}

.skype{
	background-color: #00413c;
	text-align: center;
	border-radius: 6px;
	margin-top:25px;
	
}

.payment-center form, .payment-center p{
	text-align:center;
	}
		

#community-pics{
width:auto;
float: left;
padding:10px;
		}

		.community{
			width:auto;
			float: left;
			padding:10px;
			width: 90%;
					}

.gallery{
	padding-left:25px;
	}
/* ==== dates table on life enrichment page ==== */

	
    #dates-table{
	float:left;
	width:90%;
	margin-left:3%;
	margin-bottom:20px;
	}
	
	#dates-table td{
		margin-right:20px;
		padding:5px;
	}
	
	#dates-table tr:nth-child(even) {
    background: #d1f3e1;
    }

	.green{
	color:#006400;

	}
	.blue{
		color:#0842a0;
	}

.calendar1{
	background-color: #E3FDBF;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 10px;
	width: 45%;
	float: left;
	}

.calendar2{
	background-color: #F4FBEA;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 10px;
	width: 40%;
	float: left;
	}
	
.calendar3{
	background-color: #E7EAE1;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 10px;
	}
	
.first-acc{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #FFF090;
	}
.second-acc{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #FFE855;
	}
.third-acc{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #F0C900;
	}


#email {
	background-color: #02615a;
}


#mc_embed_signup{background:#02615a; clear:left; font:14px Helvetica,Arial,sans-serif; width: 300px;}

#email h3{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 'Lato', sans-serif;
	font-size: 28px;
	color: #fff;
	margin-top: 14px;
	font-weight: normal;
	line-height: normal;
}
.workshop{
	background-color: #FFFFFF;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 10px;
	
	}
	
.workshop h5{
	color: #000000;
	font-family: Georgia, "Garamond BE Regular", "Times New Roman";
	font-size: 18px;
	margin-top:10px;
	margin-bottom: 10px;
	}
	
.workshop h6{
	color: #023F41;
	font-family: Georgia, "Garamond BE Regular", "Times New Roman";
	font-size: 12px;
	margin-top:10px;
	margin-bottom: 10px;
	}
	
.workshop p{
	color: #023F41;
	font-family: Georgia, "Garamond BE Regular", "Times New Roman";
	font-size: 14px;
	margin-left:25px;
	margin-right: 25px;

	}
	
	.paymentbtn a:link, .paymentbtn a:visited, .paymentbtn a:active{
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 'Lato', sans-serif;
		background-color: #02615a;
		text-align: center;
		font-size: 20px;
		line-height: 45px;
		width: 100%;
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		margin-top: 10px;
		text-transform: uppercase;
		letter-spacing: 3px;
		}
		.paymentbtn a:hover{
		background-color: #028278;	
		}
.wbutton a:link, .wbutton a:visited, .wbutton a:active{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 'Lato', sans-serif;
	background-color: #02615a;
	text-align: center;
	font-size: 20px;
	line-height: 45px;
	width: 100%;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 3px;
	}
.wbutton a:hover{
	background-color: #028278;	
	}
	
.skypebutton a:link, .skypebutton a:visited, .skypebutton a:active{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 'Lato', sans-serif;
	background-image:url(images/screen-bg.jpg);
	background-position: top center;
	background-size:contain; 
	text-align: center;
	font-size:24px;
	line-height: 1.3em;
	background-repeat: no-repeat;
	width: 90%;
	height:250px;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 20px 25px 0px 25px;
	text-transform:capitalize;
	
	}
.skypebutton a:hover{
	background-color: #fff;	
	}
	
#sliders{
	float: none;
	display: block;
	background-color: #dcf2e7;
	margin-top: 10px;
		}
		
		.float-right{
			width:40%;
			float:right;
			}
		.float-left{
			width:50%;
			float:left;
			}
			
	.retreat{
	padding-top: 10px;
	margin-bottom:20px;
	background-color: #3F3F3F;				
	}
	.retreat p{
	color: #FFFFFF;
	font-size: 100%;
	line-height: 140%;
	text-align: center;
	text-decoration: none;
    }
   .retreat img{
	width:90%;
	}
/* ------------------------------------------ */
/* 7.FOOTER AREA, UTILITY NAV, AND COPYRIGHT */	
/* ------------------------------------------ */






/* footer-menu for bottom Nav */
ul#footer-menu {
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
ul#footer-menu li {
	display: inline-block; /* remove and add float if you want the text left justified */
	font-size: 12px;
	line-height: 18px;
	padding: 5px 10px;
}
ul#footer-menu a {
	color: #fff;
	text-decoration: none; 
}
ul#footer-menu a:hover {
	text-decoration: underline; 
}


/* YP Copyright */
div#copyright {
	font-size: 11px;
	line-height: 14px;
	color: #fff;
}

div#copyright a {
	color: #fff;
}

div#copyright a:hover {
	color: #ccc;
}



/* ------------------------------------------ */
/* 8.MAIN NAVIGATION/MENU FOR DESKTOP */
/* ------------------------------------------ */

/* hide mobile elements in "desktop" view */
#m-menu { display:none; }
#navTab {display:none;}

/* Main Navigation */
#menu {

	position: relative;
	z-index: 400;
}

ul#nav {
	margin: 0;
	padding: 0;
	width: auto;
}

	/* Start First Level Nav Items */
	ul#nav li {
		float: left;
		padding: 0;
		list-style: none;
		list-style-image: none;
	}
	
	ul#nav li.last { }
	ul#nav li.first { }
	ul#nav li a {
	font-family: 'Lato', sans-serif;
	font-size: 92%;
	text-decoration: none;
	line-height: 50px;
	display: block;
	text-align: left;
	padding: 0px 10px;
	text-transform: none;
	color: #fff;
	transition: .3s;
	}
	
	ul#nav li.current a {
	background-color: #138569;
	}
	
	ul#nav li a:hover {
	background-color: #138569;
	}
	
	ul#nav li.first a {}
	
	ul#nav li.last a {}
	
	/* End First Level Nav Items */		
	
		/* Start Second Level Nav Items */
		ul#nav li ul { /* second-level lists */
			position: absolute;
			left: -999em; /* using left instead of display to hide menus because display: none isnt read by screen readers */
			margin: 0px;
			padding: 0px;
			background-color: #138569;
			
		}
		
		ul#nav li ul li {
			float:left;
			clear:left;	
			}
		
		ul#nav li ul li a, 
		ul#nav li.current ul li a { /* second level dropdown buttons */
			width: 200px;
			border-bottom: 1px solid #ccc;
			background-color: #138569;
			text-transform: none;
			color: #fff;
			font-size: 12px;
			line-height: 16px;
			padding: 7px 10px;
		}
		
		ul#nav li ul li a:hover, 
		ul#nav li.current ul li a:hover,
		ul#nav li ul li.current a { /* second level dropdown button hover state */	
			background: #00413c;
			color: #fff;
		}
		
		/* first and lasts in drop down */
		ul#nav li ul li.first a, 
		ul#nav li.current ul li.first a { }
		ul#nav li ul li.last a, 
		ul#nav li.current ul li.last a { }
		
		/* End Second Level Nav Items */
		
			/* Start Third Level Nav Items */
			ul#nav li ul li ul {
			  margin: -31px 0 0 220px;
			  background-color: #aaa;
			}
			
			ul#nav li ul li ul li a, 
			ul#nav li.current ul li ul li a { /* third level dropdown buttons */
				
			}
			
			ul#nav li ul li ul li a:hover, 
			ul#nav li.current ul li ul li a:hover { /* third level dropdown button hover state */						
				
			}
			
			/* first and lasts in drop down */
			ul#nav li ul li ul li.first a, 
			ul#nav li.current ul li ul li a { }
			ul#nav li ul li ul li.last a, 
			ul#nav li.current ul li ul li a { }
			
			/* End Third Level Nav Items */
			
				ul#nav li:hover ul li ul,
				ul#nav li:hover ul li ul li ul,
				ul#nav li.sfhover ul li ul,
				ul#nav li.sfhover ul li ul li ul {
					left: -999em;
				}
				 
				ul#nav li:hover ul,
				ul#nav li ul li:hover ul,
				ul#nav li ul li ul li:hover ul,
				ul#nav li.sfhover ul,
				ul#nav li ul li.sfhover ul,
				ul#nav li ul li ul li.sfhover ul { /* lists nested under hovered list items */
					left: auto;
				}

			
/* ------------------------------------------ */				
/* 9.MAIN NAVIGATION/MENU FOR MOBILE DIVICES */	
/* ------------------------------------------ */			
@media only screen and (max-width: 767px) {				
  /* hide desktop elements in "mobile" view */
  #menu { display:none; }  
  #wrapper-menu { display:none;}
  

  a#navTab { /* mobile menu open button */
	display: block;
	width: 100%;
	height: 30px;
	cursor: pointer;
	margin: 6px auto;
	z-index: 800;
	background-image: url("gfx/icon-menu.png");
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 900;
  }	
		
  a#navTab:hover { } 
  a#navTab.active {
	background-position: bottom center;
  }
  
  #m-wrapper-menu {  
	display: inline-block;
	width: 100%;
	text-align: center;
	background: #413f3d; /* Old browsers */
	background: -moz-linear-gradient(top,  #413f3d 0%, #252322 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#413f3d), color-stop(98%,#252322)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #413f3d 0%,#252322 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #413f3d 0%,#252322 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #413f3d 0%,#252322 98%); /* IE10+ */
	background: linear-gradient(to bottom,  #413f3d 0%,#252322 98%); /* W3C */

	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6);
  }	
  
  #m-menu {
	height: auto;
	overflow: visible;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 800;
	display: block;
	margin: 0 auto;
	line-height:0;
  }	
  
  #m-menu-content {
	display: none; /* hides the menu by default */
  }	
		
  #m-menu ul#nav {
	margin: 0;
	padding: 0;
	width: auto;
	background: #666;
	box-shadow: 0px 2px 4px rgba(000,000,000,0.5);
	-webkit-box-shadow: 0px 2px 4px rgba(000,000,000,0.5);
  }
  
  
  /* Start First Level Nav Items */
  #m-menu ul#nav li {
	float: none;
	padding: 0;
	list-style: none;
	list-style-image: none;	
  }
  
  #m-menu ul#nav li.last {
	border-left: 0px;
	border-right: 0px;
  }
  
  #m-menu ul#nav li.first {
	border-left: 0px;
	border-right: 0px;
  }	
  
  #m-menu ul#nav li a {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	display: block;
	text-align: left;
	padding: 12px 15px;
	text-transform: uppercase;
	border-bottom: 1px solid #b7b7b7;
	border-left: 0px;
	border-right: 0px;
  }	
  
  #m-menu ul#nav li.current a {
	
  }
  #m-menu ul#nav li a:hover {
	
  }
  /* End First Level Nav Items */		
  
  /* Start Second First Level Nav Items */
  #m-menu ul#nav li ul { /* second-level lists */
	position: relative;
	display: block;
	width: 100%;			
	margin: 0px;
	padding: 0px;
	left: 0px;
  }
  
  #m-menu ul#nav li ul li a, 
  #m-menu ul#nav li.current ul li a { /* second level dropdown buttons */
	width: auto;
/*	background: #ccc;
	color: #000; */
	padding: 10px 15px 10px 30px;
	text-transform: none;
  }
  
  #m-menu ul#nav li ul li a:hover, 
  #m-menu ul#nav li.current ul li a:hover,
  #m-menu ul#nav li ul li a:active, 
  #m-menu ul#nav li.current ul li a:active,
  #m-menu ul#nav li ul li.current a { /* second level dropdown button hover and active states */
	
  }
  /* End Second First Level Nav Items */	
  
  /* Hide Third Level Nav Items */	
  #m-menu ul#nav li ul li ul { /* third-and-above-level lists */
  display:none;
  }
  #m-menu ul#nav li:hover ul li ul, 
  #m-menu ul#nav li:hover ul li ul li ul, 
  #m-menu ul#nav li.sfhover ul li ul, 
  #m-menu #nav li.sfhover ul li ul li ul {
	display:none;
	left: 0px;
  }
  
  #m-menu ul#nav li:hover ul, 
  /*#m-menu ul#nav li ul li:hover ul, 
  #m-menu ul#nav li ul li ul li:hover ul,*/ 
  #m-menu ul#nav li.sfhover ul, 
  #m-menu ul#nav li ul li.sfhover ul /*, 
  #m-menu ul#nav li ul li ul li.sfhover ul */{ /* lists nested under hovered list items */
	display:block;
  }
  /* End Mobile Nav Media Query */
}


	

	
  

/* ------------------------------------------ */ 
/* 11.WIDGET BUTTONS, BACK TO TOP, and Site Map */
/* ------------------------------------------ */



	
/* Back to Top */

#back-top a {
	width: 42px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover {
	color: #000;
}

/* Arrow Icon (span tag) */
#back-top span {
	width: 42px;
	height: 46px;
	display: block;
	margin-bottom: 7px;
	background: #333 url("gfx/back-to-top.png") no-repeat center center;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover span {
background: #999 url("gfx/back-to-top.png") no-repeat center center;
}	

/* Site Map */



/* ------------------------------------------ */
/* 12. MEDIA QUERIES */
/* ------------------------------------------ */


 @media only screen and (max-width: 1280px) {
	 
	#content {
	font-size: 14px;
	}
	 
	#logo-slogan {
	font-size: 45px;
	}
	
	ul#nav li a {
	font-size: 75%;
	}

	h4 {
	font-size: 120%;
	color: #FFFFFF;
	line-height: normal;
}
.paymentbtn a:link, .paymentbtn a:visited, .paymentbtn a:active{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 'Lato', sans-serif;
	background-color: #02615a;
	text-align: center;
	font-size: 14px;
	line-height: 33px;
	width: 95%;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	text-transform: uppercase;
	letter-spacing: 3px;
	}
	.skypebutton a:link, .skypebutton a:visited, .skypebutton a:active{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 'Lato', sans-serif;
	background-image:url(images/screen-bg.jpg);
	background-position: center center;
	background-size:contain; 
	text-align: center;
	font-size: 16px;
	background-repeat: no-repeat;
	width: 90%;
	height:250px;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 105px 25px 0 25px;
	text-transform:capitalize;
	
	}	

 }
 
 
/* Mobile Divices Smaller Than Standard 960 */
@media only screen and (max-width: 959px) {
	
	#logo-slogan {
	font-size: 40px;
	}

	h4 {
	font-size: 110%;
	color: #FFFFFF;
	line-height: normal;
	}

	.wbutton a:link, .wbutton a:visited, .wbutton a:active{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 'Lato', sans-serif;
	background-color: #02615a;
	text-align: center;
	font-size: 14px;
	line-height: 33px;
	width: 100%;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	text-transform: uppercase;
	letter-spacing: 3px;
	}

	.paymentbtn a:link, .paymentbtn a:visited, .paymentbtn a:active{
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 'Lato', sans-serif;
		background-color: #02615a;
		text-align: center;
		font-size: 14px;
		line-height: 33px;
		width: 95%;
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		margin-top: 10px;
		margin-right: 0px;
		text-transform: uppercase;
		letter-spacing: 3px;
		}
	
	.workshop h5{
	color: #000000;
	font-family: Georgia, "Garamond BE Regular", "Times New Roman";
	font-size: 15px;
	line-height: 23px;	
	}
			
	ul#nav li a {
	font-size: 70%;
	}	

	#tuition{
		width: 100%;
		margin-left: 0px;
		float: left;
		background-color: #EBEBEB;
		padding-left: 0px;
		padding-top: 12px;
		padding-bottom: 15px;
		padding-right: 0px;
		}	

	
}


/* Smartphones Landscape and Other Mobile Divices Smaller Than 768px */
@media only screen and (max-width: 767px) {
	
	/* reduced H1 - H6 for mobile */
	h1 { 
	font-size: 180%; 
	}
	h2 { 	
	font-size: 150%; 
	}
	h3 {	
	font-size: 120%; 
	}
	h4 { 	
	font-size: 180%; 
	}
	h5 { 
	font-size: 160%;  
	}
	h6 { 
	font-size: 140%;  
	}
	
	img.lrt{
	width:90%;
	height:auto;
	}
	
	#m-phone-cta {
	display:block;
	}
	
	
  /* HEADER AREA 1 */
	#logo-slogan {
	text-align: center;
	padding: 10px 0;	
	font-size: 35px;
	}
	  
	.calendar1{
	width: 90%;
	}

	.calendar2{
	width: 90%;
	} 
	 
	.skypebutton a:link, .skypebutton a:visited, .skypebutton a:active{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 'Lato', sans-serif;
	background-image:url(images/screen-bg.jpg);
	background-position: center center;
	background-size:contain; 
	text-align: center;
	font-size: 22px;
	line-height: 22px;
	background-repeat: no-repeat;
	width: 90%;
	height:250px;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 40px 35px 0 35px;
	text-transform:capitalize;
	
	}
	  
	  /* Center Utility Nav on Mobile */
	  ul#mirror-menu-module {
		  text-align: center;
	  }


}

/* Smartphones Portrait */
@media only screen and (max-width: 479px) { 
 	#siteMainDynLogo /* this is for the mobile logo image */ {
		max-width:280px;
		height:auto;		
	}
	img.lrt{
	max-width:280px;
	height:auto;
	}
	img.right{
	max-width:280px;
	height:auto;
	float: none;
	margin-left: 10px;
	margin-right: 10px;
	
	}
	#tuition{
	width: 93%;
	margin-left: 0px;
	float: left;
	background-color: #EBEBEB;
	padding-left: 0px;
	padding-top: 12px;
	padding-bottom: 13px;
	padding-right: 0px;
	}

	.skypebutton a:link, .skypebutton a:visited, .skypebutton a:active{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 'Lato', sans-serif;
	background-image:url(images/screen-bg.jpg);
	background-position: center center;
	background-size:contain; 
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	background-repeat: no-repeat;
	width: 85%;
	height:210px;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 65px 25px 0 20px;
	text-transform:capitalize;
	
	}
	.wbutton a:link, .wbutton a:visited, .wbutton a:active{
	
		font-size: 14px;
		line-height: 45px;
		width: 99%;
	
		}

		.paymentbtn a:link, .paymentbtn a:visited, .paymentbtn a:active{
			font-size: 14px;
			line-height: 45px;
			width: 99%;
			}

}