html,body {
height: 100%;
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: small;
color: #333333;
margin: 0;
padding: 0;
}



#container {
margin: 1em auto;
text-align: left;
width: 960px;
}

#top {
width: 960px;
height: 130px;
background: url(images/topWIDE.gif) no-repeat;
}

#middle {
width: 960px;
background: url(images/middleWIDE.gif);
text-align: left;
}


#bottom {
width: 960px;
height: 56px;
background: url(images/bottomWIDE.gif) no-repeat;
font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#content 
{ 
width: 920px;
margin-left: 10px; 
text-align: justify;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 1.8;
border: 1px solid #fff; /* without this border Firefox shows gaps between the middle and other divs */
}

#topMenu { 
padding: 15px 0px 0px 0px;
border: 0px solid green;
}

#linksSection {
text-align: left;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 1.6;
}



h1 {
font-family: verdana, arial, helvetica, sans-serif;
margin-bottom: -0px;
padding: 1px;
color: orange;
font-size: 1.5em;
background-color: #ffffff;
/*text-align: center;*/
}

h2  {
font-family: helvetica, verdana, arial, sans-serif;
padding: 3px;
color: #448;
font-size: 1.4em;
background-color: #ffffff;
}

h2 a:link, h2 a:visited {
text-decoration: underline;
font: 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: orange;
background-color: transparent;
}

h3 {
font: 14px verdana, arial, helvetica, sans-serif;
font-weight: bold;
margin-bottom: -0px;
padding: 1px;
color: #779933;
background-color: #ffffff;
/*text-align: center;*/
}

strong {
font-weight: bold;
color: #286ffe;
}

/* updates */
.updateCTitle {
font: 10px verdana, arial, helvetica, sans-serif;
text-align: left;
color: #444444;
}

.updateTitle {
font: 12px verdana, arial, helvetica, sans-serif;
text-align: left;
}

.updateDesc {
font: 12px tahoma, Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
}
/* Done updates */

/* newsletter */
.getNewsletter {
font: 14px verdana, arial, helvetica, sans-serif;
color: #8abe28;
font-weight: bold;
}

.getNewsletterExtra {
font: 12px verdana, arial, helvetica, sans-serif;
font-style: italic;
color: #444444;
}

/* Done newsletter */


.sw-table {
text-align: center;
background-color: #abc4e7;
border: solid #abc4e7 1px;
width: 660px;
}


/* Sight Words List Table*/
.sightWordsLinksTable {
border: solid #abc4e7 2px;
}

.sw-table-text-1 {
text-align: center;
padding: 10px;
font: 24px verdana, Arial, Helvetica, sans-serif;
color: #22a222;
background-color: #ffffff;
}

.sw-table-text-2 {
text-align: center;
padding: 10px;
font: 24px verdana, Arial, Helvetica, sans-serif;
color: #ff6633;
background-color: #fefeff;
}

.sw-table-text-3 {
text-align: center;
padding: 10px;
font: 24px verdana, Arial, Helvetica, sans-serif;
color: #6633df;
background-color: #fefffa;
}

/* Done Sight Words List Table*/

/* Sight Words Selector*/
.sight-words-selector {
font: 14px verdana, Arial, Helvetica, sans-serif;
letter-spacing: 2px;
font-weight: bold;
color: #eeeeee;
}

.sight-words-selector a:link,  .sight-words-selector a:visited{
font: 22px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
margin-left: 5px;
margin-right: 5px;
}

.sight-words-title  {
font: 19px verdana, Arial, Helvetica, sans-serif;
color: #444444;
}

.sight-words-image {
padding: 5px;
}
/* Done Sight Words Selector*/

/* My QT Table*/
.myQTtable1{
margin-top: 5px;
background-color: #a5ceaf;
color: #444444;
font-family: verdana, arial, helvetica, sans-serif;
} 

.myQTtable1Header{
padding: 5px 10px 5px 10px;
background-color: #a5ce7c;
color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
} 

.myQTtable1Row-0 {
text-align: left;
background-color: #ffffff;
}

.myQTtable1Row-1 {
text-align: left;
background-color: #e9f3e0;
}

/* Done My QT Table*/

ul.noBreaks {
 list-style-type: decimal;
}

ul.noBreaks  li {
display: inline;
}

.benefits_box1 {
margin: 10px 10px 10px 10px;
padding: 5px;
background-color: #ffffff;
text-align: left;
font-size: 1em;
color: #222222;
border: 1px dotted orange;
z-index: 124;
/*list-style-image: url(463.gif);*/
}

a:link, a:visited {
text-decoration: underline;
color: #6A5ACD;
background-color: transparent;
}
a:hover{
color: #6A5ACD;
}


/* completeSubjectList */

.completeSubjectListSuper {
margin-top: 18px;
margin-bottom: 3px;
}

.completeSubjectListSuper a:link, .completeSubjectListSuper a:visited{
margin-top: 100px;
font: 15px Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color: orange;
text-decoration: none;
}

.completeSubjectList a:link, .completeSubjectList a:visited{
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 2.5;
}

.completeSubjectList a:hover{
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: orange;
background-color: #ffffff;
line-height: 2.5;
}

/* Done completeSubjectList */

.quizTitle a:link, .quizTitle a:visited  {
text-decoration: none;
}

.quizType {
font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}



/* Quiz Table */

.quizTable{
margin-top: 5px;
background-color: #a5ceaf;
color: #444444;
font-family: verdana, arial, helvetica, sans-serif;
} 

.quizTableTitle {
text-align: center;
font: 14px verdana, arial, helvetica, sans-serif;
font-weight: bold;
color: #52663d;
background-color: #ffffff;
}

.quizTableHeader{
padding: 5px 10px 5px 10px;
background-color: #a5ce7c;
color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
} 

.quizTableRow-0 {
text-align: left;
background-color: #ffffff;
}

.quizTableRow-1 {
text-align: left;
background-color: #e9f3e0;
}
/* Done Quiz Table */

.quiz_box1 {
margin: 10px 10px 10px 10px;
padding: 5px;
background-color: #ffffff;
text-align: left;
font-size: 1em;
color: #222222;
border: 0px dotted orange;
z-index: 124;
}


/* bookmarking */
.delicious {
font: 10px tahoma, Geneva, Arial, Helvetica, sans-serif;
text-align: right;
padding: 2px;
}

.delicious a:link,  .delicious a:visited{
font: 10px tahoma, Geneva, Arial, Helvetica, sans-serif;
text-align: right;
}

.delicious a:hover{
color: orange;
background-color: transparent;
font: 10px tahoma, Geneva, Arial, Helvetica, sans-serif;
text-align: right;
margin-right: 4px;
}
/* Done bookmarking */


.legal {
font: 10px tahoma, Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
}

.fph {
background-color: #ddddff;
font-family: verdana, arial, helvetica, sans-serif;
margin: 5px;
padding: 10px;
color: #448;
font-size: 0.9em;
}

.fphHeader {
font-size: 1.3em;
color: green;
text-decoration: bold;
}

.glosBox {
background-color: #eeeeff;
border: 1px dotted orange;
}


.categoryList {
margin: 5 px;
padding: 5px;
background-color: #d9e2ce;
text-align: center;
font-size: 1em;
color: #222222;
border: 1px dotted #acafa7;
z-index: 124;
/*list-style-image: url(463.gif);*/
}

.hr1 {
border: none;
background-color: #ADD8E6;
color: #aaaaff;
height: 1px;
width: 80%;
text-align: center;
}

.getNewsletterForm {
background-color: #fff4f8;
border: 1px dotted #acafa7;
width: 400px;
text-align: center;
font-family: verdana, arial, sans-serif;
}

/* nice Form */
.niceForm  {
border: #9dbee2 2px solid; 
padding: 2px; 
font-size: 14px; 
background: #98b7da; 
color: #776b1b; 
}

.niceForm   INPUT {
font-size: 14px; 
border: #cbb945 1px solid; 
padding: 1px 0px 0px 0px;
background:  #fffadb; 
color: #776b1b; 
}

.niceForm  SELECT {
border: #cbb945 1px solid; 
padding: 1px 0px 0px 0px;
font-size: 11px; 
background:  #fffadb; 
color: #776b1b; 
}


INPUT.button1 {
padding: 3px 10px 3px 10px; 
font-size: 185%; 
}

.button1:hover {
cursor: pointer;
border-color: #cbf945; 
}


/* login table*/
.loginTable{
width: 350px;
margin-top: 5px;
background-color: #5685CC;
color: #444444;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em;
} 

.loginTableRow1{
background-color: #F4F4F4;
} 

.loginTableRow2{
background-color: #F4F4F4;
} 

.loginSubmit{
background-color: #5685CC;
} 
/* Done login table*/
/* done nice Form */

-->
</style>