body {
	font: 100% Helvetica, sans-serif;
	line-height: 1.3em;
	margin: auto;
	max-width: 1500px; 
	padding: 0;
	color: #423625; 
	background: black;
  }

img {max-width: 100%; }
h1 {font-size:36px; padding: .6em 0; line-height: 1.6em; color:black;}
h2 {font-size:24px; padding: 0 0 .2em 0; line-height: 1.6em}
h3 {font-size:100%; padding: .8em 0 .3em 0; line-height:1.3em;}
h4 {font-size:100%; padding: .8em 0 .3em 0; line-height:1.3em; font-weight:bold;}

h3 a {text-decoration: none;}

.cf:before,
.cf:after {
    content: " "; 
    display: table; 
}

.cf:after {
    clear: both;
}


/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


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

#headerWrapper { 
	margin: 0 auto;
	text-align:left;
	color:#000;
	    padding-right: 10px;
    padding-left: 0px;
	
}
	
#header {
	position:relative;
	    background: black;
	}

#header h1 {
	  font-size: 34px;
    margin-top: -24px;
    margin-bottom: -16px;
    float: left;
    color: white;
    font-weight:600;
}

#header h2 {
	  font-size: 22px;
    margin-top: -10px;
    float: left;
    color: white;
}

#headtitle {
	float:left;
	margin-left:30px;
	/* height: 128px; */
	
}

#header img {
	margin-right: 15px;
	margin-top: 10px;
	max-width:20%;
}


.slidearea {overflow:hidden;}

#menu {
	margin-top: 40px;
	float:right;
	
}



/* ----- MAIN WRAPPER & MAINCONTENT STYLES ----- */

#mainWrapper { 
	/* border-bottom: 1px solid #ddd; */
}

#mainWrapper p {margin: .8em 0; line-height: 1.4em;}


#mainContent {
  border-radius: 10px;
	padding-top: 2em;
  background-position: left top;
  background-repeat: no-repeat;
  background-position: center;
	height: 775px;
	box-shadow: 0 0 15px 15px white inset; 
	background: white;
	margin-left: 4px;
	margin-right: 4px;
}

#mainContent.home_bkgnd { background-image: url(http://www.silencefears.com/img/seattle.jpg);background-repeat: no-repeat;}
#mainContent.programs_bkgnd { background-image: url(http://www.silencefears.com/img/beach4.jpg);background-repeat: no-repeat;} 
#mainContent.blog_bkgnd { background-image: url(http://www.silencefears.com/img/rocks.jpg);background-repeat: no-repeat;} 

#programs img {
	  float: left;
    max-width: 28%;
    padding-right: 10px;
    margin-top: 7px;
    margin-left:5px;
    border-radius: 23px;
}

#programs {
    font-size: 20px;
    float: left;
    margin-left: 30px;
    margin-right: 28px;
    color: black;
    line-height: 1.2;
    text-align: left;	
    text-shadow: 1px 1px lightslategrey; 
}

#programs h2 {
	font-weight: 900;
}


#programs ul {
	margin-left: 40px;
}

#home {
    font-size: 20px;
    font-weight: 900;
    float: right;
    margin-right: 28px;
    color: white;
    line-height: 1.2;
    text-align: right;
}

#contact img {
	  float: right;
    max-width: 30%;
    padding-left: 5px;
     border-radius: 23px;
}

#contact {
    font-size: 20px;
    float: left;
    margin-left: 28px;
    margin-right: 28px;
    color: black;
    line-height: 1.2;
    text-align: left;	
    /* text-shadow: 2px 2px darkblue; */
}

#privacy {
    font-size: 20px;
    float: left;
    margin-left: 28px;
    margin-right: 28px;
    color: black;
    line-height: 1.2;
    text-align: left;	
    /* text-shadow: 2px 2px darkblue; */
}

#privacy ul, ol {
   margin-left: 5%;
}

#contact h2 {
	font-weight: 900;
}
	
#blog {
    font-size: 20px;
    float: left;
    margin-left: 28px;
    margin-right: 28px;
    color: black;
    line-height: 1.2;
    text-align: left;	
    /* text-shadow: 2px 2px darkblue; */
}	

#blog h2 {
	font-weight: 900;
	margin-left: 20px;
}

img.profile {width:300px;}


/* ----- FOOTER STYLES ----- */
#footerWrapper {
	  background: #000;
    /* Max-width: 1053px; */
    margin-left: -27px;
    margin-right: -28px;
    margin-bottom: -30px;
    height: 400px;
}

#footer { 
	margin: auto;
	padding: 1em 2%;
	color:#fff;
	text-align: center;
} 
#footer p {
	margin: 0; 
	padding: 5px 0; 
}
#footer a {color:lightcoral;}


.nobreak {whitespace:nowrap; display:block;}

.designlink a, .designlink a:visited {coxlor:#999; text-decoration:none;}

.small {font-size: .8em;}


.slideshow { height: 450px; width: 600px; margin: auto }
.slideshow img { padding: 10px; border: 1px solid #ccc; background-color: #eee; }

#about {
	float: left;
	width: 90%;
	margin-left:2px;
}

#containerIntakeFormI { margin: 0 0%; }

/* ----- SLIM MENU OVERRIDE STYLES ------ */
.menu-collapser {
  position: relative;
	color: white;
  font-weight: bold;  
	background-color: #aaa;
	float:left;
	text-align: center;
	border-radius: 10px;
	margin-left:5px;
}

.slimmenu {
   background: rgb(0,0,0);
}

ul.slimmenu li a {
   color: white;
}

ul.slimmenu li.nested ul { 
	width: 122%; 
}
ul.slimmenu li ul li a {
	padding-right:16px;
	width:auto;
	}
ul.slimmenu li.nested ul li { 
	width: 100%; 
	background-color: #ddd;
	}
ul.slimmenu li.nested ul li:last-child,
ul.slimmenu li.nested ul li:last-child a:hover {
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	}
ul.slimmenu li.nested ul li a {
	padding: 10px 10px 10px 26px;
	}
ul.slimmenu li.nested:hover {
	background:#c0c0c0;
	}
ul.slimmenu li a:hover {
	background:#c0c0c0;
	}

.aside {color:#888; font-style:italic; font-size: .9em;}

.accordion {
   /* background-color: #fff; */
    color: #1b290F;
    cursor: pointer;
    padding: 14px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;   
    border-bottom: 1px solid #fff;
    font-weight:bold;
}




@media (max-width: 870px) {
#headtitle {float: left;} 
#menu{float:none;width:100%;}
.menu-collapser {padding: 0 30px;}
#home {margin-left: 30px; text-align:left; font-family: none; text-shadow: 2px 2px darkblue;    font-size: 18px;}
#home a {text-shadow: none;color: yellow; text-decoration:none; text-shadow: 1px 2px darkblue;}
#programs {margin-left: 20px;margin-right: 20px;font-family: none;}
#blog {margin-left: 10px;margin-right: 10px;font-family: none;}
#privacy {margin-left: 10px;margin-right: 10px;font-family: none;}
#contact {margin-left: 5px;margin-right: 5px;font-family: none; font-size: 18px;}
#mainContent {margin-top:2px;}
#mainContent.home_bkgnd {height: 786px;}
#mainContent.programs_bkgnd {height: 1128px;}
#mainContent.blog_bkgnd {height: 1128px;}
#about {float: left;width: 90%;margin-left: 0px;margin-right: 0px;}
#containerIntakeFormI {margin: 0 0%;width: 90%;    margin-top: -5px;}
#header h1 {font-size:30px;}
#headtitle {margin-left: 6px;}
.accordion {font-family: none;}
}

@media (max-width: 757px) {
ul.slimmenu > li { border-left:none;}
#footerWrapper {background-position: fixed;}

}


@media (max-width: 480px) {
input#intakeFormISubmit.intakeFormISubmit {margin:30px auto!important;}
}