body { 
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.onwhite {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #006699; text-decoration: none}
.white12bold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none}
.verdana12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
}
.onwhite16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #C04C9D;
}
.white16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
.onwhitered {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ED2846; text-decoration: none}

.onwhitegreen {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #49763D; text-decoration: none}

.onwhiteochre {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #E79434; text-decoration: none}

.onwhitelblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00AFEE;
	text-decoration: none
}

.onwhitebrown {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #AD7431; text-decoration: none}

.onwhitepurple {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #C14C9B; text-decoration: none}


.verdana11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

.doublespacing li {
	margin-bottom: 1em;
}


.center {
	text-align: center;
}

.left {
	text-align: left;
}

.viewpage .title{

}

.viewpage .sub-title{
	margin-top: 0;
}

.viewpage .view {
	width: 600px;
	height: 300px;
	background-size: 600px 300px;
	background-repeat: no-repeat;
	display: table;
	margin-bottom: 20px;
}

.viewpage .view.primary{
	background: url("Images/Rectangle_Purple.jpg");
}

.viewpage .view.second{
	background: url("Images/Rectangle_Turq.jpg");
}

.viewpage .view.third{
	background: url("Images/Rectangle_Green.jpg");
}

.viewpage .view .inner {
	background-color: #666666;
	float: right;
	width: 250px;
	height: 250px;
	margin-right: 26px;
	margin-top: 25px;
	margin-bottom: 25px;
	display: table;
	vertical-align: middle;
	cursor: pointer;
}

.viewpage .view .inner:hover {
	background-color: #777;
}

.viewpage .view .inner p{
	display: table-cell;
	vertical-align: middle;
}

.viewpage a {
	color: white;
}

.viewpage .view .inner p a {
	color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
    font-size: 1.5em;
}

.view-container .view{ 
 	margin: 0 auto;
 	width: 600px;
 	margin-bottom: 20px;
 }

.viewpage .view div.centered {
	text-align: center;
	color: white;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
	display: table-cell;
    vertical-align: middle;
}

.viewpage .square {
	width: 250px;
	height: 250px;
}

.viewpage .row .square {
	float: left;
	display: table;
	background-size: 250px 250px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.viewpage .row .square.blue{
	background: url("Images/Square_Blue.jpg");
}

.viewpage .row .square.brown{
	background: url("Images/Square_Brown.jpg");
}

.viewpage .row .square.green{
	background: url("Images/Square_Green.jpg");
}

.viewpage .row .square.orange{
	background: url("Images/Square_Orange.jpg");
}

.viewpage .row .square.purple{
	background: url("Images/Square_Purple.jpg");
}

.viewpage .row .square.turq{
	background: url("Images/Square_Turq.jpg");
}

.viewpage .row .square:nth-child(2){
	margin-left: 20px;
}

.viewpage .row {
	width: 520px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.viewpage .row .square h3 {
	color: white;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}

.clearfix{
	clear: both;
}

img.promo-video {
	vertical-align: middle;
	margin-left: 10px;
}

a, a:hover {
	text-decoration: none;
}


.class-filter-menu a.youth {
  border: 1px solid #E79434;
  padding: 3px;
}

.class-filter-menu a.general {
  background-color:	#dcdcdc;
  padding: 3px;
}

p.youth {
	border: 1px solid #E79434;
	padding: 5px;
}

p.general {
	background-color:	#dcdcdc;
	padding: 5px;
}

p.specialty {

}

.square p a {
	text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
    font-size: 1.5em;
}

img.promo-video {
	vertical-align: middle;
}