<?php
//////////////////////////////////////////////////////
// css.cnf
//////////////////////////////////////////////////////
// (c) 2002 - 2005 Magazine Publishers
//                 Family Literacy Project, Inc.
// - all rights reserved
// Developer:  John Mennell
// Contact: info@magazineliteracy.org
// This service, and associated software and program
// code, and related content, in all forms, contains
// proprietary and confidential information owned by
// Magazine Publishers Family Literacy Project, Inc.(MPFLP)
// that is protected by applicable intellectual property
// and other laws, as well as by U.S. and international
// copyright laws and international treaties, trademarks,
// service marks, patents or other proprietary rights
// and instruments. Except as expressly authorized in
// by MPFLP, the copying, reproduction, modification,
// reverse engineering, reverse assembly, rental, lease,
// loan, sale, distribution, or creation of derivative works
// based on this service, software, or related program code,
// content, or documentation, in whole or in part,
// is prohibited.
///////////////////////////////////////////////////////
?>

<style type="text/css">
<!-- 
//uncomment the following to view table borders
//table{border: dotted 1px purple;}
//td{border: dotted 1px red;}

body{
background: #FFFFFF;
}

.regular{font-family: Verdana, Arial, Sans-serif;
  font-size: 8pt;
  color: #666699;
}
.quote{font-family: Verdana, Arial, Sans-serif;
  font-size: 12pt;
  color: #666699;
}
.terms{font-family: Verdana, Arial, Sans-serif;
  font-size: 10pt;
  color: #666699;
}

.mylines{font-family: Verdana, Arial, Sans-serif;
  font-size: 8pt;
  color: #666699;
	line-height: 13pt;
}

.my{font-family: Verdana, Arial, Sans-serif;
  font-size: 9px;
  color: #666699;
}

.title{font-family: Verdana, Arial, Sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: #666699;
}

.whytitle{font-family: Verdana, Arial, Sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: #666699;
  line-height: 13pt;
}

.faq{font-family: Verdana, Arial, Sans-serif;
  font-size: 9pt;
  color: #666699;
}

.error{font-family: Verdana, Arial, Sans-serif;
  font-size: 8pt;
  color: red;
}

.message{font-family: Verdana, Arial, Sans-serif;
         font-weight: bold;
         font-size: 8pt;
         color: orange;
}

.sponsor{font-family: Verdana, Arial, Sans-serif;
         font-weight: bold;
         font-size: 8pt;
         color: orange;
}

.seen{font-family: Verdana, Arial, Sans-serif;
         font-weight: bold;
         font-size: 8pt;
         color: orange;
}

.tagline{font-size: 8pt;
         font-weight: bold;
         color: blue;
}

.heading{font-size: 9pt;
          font-weight: bold;
          color: #FF3366;
}

.groupbox{font-size: 8pt;
          font-weight: bold;
          color: #666699;
}
.warning{font-size: 7pt;
         color: #FF6600;
}

.normalunderline{font-size: 8pt;
                 text-decoration: underline;

}

.form{font-family: Verdana, Arial, Sans-serif;
      font-size: 7pt;
}

.footer{font-size: 7pt;
}

.small{font-size: 7pt;
}

.tip{font-size: 8pt;
}

.message{font-family: Verdana, Arial, Sans-serif;
         font-weight: bold;
         font-size: 8pt;
         color: orange;
}

.publisher{font-family: Verdana, Arial, Sans-serif;
         font-weight: bold;
         font-size: 8pt;
         color: orange;
         text-align: left;
}

table.header{width: 100%;
             padding: 2px;
             border-spacing: 2px;
}

table.footer{width: 100%;
             padding: 2px;
             border-spacing: 2px;
}

table.content{width: 100%;
              padding: 2px;
              border-spacing: 2px;
}

table.status{padding: 2px;
             border-spacing: 2px;
						 border: solid 1px orange;
}

table.viewright{width: 256px;
                padding: 2px;
                border: solid 1px purple;
}

li.kidmag{margin-left: -20px;
}

li.welcome{margin-left: -20px;
					 font-family: Verdana, Arial, Sans-serif;
					 font-size: 8pt;
					 color: #666699;
}

li.legal{margin-left: -20px;
}

td{font-family: Verdana, Arial, Sans-serif;
   font-size: 7pt;
   color: #666699;
}

td.logo{width: 156px;
        vertical-align: bottom;
}

td.tag{vertical-align: bottom;
}

td.left{width: 17%;
        vertical-align: top;
        background-color: #ffffcc;
        border: solid 1px purple;
}

td.middle{vertical-align: top;
}

td.right{width: 17%;
         vertical-align: top;
         background-color: #ffffff;
         border: solid 1px orange;
}

tr.yellow{background-color: #ffffcc;
}

tr.green{background-color: #ccffcc;
}

tr.box{background-color: #ffffcc;
}

.label{vertical-align: top;
         text-align: left;
				 padding: 5px;
}

td.photo{width: 108px;
         height: 108px;
}

td.leftheading{width: 130px;
               background-color: #FFFFCC
}

td.topnav{background-color: #FFCC00;
          text-align: right;
}

td.bottomnav{background-color: #FFCC00;
             text-align: center;

}

a{font-family: Verdana, Arial, Sans-serif;
  font-size: 8pt;
  color: blue;
  text-decoration: none;
}

a.num1{font-family: Verdana, Arial, Sans-serif;
  font-size: 8pt;
  color: yellow;
  text-decoration: none;
}

a.num3{font-family: Verdana, Arial, Sans-serif;
  font-size: 8pt;
  color: #66ff33;
  text-decoration: none;
}

a.view{font-family: Verdana, Arial, Sans-serif;
  font-size: 8pt;
  color: blue;
  text-decoration: none;
}

a.report{color: red;
}	

.news{text-decoration: underline;
}

a.email{text-decoration: underline;
}

.snow{font-size: 10pt;
}

.login{text-align: left;
       text-decoration: underline;
}

.underline{text-decoration: underline;
}

.url{text-decoration: underline;
     font-size: 8pt;
}

a:hover{color: #FF6600;
}  

a.num1:hover{color: #33ff66;
}

a.num3:hover{color: yellow;
}

a.manage:hover{font-weight: bold;
}

a.faq:hover{color: #FF6600;
}  

/* set the image to use and establish the lower-right position */
.MagLitRed, .MagLitRed_body, .MagLitRed_head, .MagLitRed_head h2{ background: transparent url(images/MagLitRed.png) no-repeat bottom right}
.MagLitRed{
/* intended total box width - padding-right(next) */
 width:335px !important;
/* IE Win = width - padding */
 width: 320px; /* the gap on the right edge of the image (not content padding) */ 
 padding-right:15px;
/* use to position the box */ 
 margin:20px auto} 
/* set the top-right image */ 
.MagLitRed_head{background-position:top right;
/* pull the right image over on top of border */
 margin-right:-15px;
/* right-image-gap + right-inside padding */
  padding-right:40px}
/* set the top-left image */
.MagLitRed_head h2{ background-position:top left; margin:0;
/* reset main site styles*/
 border:0;
/* ditto */
/* padding-left = image gap + interior padding ... no padding-right */
 padding:25px 0 15px 40px; height:auto !important; height:1%}
/* IE Holly Hack */
/* set the lower-left corner image */
.MagLitRed_body{ background-position:bottom left; margin-right:25px;
/* interior-padding right */
padding:15px 0 15px 40px}
/* mirror .MagLitRed_head right/left */ 

/* set the image to use and establish the lower-right position */
.MagLitYellow, .MagLitYellow_body, .MagLitYellow_head, .MagLitYellow_head h2{ background: transparent url(images/MagLitYellow.png) no-repeat bottom right}
.MagLitYellow{
/* intended total box width - padding-right(next) */
 width:335px !important;
/* IE Win = width - padding */
 width: 320px; /* the gap on the right edge of the image (not content padding) */ 
 padding-right:15px;
/* use to position the box */ 
 margin:20px auto} 
/* set the top-right image */ 
.MagLitYellow_head{background-position:top right;
/* pull the right image over on top of border */
 margin-right:-15px;
/* right-image-gap + right-inside padding */
  padding-right:40px}
/* set the top-left image */
.MagLitYellow_head h2{ background-position:top left; margin:0;
/* reset main site styles*/
 border:0;
/* ditto */
/* padding-left = image gap + interior padding ... no padding-right */
 padding:25px 0 15px 40px; height:auto !important; height:1%}
/* IE Holly Hack */
/* set the lower-left corner image */
.MagLitYellow_body{ background-position:bottom left; margin-right:25px;
/* interior-padding right */
padding:15px 0 15px 40px}
/* mirror .MagLitYellow_head right/left */ 

/* set the image to use and establish the lower-right position */
.MagLitBlue, .MagLitBlue_body, .MagLitBlue_head, .MagLitBlue_head h2{ background: transparent url(images/MagLitBlue.png) no-repeat bottom right}
.MagLitBlue{
/* intended total box width - padding-right(next) */
 width:335px !important;
/* IE Win = width - padding */
 width: 320px; /* the gap on the right edge of the image (not content padding) */ 
 padding-right:15px;
/* use to position the box */ 
 margin:20px auto} 
/* set the top-right image */ 
.MagLitBlue_head{background-position:top right;
/* pull the right image over on top of border */
 margin-right:-15px;
/* right-image-gap + right-inside padding */
  padding-right:40px}
/* set the top-left image */
.MagLitBlue_head h2{ background-position:top left; margin:0;
/* reset main site styles*/
 border:0;
/* ditto */
/* padding-left = image gap + interior padding ... no padding-right */
 padding:25px 0 15px 40px; height:auto !important; height:1%}
/* IE Holly Hack */
/* set the lower-left corner image */
.MagLitBlue_body{ background-position:bottom left; margin-right:25px;
/* interior-padding right */
padding:15px 0 15px 40px}
/* mirror .MagLitBlue_head right/left */ 

/* set the image to use and establish the lower-right position */
.MagLitGreen, .MagLitGreen_body, .MagLitGreen_head, .MagLitGreen_head h2{ background: transparent url(images/MagLitGreen.png) no-repeat bottom right}
.MagLitGreen{
/* intended total box width - padding-right(next) */
 width:335px !important;
/* IE Win = width - padding */
 width: 320px; /* the gap on the right edge of the image (not content padding) */ 
 padding-right:15px;
/* use to position the box */ 
 margin:20px auto} 
/* set the top-right image */ 
.MagLitGreen_head{background-position:top right;
/* pull the right image over on top of border */
 margin-right:-15px;
/* right-image-gap + right-inside padding */
  padding-right:40px}
/* set the top-left image */
.MagLitGreen_head h2{ background-position:top left; margin:0;
/* reset main site styles*/
 border:0;
/* ditto */
/* padding-left = image gap + interior padding ... no padding-right */
 padding:25px 0 15px 40px; height:auto !important; height:1%}
/* IE Holly Hack */
/* set the lower-left corner image */
.MagLitGreen_body{ background-position:bottom left; margin-right:25px;
/* interior-padding right */
padding:15px 0 15px 40px}
/* mirror .MagLitGreen_head right/left */ 

/*
.MagLitYellow{display:block}
.MagLitYellow *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.MagLitYellow1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffff6e;
  border-right:1px solid #ffff6e;
  background:#ffffbf}
.MagLitYellow2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ffff1a;
  border-right:1px solid #ffff1a;
  background:#ffffce}
.MagLitYellow3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffffce;
  border-right:1px solid #ffffce;}
.MagLitYellow4{
  border-left:1px solid #ffff6e;
  border-right:1px solid #ffff6e}
.MagLitYellow5{
  border-left:1px solid #ffffbf;
  border-right:1px solid #ffffbf}
.MagLitYellowfg{
  background:#FFFFFF}

.MagLitGreen{display:block}
.MagLitGreen *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.MagLitGreen1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6effa9;
  border-right:1px solid #6effa9;
  background:#bfffd9}
.MagLitGreen2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #1aff78;
  border-right:1px solid #1aff78;
  background:#ceffe2}
.MagLitGreen3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ceffe2;
  border-right:1px solid #ceffe2;}
.MagLitGreen4{
  border-left:1px solid #6effa9;
  border-right:1px solid #6effa9}
.MagLitGreen5{
  border-left:1px solid #bfffd9;
  border-right:1px solid #bfffd9}
.MagLitGreenfg{
  background:#FFFFFF}

.MagLitRed{display:block}
.MagLitRed *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.MagLitRed1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ff7b82;
  border-right:1px solid #ff7b82;
  background:#ffc5c8}
.MagLitRed2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ff303a;
  border-right:1px solid #ff303a;
  background:#ffd3d5}
.MagLitRed3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffd3d5;
  border-right:1px solid #ffd3d5;}
.MagLitRed4{
  border-left:1px solid #ff7b82;
  border-right:1px solid #ff7b82}
.MagLitRed5{
  border-left:1px solid #ffc5c8;
  border-right:1px solid #ffc5c8}
.MagLitRedfg{
  background:#FFFFFF}

	.MagLitBlue{display:block}
.MagLitBlue *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.MagLitBlue1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d94fc;
  border-right:1px solid #6d94fc;
  background:#bfd0fd}
.MagLitBlue2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #1956fa;
  border-right:1px solid #1956fa;
  background:#cedbfe}
.MagLitBlue3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cedbfe;
  border-right:1px solid #cedbfe;}
.MagLitBlue4{
  border-left:1px solid #6d94fc;
  border-right:1px solid #6d94fc}
.MagLitBlue5{
  border-left:1px solid #bfd0fd;
  border-right:1px solid #bfd0fd}
.MagLitBluefg{
  background:#FFFFFF}
*/

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ background: transparent url(images/splash2.png) no-repeat bottom right}
.cssbox{
/* intended total box width - padding-right(next) */
width:650px !important;
/* IE Win = width - padding */
width: 635px;
/* the gap on the right edge of the image (not content padding) */
padding-right:15px;
/* use to position the box */
margin:20px auto}
/* set the top-right image */
.cssbox_head{background-position:top right;
/* pull the right image over on top of border */
margin-right:-15px;
/* right-image-gap + right-inside padding */
padding-right:40px}
/* set the top-left image */
.cssbox_head h2{ background-position:top left; margin:0;
/* reset main site styles*/ border:0;
/* ditto */
/* padding-left = image gap + interior padding ... no padding-right */
padding:25px 0 15px 40px;
height:auto !important;
height:1%}
/* IE Holly Hack */
/* set the lower-left corner image */
.cssbox_body{ background-position:bottom left;
margin-right:25px;
/* interior-padding right */
padding:15px 0 15px 40px}
/* mirror .cssbox_head right/left */ 
-->
</style>

