@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

html { 
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

html, button, input, select, textarea { 
font-family: Verdana; 
color: #222; 
}

body { 
margin-left:0; 
font-size: 1em; 
line-height: 1.4;
}
ul, ol { margin: 1em 0; padding: 0 0 0 20px; }
li {margin-bottom:0.5em; list-style:square; }
dd { margin: 0 0 0 20px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
p {
margin-left:0.67em;	
}
.contrast-text {
color:#0c8ad2;
font-weight:bold;
padding-bottom:1.0em;
padding-left:12px;
}
.texter {
margin-top:20px;	
}
.grey-bold {
font-weight:bold;
font-size:1.3em;
color:#707070;
}
.quotes {
color:#969696;
font-weight:700;
font-style:italic;
}
a { color: #0c8ad2;
text-decoration:none;
font-weight:bold; }
a:visited { color: #0c8ad2; }
a:hover { color: #993399; }
a:focus { outline: thin dotted; }
.top{
float:right;
margin-right:-45px;
}
.search{
margin-bottom:20px;
}

/* Mobile Layout: */

@media only screen and (min-width:350px){

.gridContainer {
margin-left: auto;
margin-right: auto;
width: 80%;
padding-left:2%;
padding-right:2%;
clear: none;
float: none;
}  
#banner {border-bottom-color: #1abc9c;border-bottom-style: solid;border-bottom-width:3px;}
#logo {text-align:center;}
#logo img {width:25%;margin-top:10px;}
#sitetitle {width:100%;text-align:center;margin-left:auto;margin-right:auto;clear:both;}
#sitetitle img{width:60%;height:60%;}
#call{width:100%;text-align:center;margin-left:0;clear:both;}
#call img{width:60%;height:60%;}
h1 {
display:block;
font-size: 1.3em;
text-align:left;;
margin-top: -30px;
margin-bottom: 0.67em;
font-weight: bold;
color:#993399;	
}
h2,h4 {
display: block;
font-size: 1.1em;
text-align:left;
margin-left:0.67em;
margin-top: 0.83em;
margin-bottom: 0.83em;
font-weight: bold;
color:#993399;	
}
#maintext {
margin-top:25px;
}
.topimage {
margin:auto;
width:100%;
meta property="og:image";
text-align:center;
display:block;
}
.topimage-accordion {
margin:auto;
width:100%;
meta property="og:image";
text-align:center;
display:block;
}
.single-embed{
margin-right:auto;
margin-left:auto;
text-align:center;
display:block;
}
div.counsellor{
display:block;
text-align:center;
position:relative;
margin-left:auto;
margin-right:auto;
}
.responsive-container {
position: relative; 
padding-bottom: 56.25%; 
height: 0; overflow: hidden; 
max-width: 100%;
}
.responsive-container iframe, .responsive-container object, .responsive-container embed {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
div.accordion-wrapper {

}
table {
width: 100%;
border-collapse:
collapse; border-spacing: 0;
}
td, th {
border: 1px solid transparent; /* No more visible border */
height: 40px;
transition: all 0.3s;  /* Simple transition for hover effect */
}
td {
background: #FAFAFA;
vertical-align:middle;
}

/* Cells in even rows (2,4,6...) are one color */
tr:nth-child(even) td { background: #F1F1F1; }  

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */
tr:nth-child(odd) td { background: #FEFEFE; } 

tr td:hover { background: #666; color: #FFF; } /* Hover cell effect! */
#embeds {
display:none;
}
#social {
backround-color:#f8f8f8;
}
#form {
width:100%;
margin:auto;
text-align:center;	
}
#facebook {
width:100%;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
background-color:#f8f8f8;
}
twitter {
clear: none;
margin-top:20px;
text-align:center;
background-color:#f8f8f8;
}
#twitter{
display:none;
}
#livefeed {
clear: none;
margin-top:20px;
text-align:center;
}
#follow {
text-align:center;
margin-left:auto;
margin-right:auto;
display:block;
margin-top:20px;
background-color:#F8F8F8;
}
#follow img {
width:8%;
display:inline-block !important;
text-align:center;
margin-left:auto;
margin-right:auto;
white-space:nowrap;
}
#bottommenu {
margin-left: auto;
margin-right: auto;
float:none;
padding-top:20px;
text-align:center;
font-size:0.80em;
color:#707070;
padding-bottom:10px;
border-bottom-color:#1abc9c;
border-bottom-style:solid;
border-width:3px;
}
#bottommenu li{
list-style:none;
margin-bottom:0;
text-align:center;
}	
#bottommenu a:link {
color: #BDB6B6;
text-decoration: none;
padding-right:5px;
padding-left:5px;
}
#bottommenu a:visited {
color: #BDB6B6;
text-decoration: none;
}
#bottommenu a:hover {
color: #993399;
text-decoration: none;	
}
div.search {
padding-left:30px;	
}
#footer{
padding-bottom:20px;	
}	
}
/* Tablet Layout: */

@media only screen and (min-width:650px){
.gridContainer {
width: 80%;
padding-left:2%;
padding-right:2%;
clear: none;
float: none;
}
#banner{max-height:200px;padding-bottom:12px; }
#logo {width:10%;}
#logo img {width:95%;float:left;margin-left:5px;}
#sitetitle {width:45%;clear:none;}
#sitetitle img{width:80%;margin-top:15px;}
#call{width:45%;clear:none;float:right;}
#call img{width:95%;float:right;margin-top:15px;margin-right:5px;}
#maintext {
background-image:url(images/bg.jpg);
background-repeat:repeat;	
}
.topimage {
margin:auto;
width:100%;
text-align:center;
display:block;
}
.topimage-accordion {
margin:auto;
width:100%;
text-align:center;
display:block;
}
h1 {
display: block;
text-align:left;
font-size
margin-top
margin-bottom: 0.67em;
font-weight: bold;
color:#993399;	
}
h2,h4 {
display: block;
font-size: 1.5em;
text-align:left;
margin-left:0.67em;
margin-top: 0.83em;
margin-bottom: 0.83em;
font-weight: bold;
color:#993399;	
}
div.counsellor{
float:left;
margin-left:0px;
margin-right:10px;
}
#social{
background-color:#F8F8F8;		
}
#follow {
text-align:center;
margin-left:auto;
margin-right:auto;
display:block;
margin-top:20px;
background-color:#F8F8F8;
}
#follow img {
width:8%;
display:inline-block !important;
text-align:center;
margin-left:auto;
margin-right:auto;
white-space:nowrap;
}
}

/* Desktop Layout: */

@media screen and (min-width:900px){
.gridContainer {
width:80%;
padding-left:2%;
padding-right:2%;
}
#banner{max-height:200px;padding-bottom:12px;}
#logo {width:10%;}
#logo img{width:70%;float:left; margin-left:20px; }
#sitetitle {width:45%;clear:none;}
#sitetitle img{width:70%;height:50%;margin-top:10px;float:left;}
#call{width:45%;clear:none;float:right;}
#call img{width:80%;float:right;margin-top:10px;margin-right:20px;}
#maintext {
background-image:url(images/bg.jpg);
background-repeat:repeat;
margin-top:0px;
}
.topimage {
float:right;
width:40%;
clear:right;
margin-left:20px;
margin-bottom:20px;
margin-top:10px;
}
.topimage-accordion {
float:right;
width:40%;
clear:right;
margin-left:20px;
margin-bottom:20px;
}
h1 {
display: block;
text-align:left;
font-size: 1.3em;
margin-left:0.67em;
margin-top: 0.67em;
margin-bottom: 0.67em;
font-weight: bold;
color:#993399;	
}
h2,h4 {
display: block;
font-size: 1.5em;
text-align:left;
margin-left:0.67em;
margin-top: 0.83em;
margin-bottom: 0.83em;
font-weight: bold;
color:#993399;	
}
div.accordion-wrapper {
width:50%;
float:left;
clear:left;
margin-top:-1px;
}
#embeds {
display:inline-block;
padding-top:20px;
padding-bottom:20px;
}
div.embeds-left {
width:46%;
display:inline-block;
clear:left;	
}
div.embeds-right {
width:46%;
display:inline-block;
margin-left:4%;
margin-right:0;
float:right;
clear:none;	
}
div.counsellor{
display:block;
float:left;
clear:left;
margin-left:0px;
margin-right:10px;
}
#facebook {
float:left;
clear:left;
width:48%;
display:inline-block;
background-color:#F8F8F8;
}
#twitter {
display:none;	
}
#livefeed {
float:right;
width:48%;
margin-left:4%;
margin-top:22px;
margin-bottom:20px;
}
#follow {
float:right;
width:48%;
text-align:center;
background-color:#F8F8F8;
}
#follow img {
width:8%;
display:inline-block !important;
text-align:center;
white-space:nowrap;
}
}
@media screen and (min-width:1280px){
.gridContainer {
width:80%;
padding-left:2%;
padding-right:2%;
}
h1 {
text-align:left;
font-size: 2em;
margin-left:0.67em;
margin-top: 0.67em;
margin-bottom: 0.67em;
font-weight: bold;
color:#993399;	
}
#banner{max-height:150px;}
#logo {width:10%;}
#logo img{width:80%;float:left; margin-left:20px; }
#sitetitle {width:45%;clear:none;}
#sitetitle img{width:70%;margin-top:17px;float:left;}
#call{width:45%;clear:none;float:right;}
#call img{width:75%;float:right;margin-top:20px;margin-right:20px}
#social{
background-color:#F8F8F8;
}
.topimage {
float:right;
width:40%;
clear:right;
margin-left:20px;
margin-bottom:20px;
}
#maintext{
margin-top:20px;	
}
div.accordion-wrapper {
float:left;
clear:left;
display:block;
}
div.accordion-wrapper-privacy {
width:100%;
margin:auto;
display:block;
}
#form {
margin-top:18px;
float:left;
width:100%;
background-color:#F8F8F8;
}
#facebook {
float-left;
width:50%;
display:inline-block;
background-color:#F8F8F8;
}
#twitter {
display:block;
float:right;
width:45%;
margin-left:5%;
margin-top:22px;
background-color:#F8F8F8;	
}
#follow {
float:right;
width:45%;

text-align:center;
background-color:#F8F8F8;
}
#follow img {
width:8%;
display:inline-block !important;
text-align:center;
white-space:nowrap;
}
}
@media only screen and (min-width: 1300px){
.gridContainer {
width:90%;
padding-left:3%;
padding-right:3%;
}
h1 {
display:block;
font-size: 2em;
text-align:left;
margin-top:0.67em;
margin-bottom: 0.67em;
font-weight: bold;
color:#993399;	
}
#banner{max-height:150px;}
#logo {width:10%;}
#logo img{width:60%;float:left; margin-left:20px;margin-top:16px;}
#sitetitle {width:45%;clear:none;}
#sitetitle img{width:55%;margin-left:30px;margin-top:22px;float:left;}
#call{width:45%;clear:none;float:right;}
#call img{width:60%;float:right;margin-top:24px;margin-right:30px;}
.topimage {
float:right;
width:40%;
clear:right;;
margin-left:20px;
margin-bottom:20px;
}
.single-embed{
float:right;
width:40%;
clear:right;;
margin-left:20px;
margin-bottom:20px;
margin-top:5px;		
}
#social {
padding-bottom:20px;
background-color:#f8f8f8;
}
#form {
margin-top:18px;
float:left;
clear:left;
width:55%;
display:block;
}
div.accordion-wrapper {
float:left;
clear:left;
width:55%;
margin-top:-1px;
display:block;
}
#facebook {
float:right;
clear:right;
width:40%;
margin-left:5%;
vertical-align:top;
display:block;
background-color:#F8F8F8;
}
#twitter {
display:block;
float:right;
width:40%;
margin-left:5%;
margin-bottom:2px;
background-color:#F8F8F8;
}
#livefeed{
float:right;
margin-right:-150px;
margin-bottom:2px;
}
#follow {
float:right;
clear:right;
width:40%;
text-align:center;
background-color:#F8F8F8;
}
#follow img {
width:8%;
display:inline-block !important;
text-align:center;
white-space:nowrap;
}
}