/**
 * Growing Minds Autism Programs CSS
 *
 * created by Jennifer Hautman
 * company Big Blue Design
 * Website Designer, Developer and Hosting
 *
 */

/* ---------------------------- Sitewide Standards --------------------------------*/

html, body {margin:0; padding:0; height:100%;}
p {margin:0 0 1em;}
.center {text-align:center;}
.left {text-align:left;}
.underline {text-decoration:underline;}
a img {border-width:0; top:0;}

body {
	background:url(images/gm-bkgd.gif) repeat-x;
	background-color:#ACC1DB;
	font-size:14px;
	line-height:19px;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 0 0 0;
	padding:0;}
	
body#home {background:url(images/gm-home-bkgd.gif) repeat-x;}
body#registration {background:url(our-programs/registration/images/forms-bkgd.gif) repeat-x;}

/* ------------ Lists ------------*/

ul {list-style-type:none; margin:1.0em 0; padding:0;}

li {background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	background-position:.4em 0.5em;
	padding-left:1.2em;
	margin-left:20px;
	margin-top: 1em;}
.nospace {margin-top:0;}

ol li {background-image:none;}
	
/* ---------- Headings -----------*/

h1 {font-weight:normal; font-size:30px; line-height:31px; font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-.06px; border-bottom:1px dashed #072B5B; padding-bottom:6px; margin-bottom:15px;} /*Top Head*/
	
/* ------ Landing Pages Heading -------*/
h1.landing {font-weight:normal; font-size:27px; line-height:28px; font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-.06px; border-bottom:1px dashed #072B5B; padding-bottom:6px; margin-bottom:15px;}
	
h1.landing2 {font-weight:normal; font-size:35px; line-height:36px; font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-.06px; border-bottom:1px dashed #072B5B; padding-bottom:6px; margin-bottom:15px;}
	
h2.landing {font:bold 24px Georgia, "Times New Roman", Times, serif; letter-spacing:-.06px; 
color:#CC0000; margin-bottom:8px;}
	
h2 {font:normal 23px Georgia, "Times New Roman", Times, serif; letter-spacing:-.06px; 
color:#21326F; margin-bottom:8px;} /*Sub Heads*/

h3 {font:bold 15px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; line-height:18px; color:#21326F; margin-bottom:7px;} /*Sub-Sub Heads*/

h4 {font-weight:normal; font-size:30px; line-height:31px; font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-.06px; color:#fff; margin-top:20px; margin-bottom:40px;} /*Top Heading on Forms*/

p.small {font-size:11px; line-height:13px;}

/* ------ Links ------ */

a:link {color:#1121CC;}
a:visited {color:#D3820C;}
a:hover {color:#D3820C;}
a:active {color:#D3820C;}

a.white:link {color:#EBEBEB; text-decoration:none;}
a.white:hover {color:#EBEBEB; text-decoration:underline;}
a.white:visited {color:#EBEBEB;}

/* -------- Image Positioning ----------*/

.imagewithleftmargin {margin:10px 20px 10px 0; float:left;} /*spacing on images Flush Left*/
.imagewithrightmargin {margin:10px 0 10px 20px; float:right;} /*spacing on images Flush Right*/
img {border:0px;}

img.RightShadow {
    background:url(images/photo-drop-shadow.jpg) no-repeat right bottom;
    padding:6px 11px 11px 6px;
    margin-left:10px;
    float:right;}
img.LeftShadow {
    background:url(images/photo-drop-shadow.jpg) no-repeat right bottom;
    padding:6px 11px 11px 6px;
    margin-right:10px;
    float:left;}

span.largebullet {background:url(images/heart-bullet.gif) no-repeat; 
width:35px; height:30px; margin-top:4px; float:left;} /*Large list bullet*/



/* ----------------------------- Header ----------------------------- */

#header {
	margin:0 auto;
	width:1000px;
	height:200px;
	background:url(images/autism-header.jpg) no-repeat;}
#header-home {
	margin:0 auto;
	width:1000px;
	height:300px;
	background:url(fade/fade-01.jpg) no-repeat;}

#header-link {
    display:block;
	width:315px;
	height:200px;
	text-indent:-9999px;}
	
#fadeshow1, #fadeshow1 .gallerylayer {
background-color: transparent !important;}
#fadeshow1 {width:1000px; height:300px; background-image: url('fade/fade-01.jpg');}
	
/* ----------------------------- Content Layout ----------------------------- */
/* -------------- Specs on Layout -------------*/

#container-bkgd {background:url(images/container-bkgd.gif); margin-top:40px;}

#content-text {width:550px; margin-bottom:30px; margin-top:80px; margin-left:40px;}

#sidebar1 {margin-left:13px; margin-top:-40px;}

#footer {padding:10px; height:150px; margin-left:-600px; background:#072B5B; width:3000px;}
#footer-table{margin-left:600px; width:1000px; vertical-align:top; margin-top:5px;}
#td-facebook {width:200px; height:80px;}
#td-youtube {width:200px; height:80px;}
#td-kate {width:320px; height:80px;}
#td-text {width:280px; height:80px; font-size:9px; line-height:11px; color:#EBEBEB; }
p.text-large {font-size:11px; line-height:17px; color:#EBEBEB;margin-bottom:5px;}


/* ----- set width and center layout ----- */

#container {width:1000px; margin:0 auto;}
	
/* ----------- float columns ------------- */

#content {float:right; width:640px;}

#sidebar1 {float:left; width:347px;}

#footer {clear:both;}



/* -------------------------- Top Hortizontal Menu -----------------------------*/

#top-nav {width:640px; margin-left:1px; margin-top:-52px; padding:0;}

#top-nav ul {
	font:bold 12px Arial, Helvetica, sans-serif;
	list-style-type:none;
	color:#fff;}
	
#top-nav li {
	background-image:none;
	border-left:1px solid #fff;
	float:left;
	margin:0;
	padding:0 0 0 0;}

#top-nav li a {
	display:block;
	background-color:#21326F;
	line-height:14px;
	color:#fff;
	padding:6px 22px 6px 9px;
	text-decoration:none;
	border:none;}
#top-nav li.last a {
	padding:6px 16px 6px 9px;}
	
#top-nav li a:hover {
	background-color:#fff;
	color:#21326F;}
	
body#home #home2 a,
body#about #about2 a,
body#help #help2 a,
body#programs #programs2 a,
body#register #register2 a,
body#videos #videos2 a,
body#articles #articles2 a,
body#contact #contact2 a {color:#21326F; background-color:#fff;}


/* -------- Sidebar Ad --------------*/
#comprehensive-program {
    background-image:url(images/5-day-program-ad.jpg);
    display:block;
    height:112px;
    text-indent:-9999px;
    width:300px;
	margin-bottom:-10px;}
	
/* -------- Pay Per Click Campaign --------------*/
#consultation-campaign {
    background-image:url(landing/images/consultation-campaign.jpg);
    display:block;
    height:85px;
    text-indent:-9999px;
    width:300px;
	margin-bottom:-10px;}
	
/* --------------------------- Sidebar1 Menu -----------------------------*/

#side-nav {margin:10px 0 0 0; padding:0;}

#side-nav ul {padding:0; width:290px; margin-top:0; list-style-type:none;}

#side-nav ul li {
    background-image:url(images/side-menu-bullet.gif);
	background-repeat:no-repeat;
    background-position:3px 3px;
	list-style-position:inside;
    padding:0 0 0 13px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	margin-top:8px;
	color:#21326F;}
	
#side-nav ul li.section {
	background-image:url(images/side-nav-bkgd.jpg);
	background-repeat:no-repeat;
    background-position:3px 6px;
	list-style-type:none;
	height:32px;
	margin:10px 0 -10px 7px;
	padding-top:13px;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#21326F;}

#side-nav ul li a {
	color:#21326F; 
	text-decoration:none;}
	
#side-nav ul li a:hover {text-decoration:underline;}

#side-nav ul li ul li {
	background-image:none;
	margin:3px 0 0 2px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;}

#side-nav ul li ul li a {color:#21326F; text-decoration:none;}
	
#side-nav ul li ul li a:hover {text-decoration:underline;}


/* ------------ Inset Box within Content Copy --------------*/

/* ------ Box Inset of Copy on Early Intervention -------*/

#inset1, #inset2 {display:block; width:210px; margin-top:2px; margin-left:10px; border:1px solid #21326F; padding:2px 20px 20px 20px;}
.bkgd-white {background:#fff;}
.bkgd-gray-text {font-size:12px; line-height:15px; background:#eee;}
#inset1, #inset2 {float:right;}
#inset1, #inset2 {clear:both;}

/* ------ Centered Colored Box on 5-day Comprehensive Program -------*/

#inset3 {display:block; margin:0 auto; width:420px; background:#CFBC78; border:2px double #3E5475; padding:5px 25px 20px 25px;}
.center-box {font-size:11px; line-height:15px;}

#inset-center-blue {display:block; margin:0 auto; width:420px; background:#BCCDE2; border:2px double #3E5475; padding:5px 25px 20px 25px;}
.center-blue-box {font-size:11px; line-height:15px;}



/* -------------- Quotes within Content Copy --------------*/

blockquote.stylized {
  color:#B7720B;
  font-style:italic; font-size:13px; line-height:16pt; font-family:Georgia, "Times New Roman", Times, serif;
  padding-bottom:6px;
  margin:0 10px 0 10px;
  background-image:url(images/quote-open.gif);
  background-position:top left;
  background-repeat:no-repeat;
  text-indent:15px;}
  
p.close {
    display:block;
    background-image:url(images/quote-close.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
	margin-bottom:0px;
	padding-left:0;}

span.quote {font:bold 7pt Verdana, Arial, Helvetica, sans-serif; color:#B7720B; margin-top:-30px; margin-left:50px;}

/* --------------------------- Program Registation Forms -----------------------------*/
/* -------- Register Now Graphic --------------*/
#register-now {
    background-image:url(images/register-now-graphic.jpg);
    display:block;
    width:207px;
	height:24px;
    text-indent:-9999px;
	margin:20px 0 10px 170px;}
	
#registration-logo {float:left; margin:-20px 20px 0 15px;}

p.medium {font-size:12px; line-height:14px;}
	
#pest {display:none;} /* this is used on the form to stop peskies. */

#newsletter {width:530px; height:100px;
	background-image:url(images/newsletter-bkgd.jpg);
	background-repeat:no-repeat;
	font:normal 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	line-height:14px; color:#fff;}
	#newsletter-head {font:bold 18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#E4AF09; margin-bottom:3px;}
#td-social-media {width:150px; height:100px;}