body {
	font-size: 12px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #431400;
	background: #eec88f url('images/BG.jpg') top center no-repeat;
}

/*** set up backgrounds for various sections ***/
#home #maincontainer {
	background: transparent url('images/BG-1.jpg') top center no-repeat;
}
#send #maincontainer {
	background: transparent url('images/BG-2.jpg') top center no-repeat;
}

#order-thank-you #maincontainer {
	background: transparent url('images/BG-5.jpg') top center no-repeat;
}

#inclass #maincontainer {
	background: transparent url('images/BG-3.jpg') top center no-repeat;
}
#inclass-songs #maincontainer {
	background: transparent url('images/BG-3.2.jpg') top center no-repeat;
}
#hygiene #maincontainer {
	background: transparent url('images/BG-4.jpg') top center no-repeat;
}
#order-form #maincontainer {
	background: transparent url('images/BG-6.jpg') top center no-repeat;
}

/********************
*** Common CSS
********************/

#header {
	width: 847px;
	height: 202px;
	text-align: center;
	position: relative;
/* 	background-color: #312; */
}

/*
#header a {
	position: absolute; bottom: 40px;
}
*/

#header #homeB a {
	display: block;
	left: 140px;
	position: absolute;
	bottom: 42px;
	width:64px;
	height:22px;
	background: url(images/homeB.png) 0 0 no-repeat;
}
#header #homeB a:hover {
	background-position: 0 -22px;
}

#header #classB a {
	display: block;
	left: 213px;
	position: absolute;
	bottom: 42px;
	width:175px;
	height:22px;
	background: url(images/classB.png) 0 0 no-repeat;
}
#header #classB a:hover {
	background-position: 0 -22px;
}

#header #hygieneB a {
	display: block;
	left: 395px;
	position: absolute;
	bottom: 42px;
	width:137px;
	height:22px;
	background: url(images/hygieneB.png) 0 0 no-repeat;
}
#header #hygieneB a:hover {
	background-position: 0 -22px;
}

#header #sendB a {
	display: block;
	left: 540px;
	position: absolute;
	bottom: 42px;
	width:182px;
	height:22px;
	background: url(images/sendB.png) 0 0 no-repeat;
}
#header #sendB a:hover {
	background-position: 0 -22px;
}


#header #spreadwellness a {
	color: #005195;
	text-decoration:none;
}

#header #spreadwellness a:hover {
	text-decoration:underline;
}

#header #spreadwellness {
	color: #005195;
	font-size: 17px;
	font-weight: bold;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	display: block;
	left: 83px;
	top: 20px;
	position: absolute;
}

#header #socialB {
	color: #812c0b;
	font-size: 16px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	display: block;
	left: 590px;
	top: 20px;
	position: absolute;
}

#header #socialB a {
	padding-left: 4px;
}

.fLeft { float: left; }
.fRight { float: right; }
.clear { clear: both; }

.smaller { font-size: 8px; }

#maincontainer {
	width: 848px;
	margin: 0 auto;
	position: relative;
}

/********************
*** Main content area
********************/

#scroll {
	width: 772px;
	margin: 0 auto;
/* 	background-color: #ccc; */
}

#innerscroll {
	text-align: center;
	padding-left: 65px;
	padding-bottom: 15px;
	padding-right: 65px;
	padding-top: 20px;
	height: 100%;
/* 	border: 1px solid #123; */
}

#innerscroll p {
	margin-bottom: 10px;
}

#innerscroll h3 {
	color: #9c4322;
	font-size: 30px;
	font-weight: bold;
}

/********************
*** Footer
********************/

#footer {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width: 847px;
	height: 200px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 10px;
	color: #000;
/* 	background-color: #222; */
}

#footer a {
	color: #000;
}
#footer p { margin-bottom: 30px; }

#footer .blueText { color: #005195; }

/********************
*** #home
********************/

#home #scroll {
	height: 320px;
}

#home #subScroll {
	position: relative;
	overflow: hidden;
	top: 26px;
/* 	top: 548px; */
	width:847px;
	height: 180px;
}

/* #home #subScroll div { position: absolute; } */

#home #subScroll .flash-over {
	position: absolute;
	top:0;
	left:0;
	z-index:2;
}

#home #subScroll #singB { position: absolute; left: 42px; top: 6px; }
#home #subScroll #soapB { position: absolute; left: 296px; top: 6px; }
#home #subScroll #colorB { position: absolute; left: 550px; top: 6px; }

#home #innerscroll {
/* 	border: 1px solid #123; */
	top: -20px;
	position: relative;
	height: 320px;
	padding: 0px;
}


/********************
*** #send
********************/

#send #scroll {
	height: 350px;
}

#send #innerscroll {
	text-align:left;
	position: relative;
	padding-top:10px;
}
#send #innerscroll h3 {
	font-size: 25px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#send #innerscroll p {
	color: #000;
}

#send #innerscroll strong {
	font-weight: bold;
}

#send #innerscroll #kickFlash {
	position: relative;
	top: -10px;
	float: right;
	height: 311px;
	width: 313px;
/* 	background-color: #ccc; */
}

#send #innerscroll #sendFormDiv {
	position: absolute;
	top: 130px;
	left: 60px;
	width: 310px;
	height: 171px;
	background: url(images/send/formBG.jpg) 0 top no-repeat;
}

#send #innerscroll #sendForm {
	position: absolute;
	top:21px;
}

#send #innerscroll #sendForm label {
	position: relative;
	left:20px;
	display: block;
	color: #005195;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 9px;
}

#send #innerscroll #sendForm input {
	margin-top: 9px;
	width: 260px;
	font-size: 14px;
	display: block;
	position: relative;
/* 	left:20px; */
}

#send #innerscroll #sendForm #submit {
position: absolute;
top:-12px;
left:226px;
width: 50px;
cursor:pointer;
border:none;
/* border: 1px #123 solid; */
/* background:#999; */
color:#005195;
background:url(media/formbg.gif) repeat-x left top;
}

#send #innerscroll #confirmed-holder {
	position: absolute;
	top: -10px;
	left: 100px;
	width: 587px;
	height: 324px;
	background: url(images/send/confirmation.jpg) 0 0 no-repeat;
}

#send #innerscroll #confirmed-copy {
	font-size: 18px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #251400;
	position: absolute;
	top: 220px;
	left: 143px;

}

/********************
*** #hygiene
********************/

#hygiene #scroll {
	height: 817px;
}


#hygiene #Frame {
	height: 426px;
	width: 645px;
	background: transparent url(images/hygiene/frame.jpg) 0 0 no-repeat;
/* 	overflow: hidden; */
	position: relative;
}

#hygiene #headings {
	text-align: left;
	height: 80px;
	padding-left: 20px;
	color: #9f3c15;
}
#hygiene #headings h3 {
	font-size: 28px;
	font-weight: bold;
}

#hygiene #headings h4 {
	font-size: 24px;
}

#hygiene #Frame .washingStep .stepText {
	position: absolute;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
}

#hygiene #Frame .washingStep .smaller {
	line-height: 8px;
}

#hygiene #Frame #topRow .stepText {
	width: 116px;
	left: 15px;
	top: 160px;
}

#hygiene #Frame #topRow {
	position: absolute;
	top: -2px;
	left: 0px;
}
#hygiene #Frame #topRow .washingStep {
	position: absolute;
	height: 215px;
	width: 145px;
}

#hygiene #Frame #step1 { background: transparent url(images/hygiene/step1.jpg) left bottom no-repeat; left: 27px; }
#hygiene #Frame #step2 { background: transparent url(images/hygiene/step2.jpg) left bottom no-repeat; left: 175px; }
#hygiene #Frame #step3 { background: transparent url(images/hygiene/step3.jpg) left bottom no-repeat; left: 323px; }
#hygiene #Frame #step4 { background: transparent url(images/hygiene/step4.jpg) left bottom no-repeat; left: 471px; }



#hygiene #Frame #bottomRow .stepText {
	width: 130px;
	left: 10px;
	top: 172px;
}

#hygiene #Frame #bottomRow {
	position: absolute;
	top: 195px;
	left: 0px;
}
#hygiene #Frame #bottomRow .washingStep {
	position: absolute;
	height: 215px;
	width: 145px;
}

#hygiene #Frame #step5 { background: transparent url(images/hygiene/step5.jpg) left bottom no-repeat; left: 27px; }
#hygiene #Frame #step6 { background: transparent url(images/hygiene/step6.jpg) left bottom no-repeat; left: 175px; }
#hygiene #Frame #step7 { background: transparent url(images/hygiene/step7.jpg) left bottom no-repeat; left: 323px; }
#hygiene #Frame #step8 { background: transparent url(images/hygiene/step8.jpg) left bottom no-repeat; left: 471px; }

#hygiene #Frame #germTop {
	position: absolute;
	top: -85px;
	right: 40px;
}

#hygiene #scrollBottom {
/* 	overflow: hidden; */
	position: relative;
	height:258px;
}

#hygiene #scrollBottom #masterMo {
	position: absolute;
	top: -20px;
	left: 21px;
	background: url(images/hygiene/master-mo.jpg) no-repeat;
	width:111px;
	height:258px;
}
#hygiene #scrollBottom #rightCol {
	position: absolute;
	top: 20px;
	left: 155px;
/* 	float: right; */
	overflow: hidden;
}
#hygiene #scrollBottom #whenToWash {
	background: url(images/hygiene/when-to-wash.jpg) no-repeat;
	width:438px;
	height:111px;
	position: relative;
	padding-bottom: 10px;
}

#hygiene #scrollBottom #whenToWash span {
	position: absolute;
	top: 72px;
	width: 80px;
	color: #9f3c15;
}

#hygiene #scrollBottom #whenToWash #wash1 { left: 00px; }
#hygiene #scrollBottom #whenToWash #wash2 { left: 95px; }
#hygiene #scrollBottom #whenToWash #wash3 { left: 181px; }
#hygiene #scrollBottom #whenToWash #wash4 { left: 268px; }
#hygiene #scrollBottom #whenToWash #wash5 { left: 360px; }

#hygiene #scrollBottom #bottomlinks {
	position: relative;
	text-align: left;
	width:480px;
	height:65px;
}

#hygiene #scrollBottom #bottomlinks #songGerm { position: absolute; left: 20px; top: 0px; }
#hygiene #scrollBottom #bottomlinks #link1 { position: absolute; left: 200px; top: 15px; color: #9f3c15; font-size: 16px; font-weight: bold; background: url(images/arrowBrown.png) right center no-repeat; padding-right: 11px; }
#hygiene #scrollBottom #bottomlinks #link2 { position: absolute; left: 200px; top: 35px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #1b8ec9; font-size: 12px; background: url(images/arrowBlue.png) right 5px no-repeat; padding-right: 8px; }

#hygiene #scrollBottom #bottomlinks a { text-decoration: none; }
#hygiene #scrollBottom #bottomlinks a:hover { text-decoration: underline; }


#hygiene #master-mo-says {
	color: #9f3c15;
	font-weight: bold;
	font-size: 22px;
	text-align: left;
	position: relative;
	left:32px;
}

#hygiene .moreInfo { font-size: 9px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #000; }

#hygiene .moreInfo a { text-decoration: underline; color: #000; }

/********************
*** #inclass
********************/

#inclass.colorgame #innerscroll {
/* 	border: 1px solid #123; */
	position: relative;
	left:-3px;
	padding: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 18px;
}


#inclass.activities #innerscroll {
	padding-top: 10px;
}



#inclass #subNav {
	text-align: left;
	position: absolute;
	top: 178px;
	left: 217px;
	height: 20px;
	width: 450px;
}

#inclass #subNav a {
	float: left;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #8b4503;
	padding-right: 20px;
}

#inclass #subNav a:hover {
	text-decoration: underline;
}

#inclass #subNav a {
	float: left;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #8b4503;
	padding-right: 20px;
}

#inclass #subNav a:hover {
	text-decoration: underline;
}


#inclass #subNav #activeSub {
	background: url(images/navArrow.png) 0 3px no-repeat;
	padding-left: 6px;
	text-decoration: underline;
}

.vspacer {
	height: 20px;
}

#inclass #scroll {
	height: 817px;
	position: relative;
}

#inclass #innerscroll #onlineHolder {
	height: 319px;
	margin: 0 auto;
	text-align:center;
}

#inclass #innerscroll #onlineHolder div {
	display: inline;
}

#inclass #innerscroll #onlineHolder #onlineRight {
	padding-left:40px;
}

#inclass #innerscroll #inclassHolder {
	width: 524px;
	height: 491px;
	margin: 0 auto;
	background: transparent url(images/inclass-activities/activities-bg.jpg) top center no-repeat;
}

#inclass #innerscroll #inclassHolder .relImg {
	position: relative;
	top: 25px;
	left: 30px;
}

#inclass #innerscroll #inclassHolder #inclassMiddle {
	left: 55px;
}

#inclass #innerscroll #inclassHolder #inclassRight {
	left: 75px;
}


#inclass #inclassHolder a {
	text-decoration: none;
	color: #8b4503;
	font-size: 12px;
	font-weight: bold;
}

#inclass #inclassHolder a span {
	display: block;
	padding-top:10px;
}
#inclass #inclassHolder a:hover {
	text-decoration: underline;
}

#inclass #inclassHolder .row2 {
	padding-top: 235px;
}


#inclass .greenLink span {
	color: #16671d;
	padding: 5px 0;
}


/********************
*** #inclass-songs
********************/

#inclass-songs #scroll {
	height: 817px;
	position: relative;
}

#inclass-songs #subNav {
	text-align: left;
	position: absolute;
	top: 178px;
	left: 217px;
	height: 20px;
	width: 450px;
}

#inclass-songs #subNav a {
	float: left;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #8b4503;
	padding-right: 20px;
}

#inclass-songs #subNav a:hover {
	text-decoration: underline;
}

#inclass-songs #subNav #activeSub {
	background: url(images/navArrow.png) 0 3px no-repeat;
	padding-left: 6px;
	text-decoration: underline;
}

#inclass-songs #innerscroll #bottomGerm {
	position: absolute;
	top: 615px;
	left: 480px;
}

#inclass-songs #scroll #innerscroll {
	text-align: left;
}

#inclass-songs #innerscroll .lyrics {
	color: #431400;
	font-size: 12px;
	width: 220px;
	margin-right: 15px;
	margin-bottom: 20px;
}

#inclass-songs #innerscroll .lyrics h4 {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #9c4322;
	line-height: 20px;
}

#inclass-songs #innerscroll .lyrics span {
	color: #7c2703;
}

#inclass-songs #innerscroll .lyrics .songHeader {
	padding-bottom: 5px;
	background: url(images/inclass/divider.png) left bottom no-repeat;
/* 	font-size: 11px; */
	line-height: 14px;
}

#inclass-songs #innerscroll .lyrics p {
	line-height: 20px;
}

#inclass-songs #innerscroll .lyrics strong {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #0068a6;
}

#inclass-songs #innerscroll .lyrics a.songLink {
	background: url(images/inclass/playSong.jpg) 7px 0 no-repeat;
}

#inclass-songs #innerscroll .lyrics a.videoLink {
	background: url(images/inclass/playVideo.jpg) 0 0 no-repeat;
	padding-bottom: 10px;
	padding-top: 2px;
}

#inclass-songs #innerscroll .lyrics a {
	text-decoration: none;
	color: #005195;
	padding-left: 25px;
}

#inclass-songs #innerscroll .lyrics a:hover {
	text-decoration: underline;
}

#inclass-songs #innerscroll p a {
	color: #431400;
}

#inclass #germ-color {
	position: relative;
	left:-8px;
}

/********************
*** #order-thank-you
********************/

#order-thank-you #scroll {
	height: 350px;
}

#order-thank-you #innerscroll {
	text-align:center;
	position: relative;
	padding-top:10px;
}
#order-thank-you #innerscroll h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 20px 0;
	color: #005195;
}

#order-thank-you #innerscroll p {
	color: #9f3c15;
	font-size: 14px;
}

#order-thank-you #innerscroll strong {
	font-weight: bold;
}

/**********/

#activity-list {
	padding-top: 5px;
	padding-left: 40px;
	text-align: left;
	color: #431400;
}

#activity-list h5 {
	color: #af5b13;
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#activity-list a:hover {
	text-decoration: underline;
}

#activity-list .brownLink,
#activity-list .greenLink {
	text-decoration: none;
	padding-right: 8px;
	margin-right: 13px;
	background-position: right 1px;
	background-repeat: no-repeat;
}
#activity-list .greenLink {
	color: #16671d;
	background-image: url('images/greenArrow.png');
}

#activity-list .brownLink {
	color: #431400;
	background-image: url('images/brownArrow.png');
}

#activity-list p {
	margin-bottom: 5px;
}





/********************
*** #order-form
********************/

#order-form #scroll {
	height: 817px;
}

#order-form #innerscroll {
	text-align:left;
	color: #005195;;
}

#order-form a {
	color: #005195;;
}

#order-form h5 {
	color: #005195;
	font-weight: bold;
	font-size: 18px;
}

#order-form #headerText {
	color: #9f3c15;
	font-size: 14px;
	width: 250px;
	padding-bottom: 10px;
}

#order-form ul {
	padding-top:15px;
	margin-bottom: 1px;
	list-style-position:inside;
	list-style-type: disc;
	margin-left: 0px;
	padding-left: 0;
}
#order-form ul li {
	margin: 0;
	padding: 0;
	font-size: 10px;
}
#order-form .smaller { font-size: 10px; }

#order-form em { font-style: italic; }
#order-form strong { font-weight: bold; }
#order-form strong, #order-form label {display: block; font-size: 12px; color: #005195;}

#order-form .textbox {display: block; width: 260px;}

#order-form label {margin-bottom: 10px;}

#order-form input[type="radio"], input[type="checkbox"] {display: inline;}