.Logo  {
	width: 140px;
	}
.Logo img  {
	margin: 6px 0 0 6px;
	}
	.HeadCenter  {
		font-size: 1em;
		}
	.HeadCenter img  {
		margin-right: 6px;
		}
.LsnRefSpkr  {width: 100px;}
#Vowels .LsnRefSpkr  {width: 70px;}
.HomeLink  {
	font-size: .7em;
	font-weight: bold;
	width: 140px;
	}
.HomeLink a {
	text-decoration: none;
	color: #00f;
	}
.HomeLink a:link    {color: #00f;}
.HomeLink a:visited {color: #00f;}
.HomeLink a:hover   {color: #00f; text-decoration: underline;}
.HomeLink a:active  {color: #00f;}

.HomeLink img  {
	margin: 6px 6px 6px 5px;
	}

/* -------------------------------------------------------------------------- */

.LsnRefSpkr div {
	margin-right: 4px;
	padding-top: 10px;
	}
.LsnRefMain img {
	margin-top: 10px;
	}

/*====================================CHAPTER LINKS===========================================*/

#ChapLinks {					/* this container div seems to be needed to keep zero left for the abs pos the same in both IE and FF */
	position: relative;
	color: #000;
	font-size: 14px;			/* set font size here to keep links and CurChapLink in sync */
	display: block;
	}
#ChapLinks a {
	font-weight: normal;
	color: #000;
	text-decoration: none;
	padding: 3px 7px 3px 8px;
	line-height: 22px;
	}
#ChapLinks a.TwoDig {			/* need "#ChapLinks a." to override specificity */
	padding: 3px 5px 3px 3px;	/* 5/3 right/left split shifts 2-digit numbers 1px to left for better centering */
	}
#ChapLinks a span.showLink  {display:none;}
#ChapLinks a:link     {color: #00f;}
#ChapLinks a:visited  {color: #800080;}
#ChapLinks a:hover    {color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	}
#ChapLinks a:active {color: #fff;}
.link1 a:hover, .link2 a:hover, .link3 a:hover, .link4 a:hover     {background-image: url( "../g/link_dkblue.gif" )}
.link5 a:hover, .link6 a:hover, .link7 a:hover                     {background-image: url( "../g/link_purple.gif" )}
.link8 a:hover, .link9 a:hover                                     {background-image: url( "../g/link_ltblue.gif" )}
.link10 a:hover, .link11 a:hover, .link12 a:hover, .link13 a:hover {background-image: url( "../g/link_red.gif" )}
.link14 a:hover {background-image: url( "../g/link_green.gif" )}
.link15 a:hover {background-image: url( "../g/link_orange.gif" )}

#ChapLinks a:hover span.showLink  {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 423px;
	text-align: center;
	color: #666;
	}
.showLink {
	font-size: .9em;
	font-weight: normal;
	}
.CurChapLink {
	width: 26px;
	background-repeat: no-repeat;
	background-position: center;
	}
#Sounds .CurChapLink, #Phonics .CurChapLink, #LetSounds .CurChapLink, #LetNames .CurChapLink {
	background-image: url( "../g/link_dkblue.gif" )}
#Words .CurChapLink, #LetPosition .CurChapLink, #LetRepeats .CurChapLink {
	background-image: url( "../g/link_purple.gif" )}
#LetTypes .CurChapLink, #Consonants .CurChapLink {
	background-image: url( "../g/link_ltblue.gif" )}
#VowelsLesson .CurChapLink, #VowLongSht .CurChapLink, #VowelY .CurChapLink, #VowelRules .CurChapLink {
	background-image: url( "../g/link_red.gif" )}
#BlendsLsn .CurChapLink {
	background-image: url( "../g/link_green.gif" )}
#ComWords .CurChapLink {
	background-image: url( "../g/link_orange.gif" )}

.CurChapLink span {
	font-weight: bold;
	color: #fff;
	}

/* ----------TWO LINE LINKS (BLENDS)---------- */

#LessonLinks  {
	font-family: "Geneva", "Arial", "Helvetica", sans-serif;
	font-size: .8em;
	font-weight: bold;
	text-align: center;
	}

.BackL, .BackR {
	width: 84px;
	margin-top: 12px;
	}
.BackL {
	float: left;
	text-align: right;
	}
.BackR {
	float: right;
	}

#Blends .BackL, #Blends .BackR {		/* Blends are taller with 2-line links, and narrower */
	width: 100px;
	margin-top: 20px;
	}


.LinkSpacer {					/* needed as a spacer because FF will apply top margin of Links1 to LessonLinks instead */
	width: 425px;
	}
.LinkSpacer img {
	padding-top: 20px;
	}
#Blends .LinkSpacer img {
	padding-top: 14px;
	}
.Links1  {
	background-color: #6eb708;
	width: 425px;
	color: #000;
	letter-spacing: .11em;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left: 1px solid #78AED2;
	border-right: 1px solid #78AED2;
	margin-left: auto;
	margin-right: auto;
	}
.Links1 a  {
	padding: 0 9px;
	background-color: #6eb708;
	text-decoration: none;
	}
.Links1 a:link    {color: #fff; }
.Links1 a:visited {color: #fff; }
.Links1 a:hover   {color: #fff; text-decoration: underline;}		/* needed to repeat padding for hover */
.Links1 a:active  {color: #f00; }
span.CurLink1     {
	color: #518806;
	background-color: #fffaba;
	padding: 1px 9px 2px;
	border-top: 1px solid #d3edae;
	border-left: 1px solid #d3edae;
	border-right: 1px solid #d3edae;
	}
.Links2  {
	background-color: #fffaba;
	width: 425px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left: 1px solid #d3edae;
	border-right: 1px solid #d3edae;
	border-bottom: 1px solid #d3edae;
	margin-left: auto;
	margin-right: auto;
	}
.Links2 a  {
	padding: 2px 7px;
	background-color: #fffaba;
	text-decoration: underline;
	}
.Links2 a:link    {color: #00f; }
.Links2 a:visited {color: #800080; }
.Links2 a:hover   {color: #f00; padding: 1px 7px 2px;}   /* needed to repeat padding for hover C99000 */
.Links2 a:active  {color: #f00; }
span.CurLink2     {
	color: #f00;
	background-color: #fffaba;
	padding: 2px 7px;
	}


/* ----------ONE LINE LINKS---------- */

.OneLineLinks  {
	width: 475px;
	color: #000;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 2px solid #ff6464;
	margin-left: auto;
	margin-right: auto;
	}

#LetNamList .OneLineLinks { border-top: 2px solid #0856c5; }
#ComWrdList .OneLineLinks { border-top: 2px solid #fda001; }
#Cons .OneLineLinks       { border-top: 2px solid #63a3fe; }
#Vowels .OneLineLinks, #Vowels-R1-7 .OneLineLinks, #Vowels-BME .OneLineLinks  { border-top: 2px solid #ff6464; }

.OneLineLinks a  {
	padding: 0px 5px;
	text-decoration: underline;
	}
.OneLineLinks a:link    {color: #00f; }
.OneLineLinks a:visited {color: #800080; }
.OneLineLinks a:hover   {color: #fff; background-color: #f00; }   /* needed to repeat padding for hover ??? */
.OneLineLinks a:active  {color: #f00; }
.OneLineLinks .CurLink {
	color: #f00;
	padding: 0px 5px;
	}
.OneLineLinks p {					/* for word "Vowel Rule" */
	display: inline;
	font-weight: normal;
	padding-right: 10px;
	}


/* ----------BACK and HOME LINKS---------- */

.LinksBackHome  {
	color: #000;
	font-size: .75em;
	font-family: "Geneva", "Arial", "Helvetica", sans-serif;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	margin-top: 8px;
	}
.LinksBackHome a  {
	padding: 0 0 0 5px;
	text-decoration: underline;
	}
.LinksBackHome a:link    {color: #00f; }
.LinksBackHome a:visited {color: #800080; }
.LinksBackHome a:hover   {color: #fff; background-color: #00f; }   /* needed to repeat padding for hover */
.LinksBackHome a:active  {color: #f00; }



/* ----------COMMON LINKS---------- */

.RightEndLink span, a.RightEndLink {border-right-style: none;}		/* must come last (after all other link stylings) */



/* -------------------------------------------------------------------------------------------------------------------------------- */