/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
/* end reset */


body {
	text-align: center;
	background-color: #eaeaea;
}

a {
	color: #1A90A8;
}

a:hover {
	color: #136F82;
}

.wrapper960 {
	margin: auto;
	width: 960px;
	display: block;
	text-align: left;
	position: relative;
}


#header {
	height: 150px;
	background-color: #eaeaea;
	border-top: 10px solid #000;
}

.headerLogo {
	float: left;
	margin-top: 40px;
}

#headerNav {
	width: 500px;
	float: right;
	height: 30px;
	padding-top: 40px;
}

#headerNav li {
	list-style: none;
}

#headerNav a.whatAreClearMags {
	width: 209px;
	height: 13px;
	background: url(../images/clearDevotionalMagazines.gif) top no-repeat;
	display: inline;
	float: right;
	text-indent: -999999px;
	margin-bottom: 10px;
	overflow: hidden;
}

#headerNav a.whatAreClearMags:hover {
	background: url(../images/clearDevotionalMagazines.gif) 0px -13px no-repeat;
}

#headerNav li.ages {
	display: inline;
	float: right;
	clear: both;
	margin-bottom: 10px;
	font: 14px/24px "Lucida Grande", Arial, Sans-serif;
	color: #515151;
	overflow: hidden;
}

#headerNav li.ages a {
	font: 14px/24px "Lucida Grande", Arial, Sans-serif;
	color: #515151;
	text-decoration: none;
}

#headerNav li.ages a:hover {
	font: 14px/24px "Lucida Grande", Arial, Sans-serif;
	color: #515151;
	text-decoration: underline;
}


#headerNav a.d6family {
	width: 63px;
	height: 13px;
	background: url(../images/D6Family.gif) 0px 0px no-repeat;
	display: inline;
	float: right;
	text-indent: -999999px;
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}

#headerNav a.d6family:hover {
	background: url(../images/D6Family.gif) 0px -13px no-repeat;
}

#headerNav a.splink {
	width: 44px;
	height: 13px;
	background: url(../images/splink.gif) 0px 0px no-repeat;
	display: inline;
	float: right;
	text-indent: -999999px;
	clear: both;
	margin-right: 2px;
	margin-bottom: 10px;
	overflow: hidden;
}

#headerNav a.splink:hover {
	background: url(../images/splink.gif) 0px -13px no-repeat;
}


#headerNav a.clearCurriculum {
	width: 131px;
	height: 11px;
	background: url(../images/clearCurriculum.gif) 0px 0px no-repeat;
	display: inline;
	float: right;
	text-indent: -999999px;
	clear: both;
	margin-right: 2px;
	margin-bottom: 10px;
	overflow: hidden;
}

#headerNav a.clearCurriculum:hover {
	background: url(../images/clearCurriculum.gif) 0px -11px no-repeat;
}



#nav {
	margin: 0;
	padding: 0;
}

#nav li {
	list-style: none;
	display: block;
	margin: 10px 0px 0px 0px;
	text-align: right;
	position: relative;
}


#nav li a {
	display: inline;
	float: right;
	text-align: left;
	font: 40px/70px Arial;
	text-decoration: none;
	color: #FFF;
	text-indent: -9999px;
}

#nav li.blue {
	background-color: #21a7c3;
}
#nav li.pink {
	background-color: #ed217c;
}
#nav li.green {
	background-color: #bdd73c;
}
#nav li.orange {
	background-color: #f6891f;
}
#nav li.yellow {
	background-color: #ebe120;
}

#nav li.blue a {
	background: url(../images/ToddlersWithArrow.gif) bottom right no-repeat;
	width: 520px;
}
#nav li.pink a {
	background: url(../images/KidsWithArrow.gif) bottom no-repeat;
	width: 120px;
}
#nav li.green a {
	background: url(../images/TeensWithArrow.gif) bottom no-repeat;
	width: 150px;
}
#nav li.orange a {
	background: url(../images/YoungAdultsWithArrow.gif) bottom no-repeat;
	width: 300px;
}
#nav li.yellow a {
	background: url(../images/AdultsWithArrow.gif) bottom no-repeat;
	width: 160px;
}


#mainContent {
	background: url(../images/mainContentBg.gif) repeat-y;
	border-top: 10px solid #fff;
}

.col1 {
	width: 300px;
	display: inline;
	float: left;
	padding-bottom: 30px;
}

.col2 {
	width: 630px;
	display: inline;
	float: right;
	padding-bottom: 30px;
}

.clear {
	clear: both;
}

.center {
	display: block;
	text-align: center;
}

.buzzHeader, .allAboutClear {
	display: block;
	margin: 20px 0px 20px 0px;
}

.buzzHeaderCenter {
	text-align: center;
	display: block;
	margin: 20px 0px 20px 0px;
}


#videoBox {
	text-align: center;
	margin-bottom: 40px;
}

.col2 p {
	font: 18px/27px Helvetica, "Lucida Grande", Arial, Sans-serif;
	color: #333;
	margin-bottom: 2.0em;
	padding: 0px 20px 0px 20px;
}

.homeBuzz {
	display: block;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.homeBuzz .buzzImage {
	width: 100px;
	float: left;
	display: inline;
	margin-left: 10px;
}

.homeBuzz .buzzBody {
	width: 170px;
	float: right;
	display: inline;
	margin-right: 10px;
	font: 12px/18px "Lucida Grande", Arial, Sans-serif;
	color: #515151;
}

.homeBuzz .buzzAuthor {
	font: italic normal 10px/18px "Lucida Grande", Arial, Sans-serif;
	color: #515151;
	display: block;
	text-align: right;
}


#mainFooter {
	text-align: center;
	margin-top: 50px;
	font: 12px/24px "Lucida Grande",Arial,Sans-serif;
	height: 70px;
	padding-top: 20px;
	background-color: #fff;
	color: #107fa3;
}

#mainFooter li {
	list-style: none;
	display: inline;
	margin:0;
	color: #8AACC7;
}

#mainFooter li a {
	color: #107fa3;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
}

#mainFooter li a:hover {
	color: #129AC7;
	text-decoration: underline;
}

#footerLogo {
	text-align: center;
	padding: 30px 0px 30px 0px;
	
}

ul#nav div.hiddenContent {
	display: none;
	background: #fff;
	text-align: left;
}

ul#nav div.hiddenContent div.dropContent {
	width: 900px;
	margin: auto;
	padding: 30px;
	background: #fff;
}

.col3 {
	float: left;
	width: 430px;
	display: inline;

}

.col4 {
	float: right;
	width: 430px;
	display: inline;
}

div.dropContent h3 {
	display: block;
	font: 24px "Lucida Grande", Arial, Sans-serif;
	margin-bottom: 10px;
}

div.dropContent p {
	font: 11px/18px "Lucida Grande", Arial, Sans-serif;
	color: #414141;
}

#nav li div.dropContent a {
	display: block;
	width: auto;
	text-indent: 0px;
	background: none;
}

.dropMag {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}



#innerNav {
	text-align: left;
	border-bottom: 10px solid #fff;
	margin-bottom: 0px;
	position: relative;
}

#innerNav li {
	list-style: none;
	display: inline;
	float: left;
	margin: 0px 5px 0px 0px;
	position: relative;
}

#innerNav li a {
	padding: 10px 18px 10px 18px;
	font: bold 14px Arial, Sans-serif;
	color: #fff;
	text-decoration: none;
	display: inline;
	float: left;
}


#innerNav li a.sel{
	position: relative;
	top: 10px;
}

#innerNav li a:hover, #innerNav li a.sel {
	border-top: 3px solid #fff;
	padding: 7px 18px 10px 18px;
}

#innerNav li a.blueTab, .blue {
	background-color: #21a7c3;
}
#innerNav li a.pinkTab, .pink {
	background-color: #ed217c;
}
#innerNav li a.greenTab, .green {
	background-color: #bdd73c;
}
#innerNav li a.orangeTab, .orange {
	background-color: #f6891f;
}
#innerNav li a.yellowTab, .yellow {
	background-color: #ebe120;
}

#innerNav li a.miscTab, .misc {
	background-color: #157B90;
}

.blueText {
	color: #21a7c3;
}
.pinkText {
	color: #ed217c;
}
.greenText {
	color: #bdd73c;
}
.orangeText {
	color: #f6891f;
}
.yellowText {
	color: #ebe120;
}

#titleBar {
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#titleBar.misc {
	height: 40px;
}



.magBlock {
	display: block;
	background: #fff;
}


.magBlockTop {
	display: block;
	height: 20px;
	background: url(../images/ContainerLG_Top.jpg) no-repeat;
}

.magBlockBottom {
	display: block;
	height: 20px;
	background: url(../images/ContainerLG_Bottom.jpg) no-repeat;
	margin-bottom: 10px;
}

.magBlock .magcol1 {
	float: left;
	display: inline;
	width: 150px;
	padding: 10px;
	margin: 10px 20px 0px 30px;
}

.magBlock .magcol2 {
	float: left;
	display: inline;
	width: 240px;
	padding: 10px;
	margin: 20px 0px 0px 0px;
	text-align: center;
}

.magBlock .magcol3 {
	float: left;
	display: inline;
	width: 460px;
	padding: 10px;
}

.magBlock .magTitle {
	font: bold 24px/36px Arial, Sans-serif;
}

.magBlock .magList {
	list-style-type: circle;
}

.magBlock p {
	font: 12px/18px Arial, Sans-serif;
	color: #464646;
}

.magBlock .price {
	font: 36px Georgia, Serif;
}

.magBlock .oneyear {
	font: 14px Georgia, Serif;
}


/* BUTTONS */

.kidsBtn, .kidsBtnArrow, .adultBtn, .adultBtnArrow, .PTBtn, .PTBtnArrow, .teenBtn, .teenBtnArrow, .youngAdultBtn, .youngAdultBtnArrow {
	display: block;
	width: 220px;
	height: 40px;
	font: bold 18px/40px Arial, Sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.kidsBtn:hover, .kidsBtnArrow:hover, .adultBtn:hover, .adultBtnArrow:hover, .PTBtn:hover, .PTBtnArrow:hover, .teenBtn:hover, .teenBtnArrow:hover, .youngAdultBtn:hover, .youngAdultBtnArrow:hover {
	color: #fff;
	text-decoration: underline;
}

.kidsBtn {
	background: url(../images/KidsButton.jpg) no-repeat;
}

.kidsBtnArrow {
	background: url(../images/KidsButton_Arrow.jpg) no-repeat;
}

.adultBtn {
	background: url(../images/AdultsButton.jpg) no-repeat;
}

.adultBtnArrow {
	background: url(../images/AdultsButton_Arrow.jpg) no-repeat;
}

.PTBtn {
	background: url(../images/P&TButton.jpg) no-repeat;
}

.PTBtnArrow {
	background: url(../images/P&TButton_Arrow.jpg) no-repeat;
}

.teenBtn {
	background: url(../images/TeensButton.jpg) no-repeat;
}

.teenBtnArrow{
	background: url(../images/TeensButton_Arrow.jpg) no-repeat;
}

.youngAdultBtn {
	background: url(../images/YoungAdultsButton.jpg) no-repeat;
}

.youngAdultBtnArrow{
	background: url(../images/YoungAdultsButton_Arrow.jpg) no-repeat;
}



.col5 {
	display: inline;
	float: left;
	width: 460px;
	margin: 10px;
}

.col6 {
	display: inline;
	float: right;
	width: 460px;
	margin: 10px;
}

#tellUsWhatYouThink {
	display: block;
	height: 39px;
	background: url('../images/TellUsWhatYouThink.jpg') no-repeat center;
	text-indent: -99999px;
	margin: 20px 0px 20px 0px;
}

.buzzBlock {
	display: block;
	background-color: #fff;
}

.buzzBlockTop {
	display: block;
	width: 460px;
	height: 20px;
	background: url(../images/ContainerSM_Top.jpg) no-repeat;
}

.buzzBlockBottom {
	display: block;
	width: 460px;
	height: 20px;
	background: url(../images/ContainerSM_Bottom.jpg) no-repeat;
	margin-bottom: 10px;
}

.buzzBlock .buzzName {
	font: bold 18px/24px "Lucida Grande", Sans-serif;
	color: #4B4B4B;
	padding-left: 20px;
	padding-right: 10px;
	overflow: hidden;
}

.buzzBlock .buzzName em {
	font-variant: italic;
	font-size: 14px;
	font-weight: normal;
	color: #797979;
}

.buzzBlock p.buzzBody {
	font: 12px/18px "Lucida Grande", Arial, Sans-serif;
	color: #363636;
	padding: 10px 10px 0px 20px;
	margin-bottom: 0px;
}



#content {
	background-color: #fff;
	padding: 36px 36px 48px 36px;
	font: 12px/20px "Lucida Grande", Arial, Sans-serif;
}

h3.contentHead {
	font: 24px/36px "Lucida Grande", Arial, Sans-serif;
	color: #666;
	background: #f6f6f6;
	display: block;
	padding: 12px 36px 12px 36px;
	margin-bottom: 0px;
	border-bottom: 1px dotted #ccc;
}

.big {
	font-size: 1.5em;
}

#content p.lead {
	font-size: 18px;
	line-height: 24px;
	color: #157B90;
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px dashed #ccc;
}

#content p.leadnodashes {
	font-size: 18px;
	line-height: 24px;
	color: #157B90;
	margin-bottom: 24px;
	padding-bottom: 24px;
}

#miniBlock {
	
	display: block;
}

#col3 {
	float: left;
	width: 430px;
	display: inline;
	text-decoration: underline;	
}


#commentForm {
	display: block;
	width: 440px;
	height: 170px;
	background: url(../images/buzzFormBg.gif) no-repeat;
	margin-bottom: 10px;
	padding: 20px 10px 10px 10px;
}

#commentForm label {
	text-align: right;
	font: bold 12px/12px "Lucida Grande", Arial, Sans-serif;
	color: #333;
}

.itsYourTurn {
	border-top: 1px dashed #ccc;
	padding-top: 12px;
	font: bold 18px/18px "Lucida Grande", Arial, Sans-serif;
	display: block;
	margin-bottom: 8px;
}

.itsYourTurnDirections {
	display: block;
	font: 12px/18px "Lucida Grande", Arial, Sans-serif;
	color: #646464;
	margin-bottom: 18px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 12px;
}

.freebieBlock {
	display: block;
	background-color: #fff;
	padding: 0px 14px 0px 14px;
}

.freebieBlockTop {
	display: block;
	width: 460px;
	height: 20px;
	background: url(../images/ContainerSM_Top.jpg) no-repeat;
}

.freebieBlockBottom {
	display: block;
	width: 460px;
	height: 20px;
	background: url(../images/ContainerSM_Bottom.jpg) no-repeat;
	margin-bottom: 10px;
}

ul.freebies {
	font-size:11px;
	line-height:14px;
	list-style-type:none;
}

ul.freebies li {
	float:left;
	width:120px;
	padding-right:15px;
	margin-left:0px;
	margin-bottom:30px;
	text-align:center;
}

ul.freebies li.last {
	float:left;
	width:120px;
	padding-right:0px;
	margin-left:0px;
}

ul.freebies p {
	margin-bottom:12px;
}

ul.freebies h5 a {
	font-size:11px;
	color:#36A3CC;
	text-decoration:none;
}

ul.freebies h5 a:hover {
	text-decoration:underline;
}

h2 {
	font: 24px/36px "Lucida Grande", Arial, Sans-serif;
	display: block;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 12px;
	padding-bottom: 6px;
}

#notice {
	font:  bold 18px/18px "Lucida Grande", Arial, Sans-serif;
	
}


#commentForm li {
	list-style: none;
	display: block;
	margin: 0px 0px 6px 20px;
	clear: both;
}

#commentForm ul li label {
	display: inline;
	float: left;
	margin-right: 14px;
	width: 60px;
	font: bold 11px/11px "Lucida Grande", Arial, Sans-serif;
	color: #999;
	height: 12px;
	padding-bottom: 6px;
}

#commentForm ul li input, #commentForm ul li textarea {
	width: 200px;
}

#commentForm .input_city {
	width: 100px;
	margin-right: 10px;
}

#commentForm .sendNow {
	width: 100px;
	margin-left: 74px;
}

.formError {
	display: block;
	font: bold 10px/14px Arial, Sans-serif;
	color: #B70000;
}



#contactForm li {
	list-style: none;
	display: block;
	margin-bottom: 7px;
	clear: both;
	text-align: left;
}

#contactForm ul li label {
	display: inline;
	float: left;
	margin-right: 14px;
	width: 60px;
	text-align: right;
	font: bold 11px/14px "Lucida Grande", Arial, Sans-serif;
	color: #999;
	padding-bottom: 4px;
}

#contactForm ul li input, #contactForm ul li textarea {
	width: 200px;
}

#contactForm .input_city {
	width: 100px;
	margin-right: 10px;
}

#contactForm .sendNow {
	width: 100px;
	margin-left: 74px;
}

#freebies {
	font: 14px/18px "Lucida Grande", Arial, Sans-Serif;
	color: #777;
	padding: 10px;
	margin-bottom: 40px;
}

.col6 {
	font: 12px/18px "Lucida Grande", Arial, Sans-Serif;
	color: #777;
}


.picLeft {
	float: left;
	margin: 0px 10px 0px 0px;
}


.picCenter {
	text-align: center;
	margin-bottom: 30px;
}





.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



.navDownArrow {
	position: absolute;
	z-index: 222;
	top: -30px;
	right: -10px;
	padding: 10px;
	cursor: pointer;
}

.ie .navDownArrow {
	position: absolute;
	z-index: 222;
	top: -24px;
	right: -61px;
	padding: 10px;
	cursor: pointer;
}


.expandable {
	display: none;
	border-left: 4px solid #eee;
	margin-left: 18px;
	margin-top: 12px;
	padding-left: 24px;
}

.flushRight {
	float: right;
	margin-left: 14px;
	margin-bottom: 20px;
}

.flushLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}


.h3image {
	vertical-align: middle;
	margin-left: 28px;
}


.buzzBlock2 {
	display: block;
	padding: 10px;
}

hr.buzzHr {
	border: 0px;
	border-top: 1px dotted #ccc;
	margin-top: 18px;
	margin-bottom: 18px;
}

.buzzBlock2 {
	font: 12px/24px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
}

.buzzBlock2 .buzzImage {
	float: left;
	padding: 5px;
	border: 1px solid #eee;
	margin-right: 18px;
	margin-bottom: 9px;
}

.buzzBlock2 .buzzAuthor {
	font: italic bold 18px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	color: #999;
	margin-top: 18px;
	display: block;
	text-align: right;
	padding-right: 24px;
}


.curriculumPage h3 {
	font: bold 18px/27px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
}



#onLeft {
	float: left;
	display: inline;
	width: 400px;
}

#onRight {
	float: right;
	display: inline;
	width: 400px;
}

h4 {
	display: block;
	font: bold 18px/14px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	border-bottom: 1px dotted #eee;
	margin-bottom: 14px;
	margin-top: 14px;
	padding-bottom: 4px;
	color: #666;
}


#login ul li {
	list-style: none;
	display: block;
	clear: both;
}

#login .loginButton {
	margin-left: 110px;
}