@charset "iso-8859-1";
/* author: Jeff McCormack, www.jhmdesigns.com */
/* Creation date: 12/09/04 */


body {
	max-width: 1024px;
    margin: 0px;
	margin-right: auto;
    margin-left: auto;
    font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	border-left: 1px solid black;
    border-right: 1px solid black;
    }
	
/* BEGIN HEADER AND NAVIGATION */
/* Here the image (banner) is a background element in the head ID */
#head {
	height: 86px;
	background: #5c8795 url(images/learnertools_banner_526x86.gif) no-repeat;
	}

#address {
	float: right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}

#navcontainer {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background-color: #5c8795;
	}

/* padding/margins of main elements */
#main-content, #sidebar-content {
	padding: 0.5em 2em;
	}

#address-content {
margin: 1em 1em 0 0;
	}

/* navigation and footer formatting - code allows for multiple nav elements */
#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #5c8795;
	color: #fff;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	padding: 0.2em 1em;
	background-color: #5c8795;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	}

#navcontainer ul li a:hover {
	background-color: #3E5D65;
	color: #fff;
	}

/* The following ID is created to be applied to the nav item of the current page, to give the user some visual feedback.  It has the same rules as the hover state. */
#selected a:link, #selected a:visited, #selected a:hover  {
	background-color: #3E5D65;
	color: #fff;
	}
/* END HEADER AND NAVIGATION */
	
	
/* BEGIN MAIN CONTENT COLUMN */
#main {
	float: left;
	/* original width = 64% */
	width: 63%;
	margin: 0;
	padding: 0;
	/* border: 1px solid red; */
	}
/* END MAIN CONTENT COLUMN */
	

/* BEGIN SIDEBAR CONTENT COLUMN */
#sidebar {
	float: right;
	/* original width = 34% */
	width: 33%;
	font-size: 90%;
	margin: 0;
	padding: 0;
	background-color: #98B5C0;
	/* border: 1px solid black; */
	}
/* END SIDEBAR CONTENT COLUMN */

	
/* BEGIN FOOTER CONTENT AND NAVIGATION*/
#footer {
	clear: both;
	border-top: 1px solid #4D0365;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #98B5C0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}
	
#footer ul {
	padding: 5px;
	margin: 0;
	list-style-type: none;
	white-space: nowrap;
	}

#footer li { 
	display: inline; 
	margin-right: 1.5em;
	}

#footer li a {
	color: #fff;
	}

#footer li a:hover {
	color: #98B5C0;
	}
/* END FOOTER CONTENT AND NAVIGATION */
	
	
/* BEGIN FONT CHARACTERISTICS FOR UNORDERED LISTS */	
UL 	{
	font-size: 16px;
	line-height: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

/* This class increases the line height spacing in unordered lists. */
.lineheight	{
	line-height: 26px;
	}		
/* END FONT CHARACTERISTICS FOR UNORDERED LISTS */		

	
/* BEGIN PAGE SPECIFIC CSS */	
/* This class adds padding to the bottom of the unordered lists in the main content column by specifying the class ID principles.  This is for index.html page */	
#principles li {
	padding-bottom: 0.85em;
	/* border: 1px solid red;  use this to see border in list item */
	}	

/* for resources.html page */
#resources li {
	padding-bottom: 0.85em;
	font-size: 13px;
	text-indent: -2.2em;
	/* border: 1px solid red;  use this to see border in list item */
	}

/* for product descriptions in store.html page */
#fontsizecontrol {
	font-size: 85%;
	}	
/* END PAGE SPECIFIC CSS */


/* link ID's */

/* #main a:link, #sidebar a:link {color: #6D5C78} */
#main a:link, #sidebar a:link {color: #0000cc} 

#address a {color: #FFFFFF;}


/* BEGIN SIDEBAR HEADERS AND TYPOGRAPHY ID's */
#sidebar h1, #main h1 {
	font-size: 2em;
	font-weight: bold;
	color: #2A3F45;
	}

#sidebar h2, #main h2 {
	font-size: 1.5em;
	font-weight: bold;
	/*	color: #919A74; */
	color: #2A3F45;
	}

#sidebar h3, #main h3 {
	font-size: 1.25em;
	font-weight: bold;
	color: #203135;
	}	
/* END SIDEBAR HEADERS AND TYPOGRAPHY ID's */
	
	
/* BEGIN PAGE SPECIFIC CSS */	
/* sets the font size for games in familyfun.html and store.html */	
#coloredheader {
	font-size: 1.20em;
	color: #f32047;
	}	
	
#coloredheader2 {
	font-size: 1.20em;
	color: #f32047;
	}	

/* sets the font size for the book volume number in language.html */
#volume {
	font-size: 1.15em;
	/* color: #f32047; */
	}

.volume {
	font-size: 1.15em;
	/* color: #f32047; */
	}	
		
/* This class is used in comments page as the source of the quote */
.quotesource
		{
		font-size: 11px;
		margin-right: 4em;
		margin-left: 4em;
		padding-top: 4px;
		padding-bottom: 4px;
		}		
/* END PAGE SPECIFIC CSS */	
	

/* BEGIN MISCELLANEOUS STYLES */		
.callout {
	color: #990000;
	margin: 0px 0px 12px 12px;
	float: right;
	width: 25%;
	font-weight: bold;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

/* This class floats images to the right. */
.imgR {
	float: right;
	margin: 0;
	}

/* This class creates a big drop cap */
.drop {
	font-size: 3em;
	color:#2A3F45;
	float: left;
	margin:0;
	padding-right: 6px;
	line-height: 80%;
	}

	/* This class creates a smaller drop cap */
.dropsmall {
	font-size: 2.5em;
	color:#2A3F45;
	float: left;
	margin:0;
	padding-right: 3px;
	line-height: 70%;
	}
/* END MISCELLANEOUS STYLES */