/**
 *Reading-Tutors Style Sheet for template
 *
 *@author       Learningpage.com, Inc.  sam@readinga-z.com
 *@version      2       November 10,     2004
 */
/**/


#navigation {
        float: left;
        width: 165px;
        background:#FFFFFF;
        margin-top: 4px;
	/*height: 100%;*/
	clear: none;
}

#content {
        margin-top: 8px;
	float: left;
	width: 65%;
        background: #FFFFFF;
        /*margin-left: 175px;*/
}

#textFooter {
        /*float: left;*/
	clear: both;
	background: url(/shared/images/footer/tile.gif) 0 0 repeat-x #e5e5e5;
	color: #666;
	font-size:11px;
	width:100%;
  padding-top:20px;
  padding-bottom:20px;
  text-align:center;
}

/**
 *Reading-Tutors Style Sheet for non-template presentation
 *
 *@author       Learningpage.com, Inc.  sam@readinga-z.com
 *@version      2       March   24,     2004
 */
/************************************************************/
/**
 *              BEGIN ELEMENTS
 */
body {
        margin: 15px;
        margin-top: 5px;
        margin-bottom:0px;
        padding: 0px;
        width: 1024px;
        font: 12px arial,helvetica,sans-serif;
		background: #FFFFFF;
}

a {
        text-decoration: none;
}

a:link {
        color: #0C4586;
}

a:visited {
        color: #8395B9;
}

a:hover, a:active {
        color: #0C4586;
        text-decoration: underline;
}

img {
        margin: 0;
        text-decoration: none;
        border: none;
        align: center;
}

h1 {
        text-align: left;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0px;
        font-size: 20px;
        color: red;
}

h2 {
        text-align: left;
        margin-top: 2px;
        margin-bottom: 0px;
        padding: 0px;
        font-size: 18px;
        color: red;
}

h3, h4 {
        margin-left: 0px;
        margin-top: 2px;
        margin-bottom:0px;
        padding-top: 3px;
        padding-bottom: 0px;
        background-position: left;
}

h5 {
        text-align: center; 
} 

ul {
        margin-top: 0px;
        margin-left: 120px;
}

li {
        list-style-type: disc;
        font: 12px arial,helvetica,sans-serif;
}

li.plain {
	margin-left: 0px;
}

ul.plain {
	margin-left: 0px;
}

ul ul {
        list-style: none;
}

ul.main {
		list-style: disc inside;
}

p {
        font: 12px arial,helvetica,sans-serif; 
        margin-bottom: 10px;
        margin-top: 4px;
}

p.sub {
        font: 12px arial,helvetica,sans-serif; 
        margin-bottom: 10px;
        margin-top: 4px;
        margin-left: 217px;
}

table {
        border: none;
        margin: 0;
}

td {
        text-align: left;
        vertical-align: top;
        font: 16px arial,helvetica,sans-serif; 
}

/**
 *              END     ELEMENTS
 */
/************************************************************/
/**
 *              BEGIN DEFAULT
 */

div#default {
        border: solid black 1px;
        background-color: rgb(255,255,224);
        padding: 5px;
}

#default li {
        margin-top: 5px;
}

#default table {
        background-color: gray;
        margin: 5px;
        margin-left: 10%;
}

#default td {
        background-color: rgb(255,255,224);
        padding-left: 5px;
        padding-right: 5px;
}

/**
 *              END     DEFAULT
 */
/************************************************************/
/**
 *              BEGIN HEADER
 */

#header {
        text-align: left;
        margin: 0px;
        vertical-align: bottom;
        background: #FFFFFF;
}

#header input.inputfield {
        width:100px;
        height:20px;
        font-size:10px;
        vertical-align: bottom;
}

#header input.button {
        color:#1F60A9;
        height:2em;
        width: 60px;
        margin:0px;
        font-size: 10px;
        vertical-align: bottom;
}

#header span.bolded {
        font-weight:bold;
        font-size: 14px;
        margin-right: 3px;
}

#header td {
        vertical-align: bottom;
        text-align: left;
        height: 80px;
}

#header form.login {
        display: block;
        background-color: #FBFDBE;
        padding: 4px;
        width: 470px;
        height: 40px;
        text-align: center;
        vertical-align: center;
}

#header form.logout {
        background-color: #FFA814;
        padding: 4px;
        width: 100px;
        height: 24px;
        text-align: center;
        vertical-align: bottom;
}


#header img {
        margin: 0;
        text-decoration: none;
        border: none;
}

/**
 *              END HEADER
 */
/************************************************************/
/**
 *              BEGIN FOOTER
 */

#footer p {
        margin: 0;
        font-size: 10px;
}

/**
 *              END FOOTER
 */
/************************************************************/
/**
 *              BEGIN Resource Packets Menu
 */

h3.menucategory {color: #3360b0; font-size: 14 px; padding: v 16}
/**
 *              END Resource Packets Menu
 */
/************************************************************/
/**
 *              BEGIN Other Resources Menu
 */


/**
 *              END Other Resources Menu
 */
/************************************************************/
/**
 *              BEGIN INDEX
 */

#index {
        padding-right: 0px
        padding-left: 0px;
        font-size: 14px; 
        text-align: center;
}

#index h1 {
        margin: 0px;
        padding-bottom: 0px;
        text-align: left;
        color: #000000;
        font-size: 18px;
        margin-left: 164px;
}

#index h2 {
        margin: 0px;
        padding-bottom: 0px;
        text-align: left;
        color: #000000;
        font-size: 14px;
        margin-left: 164px;
}

#index h4 {
        margin-top: 8px;
        margin-bottom: 0;
        padding-bottom: 6px;
        text-align: center;
        vertical-align: top;
        font-size: 14px;
}       

#index h5 {
        text-align: left;
        color: #000000;
        font-size: 12px;
        font-weight: bold;
        margin-left: 164px;
}

#index span {
        visibility: hidden;
}

#index ul {
        margin: 0px;
        padding: 5px;
}

#index li {
        list-style-type: disc;
        list-style-position: inside;
        margin-left: 10px;
}

#index p {
        text-align: left;
        margin-top: 4px;
        margin-left: 164px;
}

/**
 *              END INDEX
 */
/************************************************************/
/**
 *              BEGIN MAIN
 */


#main {
        padding-right: 0px;
        padding-left: 5px;
        text-align: left;
}

#main h1 {
        margin: 0px;
        padding-bottom: 0px;
        padding-top: 4px;
        text-align: left;
        color: #000000;
        font-size: 20px;
}

#main h3 {
        margin: 0px;
        padding-top: 6px;
        text-align: left;
        color: #000000;
        font-size: 16px;
}

#main h4 {
        margin: 0px;
        padding-top: 6px;
        text-align: left;
        color: #000000;
        font-size: 14px;
        font-weight: bold;
}

#main h5 {
        text-align: left;
}

#main a.mainlink {
        color: red;
}

#main p {
        text-align: left;
        margin-top: 4px;
}

#main p.list {
        text-align: left;
        margin-top: 4px;
        margin-left: 20px;
}

#main ul.box {
        margin: 0px;
        padding: 5px;
        background-color: #FBFDBE;
}

#main li {
        list-style-type: disc;
        list-style-position: outside;
        margin-left: 10px;
}

#main ul {
        margin: 0px;
        padding: 5px;
}

#main li.title {
        list-style: none;
        list-style-position: outside;
        margin-left: 0px;
        font-weight: bold;
        font-size: 14px;
}

#main li.subtitle {
        list-style-type: disc;
        list-style-position: outside;
        margin-left: 10px;
        font-style: italic;
}

#main p.divider{
        text-align: right;
        margin-top: 4px;
        font-size: 10px;
}

#main table.subs {
        padding: 0px;
        margin: 0px;
}

#main th {
        border: thin solid #000000;
        text-align: center;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #185BA6;
        font-size: 14px;
        vertical-align: top;
}

#main th.orange {
        border: thin solid #000000;
        text-align: center;
        font-weight: bold;
        color: #000000;
        background-color: #FFA814;
        font-size: 14px;
        vertical-align: top;
}


#main h6 {
        text-align: left;
        color: #FFFFFF;
        font-size: 10px;
        margin: 0px;
        padding: 2px;
}

#main h6.head {
        text-align: left;
        color: #000000;
        font-size: 10px;
        margin: 0px;
        padding: 2px;
}

#main td.head {
        border-bottom: thin solid #000000;
        border-left: thin solid #000000;
        border-right: thin solid #000000;
        background-color: #FBFDBE;
        text-align: left;
        color: #000000;
        font-size: 12px;
        font-weight: bold;
        padding: 2px;
}

#main td.text {
        border-bottom: thin solid #000000;
        border-right: thin solid #000000;
        text-align: left;
        color: #000000;
        font-size: 12px;
        padding: 2px;
}

#main td.white {
        background: #FFFFFF;
        padding: 5px;
        font-size: 12px;
        vertical-align: bottom;
}

#main td.blue {
        background: #83AAF3;
        padding: 5px;
        font-size: 12px;
        vertical-align: bottom;
}

#main td.yellow {
        background: #FBFDBE;
        font-size: 12px;
        padding: 5px;
        vertical-align: bottom;
}

#main td.orange {
        background: #FFA814;
        font-size: 12px;
        padding: 5px;
        vertical-align: bottom;
}

#main td.whitec {
        background: #FFFFFF;
        padding: 5px;
        font-size: 12px;
        vertical-align: bottom;
        text-align: center;
}

#main td.bluec {
        background: #83AAF3;
        padding: 5px;
        font-size: 12px;
        vertical-align: bottom;
        text-align: center;
}

#main td.yellowc {
        background: #FBFDBE;
        font-size: 12px;
        padding: 5px;
        vertical-align: bottom;
        text-align: center;
}

#main td.red {
        background: red;
        font-size: 12px;
        padding: 5px;
        vertical-align: bottom;
}

#main table.grey {
        background: #BBB;
}

#main table.sample {
        text-align: center;
        align: center;
}

#main span.red {
        color: red;
}


/**
 *              END MAIN
 */
/************************************************************/
/**
 *              BEGIN ALPHABET
 */

#alphabet a.letter {
        font-weight: bold;
        font-size: 16px;
        border: thin solid grey;
        padding: 4px;
        background-color: #ECEEFF;
}

#alphabet ul.hp {
        margin-top: 0px;
        margin-left: 250px;
}

#alphabet h2.red {
        text-align: left;
        margin-top: 2px;
        margin-left: 230px;
        margin-bottom: 0px;
        padding: 0px;
        font-size: 16px;
        color: red;
}

#alphabet p.sub {
        font: 12px arial,helvetica,sans-serif; 
        margin-bottom: 10px;
        margin-top: 4px;
        margin-left: 230px;
}

#alphabet a.lettersample {
        font-weight: bold;
        font-size: 16px;
        border: thick solid red;
        padding: 4px;
        background-color: #ECEEFF;
}

#alphabet table.quote { 
        border: thin solid #E1DEDE; 
        background: #FBFDBE; 
        text-align: left;  
        margin-top: 4px; 
        margin-bottom: 6px;
        margin-right: 15px;
        margin-left: 10px;
        font-size: 10px; 
        width: 195px; 
        vertical-align: bottom;
        float: right;
        padding: 3px;
} 

#alphabet ul.quote {
        margin-left: 10px;
        list-style-position: outside
}

ul#alphapacket {
        margin: 0;
        padding: 0;
        clear:left;
}

ul#alphapacket li { 
        float:left;
        list-style-type: none;
        margin: 0;
        padding: 0;
        color: navy;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        font-size: 16px;
}

ul#alphapacket li.letter a
{
        background-color: #eceeff;
        margin: 4px 2px 4px 0;
        display: block;
        width: 1em;
        padding: .2em .1em;
        border: 1px solid grey;
}


ul#alphapacket li.sample a
{
        background-color: #eceeff;
        margin: 0 2px 0 0;
        display: block;
        width: 1em;
        padding: .2em .1em;
        border: 5px solid red;
}

ul#alphapacket li a:hover {
	text-decoration: underline
}


/**
 *              END ALPHABET
 */
/************************************************************/
/**
 *              BEGIN PA (phonological awareness)
 */

#pa ul.sample li {
        padding: 3px 0 18px 0;
        color: black;
}

#pa ul.sample li a {
        border: 5px solid red;
        margin: 4px 2px 4px 0;
        padding: 4px;
        font-weight: bold;
        color: red;
}

#pa img.homepage {
        margin-left: 35px;
}

#pa ul.hp {
        margin-top: 0px;
        margin-left: 210px;
}

#pa h2.red {
        text-align: left;
        margin-top: 2px;
        margin-left: 165px;
        margin-bottom: 0px;
        padding: 0px;
        font-size: 16px;
        color: red;
}

#pa p.sub {
        font: 12px arial,helvetica,sans-serif; 
        margin-bottom: 10px;
        margin-top: 4px;
        margin-left: 165px;
}

#pa table.quote { 
        border: thin solid #E1DEDE; 
        background: #FBFDBE; 
        text-align: left;  
        margin-top: 4px; 
        margin-bottom: 6px;
        margin-right: 10px;
        margin-left: 10px;
        font-size: 10px; 
        width: 195px; 
        vertical-align: bottom;
        float: right;
        padding: 3px;
} 

#pa h4.indent, p.indent {
        margin-left: 20px;
}


#pa a.sample {
        font-weight: bold;
        color: red;
        border: medium solid red;
        padding: 2px;
}

/**
 *              END PA (phonological awareness)
 */
/************************************************************/
/**
 *              BEGIN PHONICS
 */

#phonics img.homepage {
        margin-left: 5px;
}

#phonics ul.hp {
        margin-top: 0px;
        margin-left: 170px;
}

#phonics h2.red {
        text-align: left;
        margin-top: 2px;
        margin-left: 155px;
        margin-bottom: 0px;
        padding: 0px;
        font-size: 16px;
        color: red;
}

#phonics table.quote { 
        border: thin solid #E1DEDE; 
        background: #FBFDBE; 
        text-align: left;  
        margin-top: 4px; 
        margin-bottom: 6px;
        margin-right: 10px;
        margin-left: 10px;
        font-size: 10px; 
        width: 195px; 
        vertical-align: bottom;
        float: right;
        padding: 3px;
} 

#phonics a.sample {
        font-weight: bold;
        color: red;
        border: medium solid red;
        padding: 2px;
}

/**
 *              END PHONICS
 */
/************************************************************/
/**
 *              BEGIN HFW (high-frequency words)
 */

#hfw img.homepage {
        margin-left: 30px;
}


#hfw ul.hp {
        margin-top: 0px;
        margin-left: 200px;
}

#hfw h2.red {
        text-align: left;
        margin-top: 2px;
        margin-left: 185px;
        margin-bottom: 0px;
        padding: 0px;
        font-size: 16px;
        color: red;
}

#hfw p.sub {
        margin-left: 185px;
}

#hfw table.quote { 
        border: thin solid #E1DEDE; 
        background: #FBFDBE; 
        text-align: left;  
        margin-top: 4px; 
        margin-bottom: 6px;
        margin-right: 10px;
        margin-left: 10px;
        font-size: 10px; 
        width: 195px; 
        vertical-align: bottom;
        float: right;
        padding: 3px;
} 

#hfw a.sample {
        font-weight: bold;
        color: red;
        border: medium solid red;
        padding: 2px;
}

/**
 *              END HFW (high-frequency words)
 */
/************************************************************/
/**
 *              BEGIN FLUENCY
 */

#fluency img.homepage {
        margin-left: 10px;
}

#fluency ul.hp {
        margin-top: 0px;
        margin-left: 200px;
}

#fluency h2.red {
        text-align: left;
        margin-top: 2px;
        margin-left: 180px;
        margin-bottom: 0px;
        padding: 0px;
        font-size: 16px;
        color: red;
}

#fluency p.sub {
        margin-left: 180px;
}

#fluency a.lettersample {
        font-weight: bold;
        font-size: 16px;
        border: thick solid red;
        padding: 4px;
        background-color: #ECEEFF;
}

/**
 *              END FLUENCY
 */
/************************************************************/
/**
 *              COMPREHENSION (Leveled Reading)
 */

#comprehension img.homepage {
        margin-left: 20px;
}

#comprehension ul.hp {
        margin-top: 0px;
        margin-left: 200px;
}

#comprehension h2.red {
        text-align: left;
        margin-top: 2px;
        margin-left: 180px;
        margin-bottom: 0px;
        padding: 0px;
        font-size: 16px;
        color: red;
}

#comprehension p.sub {
        margin-left: 180px;
}

#comprehension table.quote { 
        border: thin solid #E1DEDE; 
        background: #FBFDBE; 
        text-align: left;  
        margin-top: 4px; 
        margin-bottom: 6px;
        margin-right: 10px;
        margin-left: 10px;
        font-size: 10px; 
        width: 195px; 
        vertical-align: bottom;
        float: right;
        padding: 3px;
} 

#comprehension a.lettersample {
        font-weight: bold;
        font-size: 16px;
        border: thick solid red;
        padding: 4px;
        background-color: #ECEEFF;
}

/**
 *              COMPREHENSION (Leveled Reading)
 */

/************************************************************/
/**
 *              BEGIN ASSESSMENTS
 */


#assessments a.letter {
        font-weight: bold;
        font-size: 14px;
        border: thin solid grey;
        padding: 4px;
        background-color: #ECEEFF;
}

#assessments img.homepage {
        margin-left: 10px;
}

#assessments a.grade {
        font-weight: bold;
        font-size: 14px;
}

#assessments h1.hp {
        text-align: left;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0px;
        font-size: 20px;
        color: red;
}

#assessments h2.red {
        text-align: left;
        margin-top: 2px;
        margin-left: 200px;
        margin-bottom: 0px;
        padding: 0px;
        font-size: 16px;
        color: red;
}

#assessments h4.hp {
        margin-left: 0px;
        margin-top: 2px;
        margin-bottom:0px;
        padding-top: 3px;
        padding-bottom: 0px;
        font-size: 16px;
}

#assessments ul.hp {
        margin-top: 0px;
        margin-left: 200px;
}

#assessments td {
        background: #FFFFFF;
        padding: 5px;
        font-size: 12px;
}

#assessments td.yellow {
        background: #FBFDBE;
}

#assessments td.blue {
        background: #ECEEFF;
}

#assessments table.grey {
        background: #BBB;
}

/**
 *              END ASSESSMENTS
 */
/************************************************************/
/**
 *              BEGIN MORE
 */

#more {
}
#more p.right {
        text-align: right;
}

#more h2 {
        color: #1F60A9;
}

#more h3 {
        color: #1F60A9;
}

/**
 *              END MORE
 */

#Order table {
        margin-top: 8px;
}

#Order td {
        text-align: left;
        font-size: 12px;
        color: #000000;
        padding: 2px;
}

#extra_navigation {
        width: 165px;
        /*background: transparent url('/images/by_RAZ.gif') no-repeat;*/
        margin-top: 20px;
        text-decoration: none;
}

/* assessment */
h3#assessment {
        background: transparent url('/images/assessment.gif') no-repeat;
        width: 131px;
        height: 25px;
}

h3#assessment span {
        visibility: hidden;
}

h3#whats_in {
        background: transparent url('/images/whats_in_a_packet.gif') no-repeat;
        width: 414px;
        height: 27px;
}

h3#whats_in span {
        visibility: hidden;
}

/**/

table#sign_in_form  {
        background-color: transparent;
}

table#sign_in_form td {
        background-color: transparent;
}

table#order_form {
        background-color: transparent;
}

table#order_form td {
        background-color: transparent;
        text-align: left;
}

/**/
ul#testimonials {
        list-style-type: square;
}
/**/

.linename {
}

/**/
#warning {
        clear:left;
        float:left;
        background-color: red;
        color: white;
        margin: 10px;
        padding: 5px;
}

h4#warning {
        display: inline;
        font-size: 15px;
}

#warning span {
        visibility: visible;
}

#orangebox {
        background: #FFA814;
        font-size: 14px;
        padding: 5px;
        font-weight: bold;
        float: right;
        width: 300px;
}


#PrintReceipt th {
        border-bottom: thin solid #000000;
        border-left: thin solid #000000;
        border-right: thin solid #000000;
        background-color: #FBFDBE;
        text-align: left;
        color: #000000;
        font-size: 12px;
        font-weight: bold;
        padding: 2px;
}

#PrintReceipt td {
        border-bottom: thin solid #000000;
        border-right: thin solid #000000;
        text-align: left;
        color: #000000;
        font-size: 12px;
        padding: 2px;
}

.body { 
	font-weight: normal; 
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
	 
.subhead { 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
}
	
.bigblack { 
	color: #000; 
	font-weight: bold; 
	font-size: 14px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
}
	
.red { 
	color: #f00; 
	font-weight: bold; 
	font-size: 14px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.contentBox { 
  font-weight: bold;
  font-size: 14px;
  border: thin solid grey;
  padding: 4px;
  margin: 5px;
  background-color: red; 
}

.finePrint {   
  font-size: 10px;
  display: block;
}

#whatsNew {
	background-color: #FBFDBE;		
    text-align: left;
    padding: 15px;    
    margin: 5px 0px;
    vertical-align: center;    
}

#whatsNew h2 {
	text-align: center;	
	margin-bottom: 10px;
}