/* @override http://www.learnfrenchinboston.com/css/REAL.CSS */

/* @override http://learnfrenchinboston.com/css/REAL.CSS */

/* @override http://www.learnfrenchinboston.com/css/REAL.CSS */

body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #fff;
	}

#content, #donation {
	margin: 0em;
	padding: 2em 1em 1em;
	font: 86% Arial, Helvetica, sans-serif;
}
	
#contentLeftColumn {
	font: 76% Arial, Helvetica, sans-serif;
	margin: 0em;
	padding: 1em 0em 1em 1em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	float: left;
	width: 450px;
	}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/*typography*/
a {
	color: #003399;
	text-decoration: underline;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	color: #343434;
	background: #FEECBC;
	text-decoration: none;
	}
	
.arrows {
	background: #FFFFFF;
	text-decoration: none;
	color: #FFFFFF;
	}
	
h1 {
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-bottom: 5px;
	color: #003399;
	border-top: none;
	border-right: none;
	border-bottom: 1px dashed #99ABB5;
	border-left: none;
	font-size: 1.8em;
}
h2 {
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	font-size: 1.4em;
}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
#content ul{
	font-size: 1em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	list-style: url(/images/blueGrey_bullet.gif);
	line-height: 1.4em;
}
#content ol {
	font-size: 1em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	line-height: 1.4em;
	list-style-type: decimal;
}
p {
	font-size: 1em;
	line-height: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
.boxedCallout {
	border: 1px solid #CC6600;
	margin: 3px;
	padding: 3px;
	float: right;
	width: 200px;
	clear: both;
}
.introText {
	width: 400px;
	float: none;
}

 #navcontainer {
	font: 76% Arial, Helvetica, sans-serif;
	list-style: url(/images/spacer.gif) none;
	margin: 10px 10px 40px 0;
}

 #navcontainer ul
 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style: url(/images/spacer.gif) none;
}

 #navcontainer li {
	margin: 0;
	padding: 0;
	list-style: url(/images/spacer.gif) none;
	line-height: 1.8em;
}

 #navcontainer a
 {
	display: block;
	padding: 0px 5px;
	width: 140px;
	color: #343434;
	background-color: #A0BCED;
	text-decoration: none;
	border-right: 1px solid #535353;
	border-bottom: 1px solid #535353;
	border-left: 1px solid #535353;
 }
 
 #navcontainer a.current
 {
	background-color: #FEECBC;
	color: #343434;
 }
  
  #navcontainer a#top
 {
	border-top: 1px solid #535353;
 }

 #navcontainer a:hover
 {
	background-color: #FEECBC;
	text-decoration: none;
	color: #343434;
	font-variant: normal;
}

 #navcontainer ul ul li {
	margin: 0;
	padding: 0px;
	border: 0px;
	list-style: none;
}

 #navcontainer ul ul a
 {
	display: block;
	padding: 0px 5px;
	width: 125px;
	color: #343434;
	background-color: #FFFFFF;
	text-decoration: none;
	border: 0px;
	margin: 0px;
 }
 
  #navcontainer ul ul a.subcurrent
 {
 color: #993333;
 }

 #navcontainer ul ul a:hover
 {
	color: #A0BCED;
	text-decoration: none;
	background-color: white;
	border-bottom-width: 1px;
	border-bottom-color: #0c0c0c;
}

/* ---------AMP menus -------- */
 
 #chapterNavcontainer {
	margin: 40px 10px;
}

 #chapterNavcontainer ul
 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style: none;
 }

 #chapterNavcontainer li {
	margin: 0;
	padding: 0;
	list-style: none;
}

 #chapterNavcontainer a
 {
	display: block;
	padding: 0px 5px;
	width: 140px;
	color: #535353;
	background-color: #99ABB5;
	text-decoration: none;
	border-right: 1px solid #535353;
	border-bottom: 1px solid #535353;
	border-left: 1px solid #535353;
 }
 
 #chapterNavcontainer a.current
 {
	background-color: #993333;
	color: #FFFFFF;
 }
  
  #chapterNavcontainer a#top
 {
	border-top: 1px solid #535353;
 }

 #chapterNavcontainer a:hover
 {
	background-color: 933333;
	text-decoration: none;
	color: #FFFFFF;
	background: #933333;
 }

 #chapterNavcontainer ul ul li {
	margin: 0;
	padding: 0px;
	border: 0px;
}

 #chapterNavcontainer ul ul a
 {
	display: block;
	padding: -3px 0px 0px 5px;
	width: 125px;
	color: #535353;
	background-color: #FFFFFF;
	text-decoration: none;
	border: 0px;
	margin: 0px;
 }
 
  #chapterNavcontainer ul ul a.subcurrent
 {
 color: #993333;
 }

 #chapterNavcontainer ul ul a:hover
 {
	color: #933333;
	text-decoration: none;
	background-color: #FFFFFF;
 }


.graphicHeader {
	padding: 10px 5px 5px 1em;
}


.calloutLeftSide {
	border: 3px solid #A22930;
	width: 134px;
	padding: 4px;
	margin: 2px 2px 0px;
	top: 40px;
	float: left;
}

.callout {
	border: 1px solid #99ABB5;
	width: 150px;
	padding: 4px;
	margin: 2px 2px 10px;
	top: 40px;
	float: right;
}

.leftCallout {
	width: 146px;
	top: 40px;
	float: left;
	opacity: 1;
	border: 1px solid #3a3a3a;
	padding: 2px 2px 0;
}

p.leftCalloutHeader {
	text-align: left;
	text-transform: capitalize;
	margin: 0 0 -10px;
	padding: 2px;
	color: #3f3f3f;
	opacity: 1;
	font: bold .8em Arial, Helvetica, Geneva, sans-serif;
}

.leftMenuDonateButton {
	margin-top: -26px;
}

.calloutTwoColumnFirst {
	border: 1px solid #99ABB5;
	width: 150px;
	padding: 4px;
	margin: 2em 2px 10px;
	top: 40px;
	float: right;
}
.calloutText {
	font: bold 0.7em Arial, Helvetica, sans-serif;
	color: #666666;
}
.disclaimerText {
	font-size: 0.6em;
	color: #535353;
}
.masterTable {
	width: 800px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

.QTembed {
	margin: 3px;
	padding: 3px;
	border: 1px solid #993333;
	background: #FF0000;
	right: auto;
	bottom: auto;
}
.simpleTableBorder {
	border: 1px solid #666666;
}

.fullBookTitles {
	font-size: 1.4em;
	margin: 0.5em 1em 0.5em 0.5em;
	font-weight: bold;
	}
.calloutHeader {
	color: #000000;
	display: inline;
	font: normal bold 0.8em Arial, Helvetica, sans-serif;
}
.calloutTitle {
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #993333;
	text-transform: uppercase;
	display: inline;
}

.calloutBody {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

.calloutBody {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.modernFont {
	font: normal 0.8em Arial, Helvetica, sans-serif;
}

.reviewQuote {
	font-size: 1.2em;
	margin: 0.5em 0em 0em;
	font-weight: bold;
}
.workBookLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #993333;
}
div.linkFooter {
	background-color: #feecbc;
	margin: 0;
	padding: 5px;
	top: 5px;
	position: relative;
	border: 1px solid #3a3a3a;
	font: 85%/150% arial;
}