/***********************************************/
/* LPA Style sheet for page.php                
/* Created by Michael Heliker and Katie Adams in September, 2006   
/* Last modified 
/*
/*
/*                                             
/* This style sheet controls the layout, text elements, 
/* and any visual display information for the LPA Web site 
/* that is in the learningpt directory on Task, the 
/* learningpointassociates directory on WWW, or in the 
/* product catalog on WWW2. This style sheet only applies 
/* to what is displayed on screen.
/* 
/* Associated style sheets for the LPA site are:
/* 
/* 
/*
/************************************************/


/*
These are the new colors codes for the GREEN lpa site.
dfe6e6 light green
a7bbbd medium green
587b7c dark green
fffef2 light yellow
5e244c Eggplant
#fffef2 Light yellow/cream color
*/

body 
	{
		font-family: verdana, arial, helvetica, sans serif;
		font-size: 75%;
		background-color: #fffef2;/*dfe6e6; light-green: org blue was cdd5e1*/
		height:100%; /* this is the key! */
		background-image: url(/images/bgGrnStripes.gif);
	}

/* This style is a container for the whole page. 
 * It defines a width and allows the page to be centered in the window.  
 */

#frame 
	{
		width:731px;
		margin-right:auto;
		margin-left:auto;
		margin-top: 10px;
		margin-bottom: 5px;
		padding: 0;
		border: 1px solid black;
		background-color: white;
		overflow: visible;
		display: table;
		
	}



#header
	{
		width: 731px;
		float: left;
		padding: 0;
		border-top: 15px solid #5e244c;
		background-color: white;
	}

/*   */
/*  Add new headerImgStyle class style for each section of site where the image in the header should change */
/*  modify the "page.php" switch statement to add a new image header */
/*  if you wish to modify a current header background, simply modify this file */
/*  Please name the style using the section Category such as: */
/* 			"#headerAfterschool" or "#headerK12"  for consistency */

.headerDefault
	{
		background-image: url(/images/header/head2img2.jpg);
		background-repeat: no-repeat;
	}

.headerAfterschool
	{
		background-image: url(/images/header/hbg-kidsOnBus.jpg);
		background-repeat: no-repeat;
	}

.headerEval
	{
		background-image: url(/images/header/hbg-blackTeacher.jpg);
		background-repeat: no-repeat;
	}

.headerK12
	{
		background-image: url(/images/header/hbg-asianGirl.jpg);
		background-repeat: no-repeat;
	}
.headerISSI
	{
		background-image: url(/images/header/hbg-asianGirl.jpg);
		background-repeat: no-repeat;
	}
.headerLiteracy
	{
		background-image: url(/images/header/hbg-lightBlueShirt.jpg);
		background-repeat: no-repeat;
	}
.headerMS
	{
		background-image: url(/images/header/hbg-latinoStudent.jpg);
		background-repeat: no-repeat;
	}
.headerTQ
	{
		background-image: url(/images/header/hbg-teacherStudent.jpg);
		background-repeat: no-repeat;
	}
.headerTechnology
	{
		background-image: url(/images/header/hbg-kidsAtComputer.jpg);
		background-repeat: no-repeat;
	}
.headerEPRG
	{
		background-image: url(/images/header/hbg-blackTeacher.jpg);
		background-repeat: no-repeat;
	}
.headerAbout
	{
		background-image: url(/images/header/head2img2.jpg);
		background-repeat: no-repeat;
	}

.headerNCLB
	{
		background-image: url(/images/header/hbg-nclb.jpg);
		background-repeat: no-repeat;
	}





#header2
	{
		width: 731px;
		float: left;
		padding: 0;
		border-top: 20px solid #5e244c;
		background-color: white;
		background-image: url(/images/home/insideHead4.jpg);
		background-repeat: no-repeat;
	}
	
#header4
	{
		width: 731px;
		float: left;
		padding: 0;
		border-top: 20px solid #5e244c;
		background-color: white;
		background-image: url(/images/home/girl_Teach.jpg);
		background-repeat: no-repeat;
	}

	
.logo
	{
		padding: 5px;
	}

#rightColumn
	{
		width: 557px;
		float: left;
		padding: 0;
		padding-left: 1px;
		height:100%;
		background-color: white;
		overflow: hidden;
	}


/* encompasses search and left hand navigation  */
#leftColumn
	{
		width: 172px;
		min-height:400px;
		float: left;
		padding: 0px;
		background-image: url(/images/leftColGrnTop.gif);
		background-repeat: no-repeat;
		background-color: #f5f8f8; /*  light green */
		height:100%; /* this is the key! */
		border-right: 1px solid #587b7c; 
	}


/*  ****************************** */
/*  Home Page Styles */
/*  ****************************** */

/* encompasses search and left hand navigation  */
#leftColumnHome
	{
		width: 172px;
		min-height:400px;
		float: left;
		padding: 0px;
		background-image: url(/images/leftColGrn.gif);
		background-repeat: no-repeat;
		background-color: #f5f8f8; /*  light green */
		height:100%; /* this is the key! */
		border-right: 1px solid #587b7c; 
		overflow: hidden;
	}

#BreakingNews
	{
		background-color: white;/* #fffef2;  */ /* background light yellow color */ 
		width: 557px; 
		padding:0;
		float: left;
		/*overflow: hidden;*/
	}
#BreakingNewsHeader
	{
/* 		background-image: url(/images/home/bgBreakingNewsHead.gif);
		background-repeat: no-repeat;  */
		/* color: #fdf0bf;  */  /* Cream color */
		/* color: #53244c; */
		/* background-color: #5e244c;  */
/* 		width: 540px;  */
		/* padding-left: 10px;
		font-size: 15pt;
		vertical-align: top;
		margin: 0;
		padding-bottom: 0px;
		padding-top: 0px; */
		border-bottom: 1px solid #5e244c;
	}

.pressRoomImg
	{
		vertical-align: top;
		padding-left: 250px;
	}

#BreakingNews p
	{
		margin-left: 15px;
		margin-right: 10px;
		padding-top: 5px;
	}

#BreakingNews h3
	{
		margin-left: 10px;
		margin-right: 10px;
	}
.BreakingNewsImg
	{
/* 		padding: 5px;  */
 		border: 1px solid black;
/* 		background-color: white; */
		margin: 3px 15px 5px 10px;
	}

/* this section is for the blurbs under Breaking News.
 * it can be expended vertically or horizontally by
 * adding additional Feature styles and adjusting their
 * dimensions to fit within the space allowed.
 */
#Features
	{
		width: 554px;
		float: left;
		background-color: #dee4e9;/* Light blue */
		/*overflow: hidden;*/
	}

#Feature1
	{
		border-right: 1px solid #587b7c;
		background-color: #bdccce; /* light/medium green */
		padding: 15px 10px 5px 5px;
		width: 260px;
		float: left;
		/*overflow: hidden;*/
	}
#Feature2
	{
		
	   /* background-image: url(/images/home/textureRight1.jpg);
		background-repeat: repeat-y;  */

		/* border-left: 1px solid #587b7c; */
		width: 240px;
		padding: 15px 15px 5px 5px;
		float: left;
		/*overflow: hidden;*/
	}
#Features p
	{
		padding-left: 10px;
	}
#Features img
	{
		/*padding-left: 5px;
		padding-right: 5px;*/
	}


#AssistanceCenters
	{
/* 		background-image: url(/images/home/TwoLines.jpg);
		background-repeat: repeat-x;
		background-position: top;  */
		color: #3e608e;
		/* background-color: #e9e9e4;  */
		width: 557px;
		float: left;
		padding-bottom: 15px;
		padding-top: 5px;
		/*overflow: hidden;*/
	}

#AssistanceCenters A:link 
	{
		color: #2b4a73;
	}
#AssistanceCenters A:active 
	{
		color: #2b4a73;
	}
#AssistanceCenters A:visited 
	{
		color: #c41130;
	}
#AssistanceCenters A:hover 
	{
		color: #c41130;
	}

#NCLB
	{
		
 		padding-right: 5px;
		padding-left: 15px;
		width: 155px;
		float: left;

	}

#NCLB p
	{
		margin-left: 10px;
		margin-right: 10px;
	}

#National
	{
		border-right: 1px solid #bbcce2; /* light blue border */
		border-left: 1px solid #bbcce2; /* light blue border */
		padding-right: 5px;
		padding-left: 5px;
		width: 165px;
		float: left;

	}

#National  p
	{
		margin-left: 10px;
		margin-right: 10px;
	}

#Regional
	{
		padding-right: 15px;
		padding-left: 5px;
		width: 155px;
		float: left;

	}

#Regional p
	{
		margin-left: 10px;
		margin-right: 10px;
	}

#twentyyears
	{
		width: 557px;
		background-image: url(/images/home/20yearsBG.gif);
		background-repeat: no-repeat;
		background-color: #f7f8f8;
		padding-top: 20px;
		padding-bottom: 10px;
		color: #587b7c;
		float: left;
		/*overflow: hidden;*/
	}

#twentyyears1
	{
		position: relative;
		left: 150px;
		width: 120px;
		float: left;
		/*overflow: hidden;*/
	}
	
#twentyyears2
	{
		position: relative;
		left: 150px;
		float: left;
		/*overflow: hidden;*/
	}

#twentyyears A:link 
	{
		color: #2b4a73;
	}
#twentyyears A:active 
	{
		color: #2b4a73;
	}
#twentyyears A:visited 
	{
		color: #c41130;
	}
#twentyyears A:hover 
	{
		color: #c41130;
	}

#JoinOurTeam
	{
		width: 170px;
		color: #4d696a;
	}

#JoinOurTeam p
	{
		margin-left: 15px;
		margin-right: 10px;
	}

#JoinOurTeam A:link 
	{
		color: #4d696a; /*  Dark Green */
	}
#JoinOurTeam A:hover 
	{
		color: #4d696a;
	}

/*  ****************************** */
/*  END HOME STYLES */
/*  ****************************** */

/*  ****************************** */
/*  NAVIGATION STYLES */
/*  ****************************** */

#navigation
	{
		/* font-family: Georgia, Times, Serif;  */
		float: left;
		width: 172px;
		padding-top: 2em;
		background-color: #688e8f;
	}
#navigation ul
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
#navigation ul li a
	{
		display: block;
/* 		width: 153px;  */
		padding: 3px 5px 3px 8px;
		text-decoration: none;
		color: white;
		border-bottom: 1px solid white;
	}
#navigation ul li a:hover
	{
		color: #fff;
		background-color: #5e244c; /* dark purple */
	}
#subnav ul li
	{
		display: block;
		width: 166px;
		padding: 0px;
		margin-left: 5px;
		border-left: 1px solid white;
		background-color: #587b7c; /* Medium dark Green */
		font-size: 8pt;
	}
.nav2
	{
		background-color: #5e244c; /* dark purple */
	}

.navGreen
	{
		background-color: #678f90;
	}

#topnav 
	{
		width: 553px;
		margin-top: 0px;
		padding: 4px 2px;
/* 		float: right;  */
		background-color: #5e244c;
		/* background-color: #678f90;  */ /*  Green BG */
	}

#topnav ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
	}
	
#topnav ul li
	{
		display: inline;
	}

#topnav li a
	{
/* 		border-left: 1px solid #999;
		border-right: 1px solid black;
		border-top: 1px solid #999;
		border-bottom: 1px solid black; */
		/* background-color: #AA1E34;  */
		/* background-color: #693b59; */
		font-weight: normal;
		font-size: 14px;
		text-decoration: none;
		padding: 0px 1.5em;
		line-height: 1.5em;
		color: #fffef2;
	}

#topnav li a:hover
	{
		color: #5e244c;
		background-color: #fff;
/* 		border-right: 1px solid #fffef2;
		border-left: 1px solid black;
		border-bottom: 1px solid #fffef2;
		border-top: 1px solid black; */
	}

/*  FOOTER STYLES */

#footer
	{
		color: #f7f8f8;
		background-color: #5e244c; /*  Eggplant BG */
		width: 731px;
		padding: 2px 0;
		margin: 0;
		float: left;
		text-align: center;
	}

#footer a
	{
		text-decoration: none;
		color: white;
	}

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

#copyr{
		margin-left: auto;
		margin-right: auto;
		width: 400px;
		font-size: 90%;
		color: #444;
		background-color: #fffef2;
		text-align: center;
		padding: 2px;
	}

#title
	{
		position: relative;
		width:557px;
		padding:0px;
		float:left;
		background-color:#FFFFFF; /* white */
		border-bottom: 1px solid #5e244c; /* Eggplant */
	}
#sectionHead
	{
		margin-left: 10px;
		margin-top: 5px;
		font-size: 16pt;
		font-family: Georgia, Times, Serif;
		color: #5e244c;
		padding: 0px 0px 8px 0px;
	}
.subtitle
	{
		font-size: 15pt;
		color: #587b7c;
		font-style: italic;
	}

#subSectionHead
	{
		margin-left: 10px;
		padding: 3px 3px 3px 15px;
		font-size: 16pt;
		font-family: Georgia, Times, Verdana, Arial, Helvetica, Sans Serif;
		background-color: #dfe6e6; 
		color: #587b7c;
		font-style: italic;
	}

#bodyCopy
	{
		padding: 10px;
		background-color: white;
		height=100%;
	}

#thirdColBox
	{
	background-color: #dfe6e6;
	float: right;
	width: 170px;
/* 	padding: 0 0 5px 5px;  */

	padding: 0;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 15px;
	/* border-top: 5px solid #5e244c;  */
	border-left: 1px solid #5e244c;
	border-top: 1px solid #5e244c;
	border-bottom: 1px solid #5e244c;
	}


/* ******************** */
/* MISC Styles */
h1 
	{
		font-family: Georgia, Times, Verdana, Arial, Helvetica, Sans Serif;
		color: #5e244c; 
		font-size: 16pt;
		font-weight: normal;
	}
h2 
	{
		font-family: Georgia, Times, Verdana, Arial, Helvetica, Sans Serif;
		color: #5e244c; 
		font-size: 14pt;
		font-weight: normal;
	}
h3 
	{
		font-family: Georgia, Times, Verdana, Arial, Helvetica, Sans Serif;
		color: #5e244c; 
		font-size: 13pt;
		font-weight: normal;
	}
h4 
	{
		font-family: Georgia, Times, Verdana, Arial, Helvetica, Sans Serif;
		color: #5e244c; 
		font-size: 12pt;
		font-weight: normal;
	}
h5 
	{
		font-family: Georgia, Times, Verdana, Arial, Helvetica, Sans Serif;
		color: #5e244c; 
		font-size: 10pt;
		font-weight: normal;
	}
h6 
	{
		font-family: Georgia, Times, Verdana, Arial, Helvetica, Sans Serif;
		color: #5e244c; 
		font-size: 9pt;
		font-weight: normal;
	}



/* keep superscript and subscript text from breaking the line-spacing */
sup 
	{
		font-size: smaller;
		vertical-align: baseline;
		position: relative;
		bottom: 0.33em;
	}
sub 
	{
		font-size: smaller;
		vertical-align: baseline;
		position: relative;
		bottom: -0.25em;
	}

hr 
	{
		color: #000099;
	}

/* Colors  */
.eggplant {color: #5e244c}
.cranberry {color: #8B2145}
.blueberry {color: #00314E}
.cherry {color: #AA1E34}

.bgEggplant {background-color: #5e244c}
.bgCranberry {background-color: #8B2145}
.bgBlueberry {background-color: #00314E}
.bgCherry {background-color: #AA1E34}
.bgBTBblue {background-color: #000066}

.lpaGreen {color: #687D71}
.darkGray {color: #333436}
.lightGray {color: #B4B6AA}
.mediumGray {color: #808389}

.search
	{
		color: white;
		text-decoration: none;
		margin-right: 5px;
		margin-top: 10px;
	}

.search:hover
	{
		text-decoration: underline;
	}

.inputbox
	{
		border: 1px solid #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}