
/************   JSB text stylings CSS  ***************/

/*other css styles*/
@import "reset.css";
@import "type.css";
@import "grid.css";


/* png fix */
a.pdf, a.popup { behavior: url(iepngfix.htc) }


/* link styling */
a { text-decoration: none; color: #fff;}
a:link { text-decoration: none; color: #fff;}
a:visited { text-decoration: none; color: #fff;}
a:hover { text-decoration: none; color: #ccc; }
a:active, a:focus { text-decoration: none; color: #ccc;}





/* universal styles */

p {
	line-height: 20px;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul li {
	font-size: 13px;
	line-height: 16px;
	padding: 3px 0px 3px 0px;
}

h1 {
	margin:  10px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
}

h2 {
	margin:  10px 0px 10px 0px;
	padding: 0px 0px 2px 0px;
	color: #fff;
	font-size: 1.7em;
	font-weight: normal;
	border-bottom: 1px solid #fff;
}

h3 {
	margin:  12px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	color: #fff;
	font-size: 1.7em;
	font-weight: bold;
}

h3#repeat {
	display: none;
	}




/* specific text styles */

div#content_container p {
	font-size:  1.5em;
	color: #fff;
}

div#content_container p a, div#content_container li a {
	color: #fff;
	text-decoration: underline;
}

div#content_container p a:hover, div#content_container li a:hover {
	color: #eaeaea;
	text-decoration: underline;
}

.slide_content h1 {
	font-size: 3em;
	font-weight: bold;
	margin: 0px!important;
	padding: 12px 0px 0px 0px;
	color: #fff;
}

.expand ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.expand ul li {
	font-size: 1.5em;
	background-image: url(../_images/square.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding: 6px 0px 6px 10px;
	margin-left: 10px;
	color: #fff;
}



/* ---------------------------------------------------------------------------------
------------------------------------ Finding the Right Fit ----------------------- */

div#rightfit h2 {
	font-size: 1.8em;
	font-weight: bold;
	margin: 7px 0px;
	padding: 0px;
}

div#rightfit p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

div#rightfit h3 {
	font-size: 1.4em;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

	div#rightfit h3 span {
		display: none;
	}

div#rightfit .coldcall p {
	font-size: 1.2em;
	line-height: 15px;
}

	div#rightfit .coldcall {
		padding: 6px 0px 7px 40px;
	}

	div#rightfit #research {
		background-image: url(../_images/one.gif);
		background-repeat: no-repeat;
	}
	
	div#rightfit #focus {
		background-image: url(../_images/two.gif);
		background-repeat: no-repeat;
	}
	
	div#rightfit #gatekeeper {
		background-image: url(../_images/three.gif);
		background-repeat: no-repeat;
	}
	
	div#rightfit #persistent {
		background-image: url(../_images/four.gif);
		background-repeat: no-repeat;
	}
	
	div#rightfit #call {
		background-image: url(../_images/five.gif);
		background-repeat: no-repeat;
	}
	
	div#rightfit #followup {
		background-image: url(../_images/six.gif);
		background-repeat: no-repeat;
	}






/* rollover links */

a.pdf {
	float: left;
	display: inline;
	background-image: url(../_images/pdf.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 22px 0px 22px 65px;
	font-size: 1.7em;
	font-weight: bold;
	color: #fff;
}

a.pdf:hover {
	background-image: url(../_images/pdf-over.png);
	color: #cacaca;
}

#accordion1_content p {
	line-height: 6px;
	margin: 0px;
	padding: 0px;
}

a.collapse_link {
	display: block;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-family: "Trebuchet MS", helvetica, arial;
	font-size: 1.1em;
	font-weight: bold;
	color: #555!important;
}

a.collapse_link:hover  {
	color: #000!important;
}

a.popup {
	float: left;
	display: inline;
	background-image: url(../_images/video.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 25px 0px 25px 65px;
	font-size: 1.7em;
	font-weight: bold;
	color: #584942!important;
}

	a.popup:hover {
		color: #000!important;
		background-image: url(../_images/video-over.png);
	}	




/* lessons lighter */

#content_item2 h1, #content_item2 h2, #content_item2 p, #content_item2 a.video, #content_item2 a.pdf {
	color: #584942!important;
}

#content_item2 a.pdf:hover{
	color: #000!important;
}

