
/* Define your logo class- DO NOT PUT SPACES BETWEEN IMAGE NAMES OR FIREFOX WON"T READ BACKROUND IMAGE*/

.LogoCell {

	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
	Padding: 0px;
	background-Color: #F6F7F7;
	height:155px;
	 background-image: url(../_images/Childreadingcopy2.jpg);
	 background-repeat: no-repeat;
	cursor: pointer;
	pointer: hand;
}


.LogoStrip {
	background-Color: #847393;
	height:10px;
}

.Footer {

	height:93px;
}


BODY {
	padding:0px; 
	margin: 0px;
}



/* Define your Left Navigation bar properties*/

.LeftNav {
	height:100%;
	Width: 245px;
	vertical-align: top;
      Padding-left: 20px;
      Padding-top: 10px;
      line-height:150%;
     background-image: url(../_images/bg-leftnav.bmp);
	background-repeat: repeat-y;
	
}

.NavRight {
	height:100%;
	Width: 121px;
	vertical-align: top;
	  background-image: url(../_images/rightnav.JPG);
	  background-repeat: repeat-y;
}

.navbuttonselected {
	height:30px;
       padding-top: 0px;
        padding-left: 10px;
        background-image: url(../_images/navbuttonselected.JPG);
        background-repeat:no-repeat;
        width: 100%;
}

.navbuttonnormal {
	height:30px;
       padding-top: 1px;
        padding-left: 10px;
        background-image: url(../_images/navbuttonnormal.JPG);
        background-repeat:no-repeat;
         width: 100%;
}


/* You need to have an image in between the table rows that does not have menu separators.*/
.navbuttonbetween{
	height:27px;
       padding-top: 0px;
        padding-left: 10px;
        background-image: url(../_images/navbuttonbetween.JPG);
        background-repeat:no-repeat;
            width: 100%;
}


/* This is for the submenus.*/
.navbuttonsub {
	height:24px;
       padding-top: 0px;
        padding-left: 10px;
        background-color = #667774;
            width: 100%;
}






/* Define your Links*/

/**Tip: these don't look right in FP at run time. You may need to save your links and run in a browser to view **/
/**Make sure you insert this statement directly in the style of each link to remove the underline STYLE="text-decoration:none" **/
/**IF CHANGING A CLASS FOR A LINKS DOES NOT LOOK CORRECT, COPY AND PASTE A LINKS WITH A DEFINED CLASS, 
AND THEN CHANGE THE CLASS INSIDE IT **/



/* These are the links in the content area*/

a.content:link    			{ color: #0000FF; font-weight: regular; text-decoration: none; font-family: Arial; }
a.content:visited 	       { color: #0000FF; font-weight: regular; text-decoration: none; font-family: Arial; }
a.content:active   		{ color: #0000FF; font-weight: regular; text-decoration: none; font-family: Arial;;} 
a.content:hover   		{ color: #0000FF; font-weight: regular; text-decoration: none; font-family: Arial; background-color: #00FF33;  }


/* These are the links in the left nav area area*/
a.navselect:link    		{ color:  #970097; font-weight: bold; text-decoration: none; font-size: 17px; FONT-FAMILY: PALATINO LINOTYPE; }
a.navselect:visited 		{ color:  #970097; font-weight: bold; text-decoration: none; font-size: 17px; FONT-FAMILY: PALATINO LINOTYPE; }
a.navselect:active  		{ color: #970097; font-weight: bold; text-decoration: none; font-size: 17px; FONT-FAMILY: PALATINO LINOTYPE; }
a.navselect:hover   		{ color:  #970097; font-weight: bold; text-decoration: none; font-size: 17px;FONT-FAMILY: PALATINO LINOTYPE; }


a.navnormal:link    		{ color:  #202914; font-weight: normal; text-decoration: none; font-size: 17px; FONT-FAMILY: PALATINO LINOTYPE;}
a.navnormal:visited 		{ color:  #202914; font-weight: normal; text-decoration: none; font-size: 17px; FONT-FAMILY: PALATINO LINOTYPE;}
a.navnormal:active  		{ color:  #202914; font-weight: normal; text-decoration: none; font-size: 17px; FONT-FAMILY: PALATINO LINOTYPE;}
a.navnormal:hover   		{ color:  #FF0033;; font-weight: normal; text-decoration: none; font-size: 17px; FONT-FAMILY: PALATINO LINOTYPE;}

a.sublink:link    		{ color:  #000000; font-weight: normal; text-decoration: none; font-size: 14px; font-family: PALATINO LINOTYPE;}
a.sublink:visited 		{ color:  #000000; font-weight: normal; text-decoration: none; font-size: 14px; FONT-FAMILY: PALATINO LINOTYPE;}
a.sublink:active  		{ color:  #000000; font-weight: normal; text-decoration: none; font-size: 14px; FONT-FAMILY: PALATINO LINOTYPE; }
a.sublink:hover   		{ color:  #FF0033; font-weight: normal; text-decoration: none; font-size: 14px; FONT-FAMILY: PALATINO LINOTYPE;}


a.sublinkselected:link    		{ color:  #970097; font-weight: bold; text-decoration: none; font-size: 14px; font-family: PALATINO LINOTYPE;}
a.sublinkselected:visited 		{ color: #970097; font-weight: bold; text-decoration: none; font-size: 14px; FONT-FAMILY: PALATINO LINOTYPE;}
a.sublinkselected:active  		{ color: #970097; font-weight: bold; text-decoration: none; font-size: 14px; FONT-FAMILY: PALATINO LINOTYPE;}
a.sublinkselected:hover   		{ color:  #970097; font-weight: bold; text-decoration: none; font-size: 14px; FONT-FAMILY: PALATINO LINOTYPE;}



a.foot:link    		{ color: #B0C4DE; font-weight: bold; text-decoration: none; }
a.foot:visited 	{ color: #B0C4DE; font-weight: bold; text-decoration: none; }
a.foot:active  	{ color: #B0C4DE; font-weight: bold; text-decoration: none; }
a.foot:hover   	{ color: white; font-weight: bold; text-decoration: underline; }



/* Define your content area class class*/

.ContenArea {
	vertical-align: top;
      FONT-FAMILY: "Arial";
	FONT-SIZE: 16px;
	color : #000000;
	font-weight: normal;
	Padding-left: 15px;
	Padding-right: 20px;
	Padding-top: 10px;
	text-align: justify;
	width: 100%;
	background-Color: #FFFFE1;
	line-height:150%;

}





/* Define your Title Classes*/
.BigTitle {
	FONT-FAMILY: Verdana, Geneva, Lucida, Arial;
	FONT-SIZE: 32px;
	color : #010101;
	font-weight: bold;
	text-decoration: none;
}


.MediumTitle {
	FONT-FAMILY: Arial;
	FONT-SIZE: 18px;
	color : #1941A5;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 7px;

}


.SmallTitle {
	FONT-FAMILY: Arial;
	FONT-SIZE: 16px;
	color : #000000;
	font-weight: bold;
	text-decoration: none;
}



p
{ 

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}



UL {list-style-type: square; margin-top: 0; margin-bottom: 0; word-spacing: 0px; 
LI {list-style-type: square; margin-top: 1; margin-bottom: 1; word-spacing: 0px; }

}


body
{
margin-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;     
/*   background-image: url(images/Yahoo.gif);*/
}

   
.menu
 {
 	FONT-FAMILY: "Arial";
 color: #FFFFFF;
 font-size: 14px;
text-align: left;
Height: 20px;
vertical-align: middle;
width: 300px;  
padding-left: 10px;
background-Color: #596E69;
cursor:hand;
 border-bottom-style: dotted;
  border-bottom:thin;
      border-bottom-color: #FFFFFF;
 }
 
 

   .menuover
 {    
 	FONT-FAMILY: "Arial";
 font-size: 14px;
 color: #FFFFFF;
text-align: left;
Height: 20px;
vertical-align: middle;
width: 300px;  
padding-left: 10px;
background-color: #3100C5;
cursor: Pointer;
   border-bottom-style: dotted;
  border-bottom: thin;
      border-bottom-color: #FFFFFF;

 }