/********************************************************************************/
/*                      Teenlife page-specific settings                         */
/* Div Order -> Html body -> #container -> #body <- #container <- html Body     */
/* Created 9/5/20008                                                            */
/********************************************************************************/
BODY /* HTML Body */
{
   background-color: #FFFFFF;   /* Must be the same as the light color in the Gradient   */ 
   font-family: Helvitica, Geneva, sans-serif;
   padding: 0 10px 10px 10px;
   text-align: center;   /*  This is to trick IE into displaying everything in the center of the screen */
                         /*  Note: must specify text-align:left in the container div to re-align actual text */
}

#container
{
   margin: 0 auto 0 auto;
   width: 760px;
   text-align: left;
}

#header
{
   width: 720px;
   height: 60px;
   text-align: left;
   background-color: #3B5998;
   padding: 0 0 5px 0;
}

#header a, #header a:visited
{
   text-decoration: none;
   font-style: normal; 
   font-weight: bold;
   color: #FFFFFF;
   Font-size: 9pt;
   padding: 5px;
   font-family: Tahoma;
}

#header a:hover 
{
   /* Text-decoration: underline; */
   background-color: #5C75AA;
}

#header2
{
   width: 720px;
   height: 5px;
   background-color: #466AB7;
   font-size: 1px;
}

#body
{
   float: left;
   BACKGROUND-COLOR: #FFFFFF; 
   BORDER: 1px solid;
   BORDER-COLOR: #3B5998;
   width: 550px;
   min-height: 350px;
   padding: 10px;
}

#sidecontent 
{
   float: left;
   width: 170px;
   background-color: #F7F7F7;
   BORDER: 1px solid;
   BORDER-COLOR: #DDDDDD;
   padding: 5px;
}

#sidecontent a, #sidecontent a:visited, #sidecontent a:active
{
   text-decoration: none;
   FONT-SIZE: 8pt;
   MARGIN: 0 0 0 0;
   COLOR: #3B5998;     
   text-align: right;
   font-style: normal; 
   font-weight: normal;        
}

#sidecontent a:hover 
{
   text-decoration: underline; 
}

#footer
{
   width: 760px;
   height: 30px;
   text-align: right;
}

#footer a, #footer a:visited /* Text used in footer */
{
   text-decoration: none;
   FONT-SIZE: 8pt;
   MARGIN: 0 0 0 0;
   COLOR: #3B5998;     
   text-align: right;
   font-style: normal; 
   font-weight: normal;        
}

#footer a:hover 
{
   text-decoration: underline; 
}

#footer p /* Text used in footer */
{
   FONT-SIZE: 8pt;
   MARGIN: 0 0 0 0;
   COLOR: #3B5998;     
   text-align: right;
   font-style: normal; 
   font-weight: normal;        
}

P /* Standard Paragraph Text */
{
   Font-size: 12pt; 
   Font-weight: normal; 
   color: #000070;   /* #000070 = Navy blue */
   text-align: left;
}

HR
{
   COLOR: #7B97C4;
   height: 1px;
   text-align: center;
   width: 95%;
}

H1 /* Paragraph headers */
{
   Font-size: 18pt; 
   color: #000040; 
   font-weight: bold; 
   text-align: Left;   
}

H2 /* Medium sized paragraph headers */
{
   Font-size: 13pt; 
   color: #000040;  /* #000040 = dark blue */
   font-weight: bold; 
   text-align: Left;   
}

H3 /* Dark Red header text */
{
   Font-size: 12pt; 
   color: #8B0000;  /* #8B0000 = dark red */
   font-weight: bold; 
   text-align: left;
}

H4
{
   Font-size: 12pt; 
   Font-weight: bold; 
   color: #000040;   /* #000040 = dark blue */
   text-align: left;
}

H5 /* Small Paragraph Text */
{
   Font-size: 10pt; 
   Font-weight: normal; 
   color: #000040;  /* #000040 = dark blue */
   text-align: left;
}

H6 /* The "Fine Print" fonts */
{
   FONT-SIZE: 8pt;
   MARGIN: 0 0 0 0;  
   COLOR: #8080FF;   /* #8080FF = light pastel blue */
}

     
#minheight
{
	/* Since the minheight command is not recognized in internet explorer, */
	/* this is used in the headers to vertically space the pages properly  */
	width: 1px;
	height: 350px;
	float: right;
}

.clearer
{
	line-height: 0;
	height: 0;
	clear: both;
}

#pointslist table
{
   FONT-SIZE: 10pt;
   width: 550px;
   border: solid 2px;
   border-color: #3B5998;
   border-spacing: 0 0;
   color: #000000;
   padding: 0 0 0 0;   
   empty-cells: hide;
   BACKGROUND-COLOR: #F7F7F7;
}

#pointslist td
{
   height: 12px;
   border: solid 1px;
   border-color: #3B5998;
   vertical-align: middle;
   text-align: left;
}