@charset "utf-8";
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #043660;
	background-color: #f2E5ad;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#container     {
	/* width: 100%; */ /* change to 980px for development */
	width: 980px;  /* change to 100% to add to web */
	background-color: #f5d769;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding: 2px 5px 5px 5px;
	line-height: 140%;
}
#Footer   {
	background-image: url(../images/logo/footer.jpg);
	margin: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
} 
#header {
	background-image: url(../images/logo/topPanelSmaller.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#headerRtImg {
	float: left; /* since this element is floated, a width must be given */
	width: 10%;
	padding-top: 28px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 15px;
}
#mainPanel1 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #f2e5ad;
	border-right-width: thick;
	border-left-width: thick;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #064e89;
	border-left-color: #064e89;
}
#mainPanel2lt {
	background-image: url(../images/logo/centerPanelLt.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#mainPanel2rt {
	background-image: url(../images/logo/centerPanelRt.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#mainPanel3 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #F5D769;
}

#moviePanel {
	margin-right: auto;
	margin-left: auto;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5%;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #f2e5ad;
	border-right-width: thick;
	border-left-width: thick;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #064e89;
	border-left-color: #064e89;
}



#mainNav     {
	text-align: left;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	}
#mainNav      ul     {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 
	
#mainNav      ul      li     {
	list-style: none; /*eliminate the bullet, box, circle, etc. that normally preceeds a list item */
	display: inline;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f7e9b0;
	border-right-color: #e67035;
	border-bottom-color: #bb4d17;
	border-left-color: #f7e9b0;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-left: 5px;
	color: #410509;
	background-color: #E77036;
	font-weight: bold;
	}
#mainNav a:link {
	color: #054172;
}

#mainNav a:visited {
	color: #410509;
}
#mainNav a:hover {
	color: #f2e5ad;
}
#mainNav a:active {
	color: #054172;
}



#lessonNav {
	float: right;
	padding-right: 120px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#lessonNav       ul     {
	padding-left: 0;
	display: inline;
	} 
	
#lessonNav       ul       li     {
	list-style: none; /*eliminate the bullet, box, circle, etc. that normally preceeds a list item */
	display: inline;
	/*	border-top-width: 1px;*/
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	/*	border-top-style: solid;*/
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	/*	border-top-color: #f7e9b0;*/
	border-right-color: #e67035;
	border-bottom-color: #bb4d17;
	border-left-color: #f7e9b0;
	line-height: normal;
	color: #ed1c24;
	background-color: #E77036;
	margin-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
	}
#sidebar1  {
	float: left; /* since this element is floated, a width must be given */
	width: 21%;
	padding-top: 12px;
	padding-bottom: 0px;
	padding-left: 1%;
	margin-right: 1%;
}
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 21%;
	padding-top: 12px;
	padding-right: 1%;
	padding-bottom: 15px;
	padding-left: 0px;
	text-align: center;
	margin-left: 1%;
}

#sidebar1parts {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: left;
	margin-right: 6px;
}

#sidebar2parts {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: left;
	margin-left: 8px;
}


#sidebook {
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-align: center;
}

#mainContent  {
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 10px;
	padding: 0;
	margin-left: 2%;
}

#mainContentlt {
	margin-top: 0px;
	margin-right: 23%;
	margin-bottom: 10px;
	margin-left: 2%;
	padding: 0;
}


#mainContentrt {
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 10px;
	margin-left: 23%;
	padding: 0;
}

#mainContentBoth {
	margin-top: 0px;
	margin-right: 23%;
	margin-bottom: 10px;
	margin-left: 23%;
	padding: 0;
}

#bkBoth {
	background-image: url(../images/logo/centerPanelA.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #F2E5AD;
	background-position: top;
}

#bkRight {
	padding: 0;
	background-image: url(../images/logo/centerPanelRtA.gif);
	background-repeat: repeat-y;
	margin: 0px;
}

#bkLeft {
	padding: 0;
	background-image: url(../images/logo/centerPanelLtA.gif);
	background-repeat: repeat-y;
	margin: 0px;
}







.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearfloatlt {
	clear:left;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.clearfloatrt {
	clear:right;
	height:0;
	font-size: 1px;
	line-height: 0px;
}




#sidebar1 a:visited  {
	color: #410509;
}
#sidebar1 a:hover  {
	color: #f2e5ad;
}
#sidebar1 a:active  {
	color: #054172;
}
#sidebar2  a:visited  {
	color: #f2e5ad;
	font-weight: bolder;
}
#sidebar2  a:hover  {
	color: #f2e5ad;
}
#sidebar2  a:active  {
	color: #f2e5ad;
}

#paylinks a:visited {
	color: #993333;
}


#paylinks a:hover {
	color: #cc6666;
}

#paylinks a:active {
	color: #993333;
}

a:link  {
	color: #043660;
}
a:visited  {
	color: #993333;
}
a:hover  {
	color: #cc6666;
}
a:active  {
	color: #993333;
}

.odd {
	background-color: #FF8B17;
}
.even {
	background-color: #FFA953;
}
.rowhover {
	color: #f2e5ad;
}

.rowselect {
	color: #054172;
}


h3, h2, h1 {
	line-height: 150%;
}


.imageColor {
	border: medium double #064e89;
}

.image_ltfloat {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	border: thick double #064e89;
}

.image_rtfloat {
	float: right;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: thick double #064e89;
}


.img_rtfloatpay {
	float: left;
	border: thick double #064e89;
	padding-left: 5px;
	width: 90%;
}





img {
	border-style: none;
}
.ltFloat {
	float:left;
	width: 50%;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0;
}
.rtFloat {
	float:right;
	width: 50%;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0;
}
.rtFloat79 {
	float:right;
	width: 79%;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0;
}
.rtFloat40 {
	float:right;
	width: 40%;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}



.ftltbutton {
	float: left;
	width: 44%;
	text-align: right;
}

.ftrtbutton {
	float: right;
	width: 44%;
	text-align: left;
}




p.dropcap:first-letter {
	float: left;
	width: 80px;
	font-size: 60px;
	line-height: 50px;
}


.bodyOne {
	padding-right: 20px;
	padding-left: 20px;
}

#titleOrangeBlue {
	line-height: 110%;
	color: #064e89;
	background-color: #ff9933;
	margin-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #e67035;
	text-align: left;
	display: inline;
}




.frmFill   td  {
	border: 0px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 7px;
}

.frmFill     table {
	background-image: url(../images/doodads/blueGrad.gif);
	background-repeat: repeat-x;
	background-color: #C1D3E1;
	margin: 10px;
}

.frmFill table th {
	background-repeat: repeat-x;
	/*	margin: 10px;*/
	text-align: left;
	background-position: bottom;
	background-image: url(../images/doodads/blueGrad.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 30px;
}



form {
	margin: 0px;
	padding: 0px;
}
#buttonColor {
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #064e89;
}
table.noBorderTable   td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: top;
	text-align: left;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#nodisplayName {
	display:none;    /* Do NOT print these items */
}

.makept {
	cursor: pointer;
}

.nobuttonlook {
	text-align: center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



.nobuttonlook td {
	text-align: center;
	border: medium solid #666666;
}

.buttonlook td {
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E4E4E4;
	border-right-color: #aaaaaa;
	border-bottom-color: #666666;
	border-left-color: #FFFFFF;
	text-align: center;
}
.buttonlook /*a:link.button {
	color: #552b2b;
	text-decoration:none;
	border: 1px solid #000000;
	background-color: #999999;
	padding: 2px;
	line-height:150%;
}
*/ 
/*I tried ading a button to a link - I didn't want all the links to change only some.*/
 td a:link
  {
	text-decoration:none;
	color: #043660;
	font-weight: bold;
}
.buttonlook  /*a:link.button {
	color: #552b2b;
	text-decoration:none;
	border: 1px solid #000000;
	background-color: #999999;
	padding: 2px;
	line-height:150%;
}
*/ 
td /*I tried ading a button to a link - I didn't want all the links to change only some.*/
 a:visited
  {
	color: #993333;
	text-decoration:none;
	font-weight: bolder;
}
.buttonlook   /*a:link.button {
	color: #552b2b;
	text-decoration:none;
	border: 1px solid #000000;
	background-color: #999999;
	padding: 2px;
	line-height:150%;
}
*/ 
td a:hover/*I tried ading a button to a link - I didn't want all the links to change only some.*/
 
  {
	color: #cc6666;
	text-decoration:none;
}
.buttonlook     /*a:link.button {
	color: #552b2b;
	text-decoration:none;
	border: 1px solid #000000;
	background-color: #999999;
	padding: 2px;
	line-height:150%;
}
*/ 
td  a:active/*I tried ading a button to a link - I didn't want all the links to change only some.*/
 
  {
	color: #993333;
	text-decoration:none;
}

.buttonlookImg {
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E4E4E4;
	border-right-color: #aaaaaa;
	border-bottom-color: #666666;
	border-left-color: #FFFFFF;
	text-align: center;
	float: right;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}


#lessonTable {
	float: left;
	width: 350px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #ED1C24;
}
#lessonTable th {
	background-color: #FF9933;
	text-align: center;
	padding: 3px;
	border: thin solid #f7e9b0;
	color: #043660;
}
#lessonTable td {
	padding: 3px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #AAAAAA;
	border-bottom-color: #666666;
	border-left-color: #FFFFFF;
	font-weight: bold;
}
#lessonTable a:link  {
	color: #ED1C24;
}
#lessonTable  a:hover  {
	color: #f2e5ad;
}
.smallFont {
	font-size: x-small;
}
.boldRed {
	color: #ED1C24;
	font-weight: bold;
}

.materials {
	margin-left: 20px;
	border: thin solid #F2B56A;
	margin-right: 20px;
}

.materials td {
	padding-left: 10px;
	border: thin solid #F2E5AE;
	background-color: #F4C184;
	padding-right: 5px;
}

.materials th {
	padding-left: 10px;
	text-align: left;
	background-color: #F4C184;
}

.infoTable {
	text-align: left;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
.infoTable td {
	padding-left: 10px;
}



.infoTableBlue {
	text-align: left;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0979D5;
	border-right-color: #064E89;
	border-bottom-color: #064E89;
	border-left-color: #0979D5;
	margin: 0px;
	padding: 5px;
}

.infoTableGreen {
	text-align: left;
	margin: 0px;
	padding: 5px;
	border: medium solid #006633;
}

.titleLesson {
	border: medium solid #DE5B27;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(../images/logo/titleOrange.jpg);
	background-repeat: no-repeat;
	color: #000000;
}

.titleAssessment {
	border: medium solid #EC9667;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(../images/logo/titleOrangeNew.jpg);
	background-repeat: no-repeat;
	color: #000000;
}

.titleReEnforcement {
	border: medium solid #F68A1B;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(../images/logo/titleOrangeYellowNew.jpg);
	background-repeat: no-repeat;
	color: #000000;
}

.titleSkills {
	border: medium solid #C87E27;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(../images/logo/titleyellowOrangenew6.jpg);
	background-repeat: no-repeat;
	color: #000000;
}

.titleFacts {
	border: medium solid #AA5500;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(../images/logo/titleRedOrangeNew6.jpg);
	background-repeat: no-repeat;
	color: #000000;
}

.titlePrep {
	border: medium solid #EC9835;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(../images/logo/titleOrange4.jpg);
	background-repeat: no-repeat;
	color: #000000;
}

.titleThink {
	border: medium solid #F6BB79;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(../images/logo/titleOrangeNew3.jpg);
	background-repeat: no-repeat;
	color: #000000;
}

.titleLinks {
	border: medium solid #E7733A;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(../images/logo/titleOrange2.gif);
	background-repeat: no-repeat;
	color: #000000;
}

.titleStyles {
	border: medium solid #D86127;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-image: url(../images/logo/titleOrangeBright.jpg);
	background-repeat: no-repeat;
	color: #000000;
}








.borderLesson {
	border: medium solid #DE5B27;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.borderReEnforcement {
	border: medium solid #F68A1B;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.borderAssessment {
	border: medium solid #EC9667;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.borderSkills {
	border: medium solid #C87E27;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.borderFacts {
	border: medium solid #AA5500;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.borderPrep {
	border: medium solid #EC9835;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.borderThink {
	border: medium solid #F6BB79;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.borderLinks {
	border: medium solid #E7733A;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.borderStyles {
	border: medium solid #D86127;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}








.borderInfo {
	border: thin solid #FF3300;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}



#thbnailVideo {
	background-image: url(../images/doodads/videoBg.gif);
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-repeat: no-repeat;
	width: 195px;
	float: left;
	margin-right: 10px;
	margin-left: 30px;
}

#thbnailVideoA {
	background-image: url(../images/doodads/videoBg.gif);
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-repeat: no-repeat;
	width: 195px;
	float: left;
	margin-right: 20px;
}

#thbnailLessonA {
	background-image: url(../images/doodads/lessonFrame.gif);
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-repeat: no-repeat;
	width: 195px;
	float: left;
	margin-right: 20px;
}

#thbnailLesson {
	background-image: url(../images/doodads/lessonFrame.gif);
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-repeat: no-repeat;
	width: 195px;
	float: left;
	margin-right: 10px;
	margin-left: 30px;
}

#tShirt {
	background-image: url(../images/logo/tShirtFrame.jpg);
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-repeat: no-repeat;
	width: 195px;
	float: left;
	margin-right: 10px;
	margin-left: 30px;
}

#tShirtBig {
	background-image: url(../images/logo/tShirt.jpg);
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-repeat: no-repeat;
	width: 195px;
	float: left;
	margin-right: 10px;
	margin-left: 30px;
	background-position: center;
}




.moveLt {
	margin-left: 19px;
}

.adsenseBanner {
	background-color: #F2E5AE;
	text-align: center;
}

.arrowLink {
	float:left;
	width: auto;
	margin-top: 3px;
	margin-right: 8px;
	margin-bottom: 28px;
	margin-left: 5px;
	clear: both;
}