/* GLOBAL STYLES */

html {
	background-color:#064aa2;
	font-family:arial;
}

body {
	background-color:#fff;
	color:000;
	width:80%;
	margin:auto;
}

.logo  {
    float: left;
    margin:1%;
    z-index: 1000;
}


header {
    background-color:#fff;
    border-bottom:5px dotted #4084b4;
    padding: 1% 0 0 0;
	clear: both;
}

header h1 {
    color:#064aa2;
	font-family: arial, sanserif;
	font-size: 2em;
	text-align:center;
	padding: 30px 8px 0 8px;
	min-height: 80px;
}

pre {
    font-family:arial;
}

table {
    margin:5px;
    background-color:#000;
}

table h2 {
    text-align:center;
}

table h3 {
    text-align:center;
    border-color:#5c5c8a;
    border-style:dashed;
}

table.menu {
	border-collapse:collapse;
	}

table.menu td {
	border:5px solid black;
	}
	
table.menu td img {
	width:90%;
}

  /* START Nav styles */
nav {
    padding-bottom:.5%;
    text-align: center;
    }
	
.main {
  position: relative;
  margin: 10px 0;
  background: #fff;
  
}
.main ul {
  margin: 0;
  padding: 0;
}

.main li {
  margin: 0 5px 10px 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.main a {
		padding: 3px 12px;
		text-decoration: none;
		color: #4084B4;
		line-height: 100%;
	}
	.main a:hover {
		color: #064aa2;
	}
	.main .active a {
		background: #4084B4;
		color: #fff;
		border-radius: 5px;
	}
	
	/* right nav */
	.main.right ul {
		text-align: right;
	}

	/* center nav */
	.main.center ul {
	text-align: center;
	}
	/* END Nav styles */

	p {
		margin:20px;
	}

	h1,h2,h3,h4,h5,h6 {
		margin:5px 20px;
	}
	
	h2 {
	    color:#064aa2;
	}
	
	h3 {
	    color:#632160;
	}
	
	a {
	    color:#4084B4;
	}
	
	a:hover {
	    color:#064AA2;
	}
	
    div.recaptcha {
        margin:0 0 0 5%;     
    }
	/* START responsive styles for youtube, calendar and map */
	div.embed-container { 
		position: relative; 
		padding-bottom: 56.25%; 
		height: 100%; 
		overflow: hidden; 
		max-width: 100%; 
		}
	 
	div.embed-container iframe { 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 95%; 
		height: 100%; 
		margin: 5px;
	}
	/* END responsive styles for youtube, calendar and map */


	article {
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
		
		-webkit-column-gap:2em;
		-moz-column-gap:2em;
		column-gap:2em;
	}
	
	article.therapist {
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
	}
	
	figure {
		width:33%;
		float:left;
		margin:0;
		margin-top:8px;
		text-align:center;
	}

	figure img {
		width:100%;
	}

	section {
		float:left;
		width:64%;
	    margin:1%;
	    padding-top:2%;
		}
		
	aside {
	    background-color:#4084B4;
	    color:#fff;
	    border-right:1px solid #ccc;
		-webkit-border-radius:20px;
	    -moz-border-radius:20px;
	    border-radius:20px;
		float:right;
		width:30%;
		margin:3% 1%;
		padding-top:1%;
		}
		
	aside a {
	    color:#064AA2;
	}		
		
	aside a:hover {
	    color:#632160;
	}	
		
	aside img {
	    width: 80%;
	    margin: 15px 10% 0 10%;
	}	
	
	aside p {
	    margin: 0 20px 15px 20px;
	    padding: 0;
	    border: 0;
	}
	
	aside h3 {
	    color: #fff;
	    margin: 5px 20px 10px 20px;
	}
	
	aside h4 {
	    margin: 0 20px;
	    padding: 0;
	    border: 0;
	    color: #b5c9e4;
	}
		
	aside.button {
	    background-color:#632160;
	    color:#000;
	    max-width:20%;
	    margin:3% 40%;
	    padding: 2% 0;
	}
		
	.button a h3 {
	    text-align:center;
	    color:#fff;
	}	
	
	.button a:hover h3 {
		color: #f0abed;
	}
	
	p small {
	    margin: 0 0 15px 0px;
	    padding: 0;
	    border: 0;
	    color: #064AA2;
	}
	
	
	footer {
		clear:both;
		text-align:center;
		background-color:#4084b4;
	    color:#fff;
	    padding-top:1px;
	    padding-bottom:10px;
	    margin-bottom:5%;
	}
	
	footer a {
	    color:#ccc;
	}

/* BEGIN RESPONSIVE STYLES */

/* DESKTOP - use if needed */
@media all and (min-width:1280px) {
 body {
	}
}

/* TABLET - use if needed */
@media all and (min-width:481px) and (max-width:1279px) {
  body {
	width:90%;
	}
	
}

/* PHONE */
@media all and (max-width: 480px) {

	body {
		border-radius:0;
		}
		
	img.logo {
	    display: none;
	}

	section, aside, body{
		float:none;
		width:100%;
	}
	
	article {
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
	}
	
	figure {
		width:100%;
		float:none;
	}
	
	aside {
		min-height:50px;
		border-left:none;
		max-width:98%;
		padding-bottom:5px;
		}
		
	aside small {
	    color: #064AA2;
	}	
		
	aside.button {
	    max-width:40%;
	    margin:3% 30%;
	}
	
	.main {
		position: relative;
		min-height: 40px;
		z-index: 1000;
		margin: 0 29%;
	}
	
	.main ul {
		width: 180px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url(../images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	
	.main li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	
	.main .active {
		display: block; /* show only current <li> item */
	}
	
	.main a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	
	.main .active a {
		background: none;
		color: #064aa2;
	}

	/* on nav hover */
	.main ul:hover {
		background-image: none;
	}
	
	.main ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	
	.main ul:hover .active {
		background: url(../images/icon-check.png) no-repeat 10px 7px;
	}

	/* right nav */
	.main.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.main.center ul {
		left: 50%;
		margin-left: -90px;
	}
	
}