/***********************************************/
/* 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/headHQactivities.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/leftColPrpl400.jpg);
		background-repeat: no-repeat;
		background-color: white; /*  light green */
		height:100%; /* this is the key! */
		border-right: 1px solid #587b7c; 
	}


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

#navigation
	{
		/* font-family: Georgia, Times, Serif;  */
		float: left;
		width: 172px;
		padding-top: 2em;
		background-color: #5c2945;
	}
#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: black;
		background-color: #ffd94e; /* 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;
	}
#navigation .nav2 a
	{
		color: black;
		background-color: #ffd94e; /* 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;
	}