@charset "utf-8";
/* CSS Document */

/********************************/
/* HTML, BODY, AND WRAPPER		*/
/********************************/

body {
	max-width:960px;
	margin:0 auto;
}

html, body {
	font-size:100%;
	font-family: Helvetica,
				 Verdana,
				 'Gill Sans MT', 
				 'Gill Sans',
				 Geneva,
				 Arial,
				 sans-serif;
}

html, 
body,
#header .spacer {
	color:#444;					/* grey */
	background-color:#555;   	/* grey */
}

/* #wrapper --> see color css's */


#ie7_hack {
	display:none;
}

/********************************/
/* HEADER						*/
/********************************/
#header {
	position:fixed;
/*	left:0;*/
	top:0px;
	width:960px;
	height:170px;
	z-index:50;
	background: #ffffb2 url("../imgs/sunshine960centered.jpg") no-repeat right top;		/* bkgYellowBase */
}

#header h1 {
	position:absolute;
	top:60px;
	margin-left:180px;
	padding:10px 10px 10px 10px;
	vertical-align:middle;
	text-align:center;
	font-size:45px; /*2.5em;*/
	font-weight:bold;
/*	background-color:#fff;		/* white */
}

#header h1 a,
#header h1 a:link,
#header h1 a:visited,
#header h1 a:hover,
#header h1 a:focus,
#header h1 a:active {
	color:#333;
}

#header img {
	position:absolute;
	top:20px;
}

#header img.imgLandscape {
	display:block;
}

#header img.imgPortrait {
	display:none;
}

#header .spacer {								/* gives us the top margin */
	position:absolute;
	top:0px;
	width:960px;
	height:20px;
}

/********************************/
/* HEADER > GOOGLE (SEARCH)		*/
/********************************/
#header #search {
	float:right;
	width:300px;
	background-color:#000;
	padding:30px 20px;
	overflow:hidden;
	position:relative;
	top:20px;
}

#header #search #cse {
	padding:3px;
}

/********************************/
/* HEADER > FORM (SEARCH)		*/
/********************************/
#header form {
	position:absolute;
	top:25px;
	right:5px;
	float:right;
	padding:5px;
	font-size:0.85em;
/*	background-color:#fcc;		/* pink - delete me */
}

#header form * {
	color:#777;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
/*	border-radius:5px;*/
}

#header form #search_submit,
#header form #sbi {
	border:1px solid #777;
}

#header form:hover *,
#header form:focus * {
	border-color:#333;
	color:#333;
}

#header form #sbi {
	margin-right:5px;
	padding:1px 3px;
}

#header form #search_submit {	/* Go button */
	cursor:pointer;
	padding:1px 5px;
}

#header form #search_submit:active {
	padding:0 4px;
	margin:1px;
}
/********************************/
/* HEADER > TOP NAV				*/
/********************************/
#header #topNav {
/*	display:none;				/* DELETE ME */
	position:absolute;
	bottom:0px;
	margin-left:180px;
	z-index:10;
}

#header #topNav ul {
	height:100%;
	width:780px;
}

#header #topNav ul li {
	display:inline-block;
	height:100%;
	bottom:0;
}

#header #topNav ul li a {
	display:block;
	width:100%;
/*	margin:0 2.0em 0 0;*/
	padding:5px 0px 3px;
	text-align:center;
	vertical-align:middle;
	
	font-size:0.70em;
	
	/* background-colors and border colors specified in tabColors.css */
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;

	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;

/*	border-top-right-radius:10px;						/***** PUT THIS BACK *****/
/*	border-top-left-radius:10px;*/
}

#header #topNav ul #tabHome,
#header #topNav ul #tabDyslexia,
#header #topNav ul #tabGetHelp,
#header #topNav ul #tabMoreInfo {
	width:16.6%
}

#header #topNav ul #tabVideos,
#header #topNav ul #tabSeminars {
	width:16.7%
}


#header #topNav ul li a {
	
}



/********************************/
/* HEADER > COLOR BAR			*/
/********************************/

#header #colorBar-1,
#header #colorBar-2 {
	position:absolute;
	top:170px;
	height:34px;
}

#header #colorBar-1 {
	width:180px;
	z-index:10;
}

#header #colorBar-1 p {
	margin:0;
	padding: 0 0 0 22px;
	width:120px;
	height:36px;
}

#header #colorBar-2 {
	width:100%;
	z-index:5;
}


#header #colorBar-2 a {
	display:block;
	position:absolute;
	top:10px;
	right:20px;
	min-height:30px;
	padding:3px 15px 3px 30px;
	z-index:15;
	

/*	float:right;*/
/*	margin:10px 20px 0 0;*/

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
/*	border-radius:10px;							/***** PUT THIS BACK *******/
}

#header #colorBar-2 a span.toListen {
	display:block;
/*	height:42px;*/
	margin:7px 0 7px 15px;
	padding:0;
	text-align:right;
	font-size:0.90em;
	font-weight:normal;
	color:#333;									/* grey */
}

#header #colorBar-2 a span.toListen img {
	position:absolute;
	top:4px;
	left:10px;
	height:25px;
	width:25px;
	border:1px solid #777;						/* grey */
	-moz-box-shadow: 1px 1px 3px #777;			/* grey */
	-webkit-box-shadow: 1px 1px 3px #777;		/* grey */
	box-shadow: 1px 1px 3px #777;				/* ***** PUT THIS BACK ***** */

}


/********************************/
/* SIDENAV						*/
/********************************/
#sideNav {
	position:fixed;
	top:157px; /* was 180px;*/
	bottom:24px;
	width:175px;
	margin:50px 5px 0px;
	font-size:0.9em;
	line-height:1.2em;
	overflow:auto;
/*	overflow:hidden;*/
	z-index:0;
}

#sideNav p.imgFacebook {
	width:155px;
	top:0px;
	margin:0;
	padding:0;
	z-index:0;
}

#sideNav p.imgFacebook img {
	display:block;
	width:120px;
	margin:0px auto;
	padding:0;
	z-index:0;
}

#sideNav ul {
	position:relative;			/* MUST REMAIN RELATIVE FOR SIDENAV SCROLL TO WORK */
	display:block;
	top:23px;
	width:155px;
	margin-bottom:30px;
	z-index:0;
}

#pageHome #sideNav {
	margin-top:0;
}

#pageHome #sideNav p.imgFacebook {
	position:absolute;
	top:36px;
	margin-top:48px;
}

#pageHome #sideNav a.noArrow {
	background-image:none;
	display:block;
	height:36px;
	margin-bottom:20px;
}

#pageHome #sideNav ul {
	position:absolute;
	top:175px;
}

/*	Adjusted the placement of the sideNav options for #pageHome and #pageSearch by 
	setting the margin-top property of .jspContainer in the jscrollpane.css file. */



#sideNav ul li {
	display:block;
}

#sideNav h6 {
	font-weight:bold;
	padding:10px 0 5px;
}

#sideNav p {
	position:relative;
	line-height:1.1em;
	padding:0 10px;
}

#sideNav ul li a,
#sideNav p a.learnMore {
	display:block;
	background-repeat:no-repeat;
	background-position: 3px 10px;
}

#sideNav ul li a {
	padding:5px 0 5px 22px;
}

#sideNav p a.learnMore {
	position:relative;
	left:30px;
	padding:5px 0 3px 22px;
	width:100px;
}

/* SEE COLOR CSS's FOR #sideNav ul li a PSEUDO-CLASSES */

/********************************/
/* CONTENT BOX					*/
/********************************/
#content,
#homeContent {
/*	display:none;*/
	position:relative;
	min-width:750px;
	min-height:800px;
	margin:203px 0 0px 180px; /* bottom was 22px */
	padding:20px 5px 5px 20px;
	background-color:#fffff3; 		/* cream */
	background-image:url("../imgs/background.jpg");   /* provides vertical line for more info bar */
	background-position:right top;
	background-repeat:repeat-y;
	z-index:0;
}

#pageHome #homeContent,
#pageUtility #content {
	background-image:none;   /* erases vertical line from more info bar */
	overflow:visible;
	min-height:0;
}

#content #siteMap {
	margin-left:0px;
}

/********************************/
/* FOOTER						*/
/********************************/

#content #footer,
#homeContent #footer {
	position:absolute;
	clear:both;
	bottom:0;
	width:750px;
/*	height:20px;*/
	margin-top:30px;
	border-top:1px solid #cccc00;		/* dark yellow */
	background-color:#fffff3;			/* cream */
	text-align:right;
	color: inherit;
	font-size:0.7em;
/*	background-color:#fdd;				/* pink - delete me */
}

#content #footer p,
#homeContent #footer p {
	float:right;
	margin-right:0;
	padding:5px 15px 3px;
	background-color:#fffff3;			/* cream */
}



/********************************/
/* MISCELLANEOUS				*/
/********************************/

.brbreak {
	clear:both;
}

strong {
	font-weight:bold;
	font-style:inherit;
	color:inherit;
	font-size:inherit;
}

em,
cite {
/*	font-family:'Bookman Old Style';
				/*'Bookman Old Style', Baskerville, 'Bitstream Charter', Georgia,
				Calibri, "Gill Sans MT", verdana, helvetica, sans-serif;*/
	font-weight:inherit;
	font-style:italic;
	font-size:100%;
	color:inherit;
}

.txtWeightNormal {
	font-weight:normal;
	font-style:inherit;
	color:inherit;
	font-size:inherit;
}

.txtColor {
	font-weight:inherit;
	font-style:inherit;
	color: #990000;
	font-size:inherit;
}

.txtUpper {
	text-transform:uppercase;
}

.txtLower {
	text-transform:lowercase;
}

.txtCapitalize {
	text-transform:capitalize;
}

.txtCenter,
.txtRight,
.txtWide {
	display:block;
	margin-top:0;
	margin-bottom:0;
	padding:0;
}

.txtCenter {
	text-align:center;
/*	padding:0px;*/
}

.txtRight {
	text-align:right;
}

.txtWide {					/* additional padding and margin settings in */
	width:720px;			/* content.css: #content p.txtWide*/
}

.txtSmall {
	font-size:0.9em;
	line-height:1.2em;
}

.txtLarge {
	font-size:1.05em;
}

.hide {
	display:none;
	visibility:hidden;
}

.showPrint {
	display:none;
}