/*  @charset "utf-8";  */

/* ------------------------GLOBAL DEFAULTS------------------------ */

a         {text-decoration: underline;}
a:link    {color: #00f;}
a:visited {color: #800080;}
a:hover   {color: #000;}
a:active  {color: #f00;}

body	{
	background: #fff;
	color: #444;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
body, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	}
img	{
	border-style: none;
	}

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

.ClearFloats {
	clear: both;
	}

/* ------------------------LAYOUT------------------------ */

#PageWrapper, #PageWrapperSB130, #PageWrapperSB160, #PageWrapperSB300 {	/* possibly change to ContentWrapper, add an outside PageWrapper (ColorWrapper) to handle BG color */
	width: 800px;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}
#PageWrapperSB130 {
	width: 810px;			/* +10 for ALA Seal */
	}
#PageWrapperSB160 {
	width: 840px;			/* +40 for sky 160 */
	}
#PageWrapperSB300 {
	width: 990px;			/* +180 for cube */
	}
#OverBn, #TopBn {
	width: 728px;
	height: 18px;
	margin-left: 10px;
	margin-bottom: 0px;
	}
#TopBn {
	height: 90px;
	text-align: center;
	}
#UnderTopBn  {
	color: #ddd;
	font-size: .8em;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px 0 6px 0;
	margin-left: 10px;
	}
#UnderTopBn p  {					/* for word "practice" */
	display: inline;
	font-size: .7em;
	padding-right: 15px;
	}
#UnderTopBn span     {color: #aaa;}		/* for pipe character separators */
#UnderTopBn a        {color: #ddd; text-decoration: none; padding: 0 3px;}
#UnderTopBn a:hover  {color: #fff; text-decoration: underline;}

#MainWrapper {
	float: left;
	}
#MainBorder {
	border: 1px solid black;
	margin-left: 10px;
	}
#Lessons #MainBorder      {background-image: url("../g/bg143_offwhite330899.gif");}
#LetNamList #MainBorder,
#Cons #MainBorder,
#Vowels #MainBorder,
#Vowels-BME #MainBorder,
#Vowels-R1-7 #MainBorder,
#Blends #MainBorder,
#ComWrdList #MainBorder   {background-image: url("../g/bg143.gif");}

#Main {
	width: 658px;			/* any width changes should be applied to breadcrumbs width as well */
	text-align: center;
	}
#Index #Main  {				/* special BG for index page */
/*	background-image: url("../g/indexheaderbg_60a9fc.gif");
	background-repeat: repeat-x;
*/	}

#RightSidebar120, #RightSidebar130, #RightSidebar160, #RightSidebar300 {
	width: 120px;
	float: right;
	margin-top: 1px;
	text-align: center;
	}
#RightSidebar130 {
	width: 130px;
	margin-top: 23px;
	}
#RightSidebar160 {
	width: 160px;
	margin-top: 23px;
	}
#RightSidebar300 {
	width: 310px;
	margin-top: 23px;
	}

/* ------------------------MAIN PANEL------------------------ */

/* ------------------------SIDEBAR------------------------ */

.RightSidebarInner {
	text-align: center;
}
.RightSidebarInner a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 120%;
	}
.RightSidebarInner a:link    { color: #eee; }
.RightSidebarInner a:visited { color: #eee; }
.RightSidebarInner a:hover   { color: #fff; }
.RightSidebarInner a:active  { color: #eee; }

.SidebarLinks {
	margin-top: 10px;
	}
.CSOBn {
	margin-top: 23px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	}
#sksc-w {
	padding-top: 70px;
}
#Lessons #sksc-w {
	padding-top: 20px;
}

/* =========================================== */

#QuickLinks  {
	color: #ddd;
	text-align: left;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 26px 0 10px 0;
	padding: 2px 0 7px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
#QuickLinks p  {					/* for word "practice" */
	text-align: center;
	font-weight: bold;
	font-size: 9px;
	padding-bottom: 2px;
	}
#QuickLinks span {				/* for pipe character separators */
	color: #bbb;
	padding-left: 4px;
	padding-right: 3px;
	}
#QuickLinks a {
	text-align: left;
	color: #ddd;
	font-size: 12px;
	text-decoration: none;
	padding: 0 3px;
	}
#QuickLinks a:hover  {color: #fff; text-decoration: underline;}
#QuickLinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.HelpLink {
	margin: 10px 0 10px 0;
	}
.HelpLink a {
	font-size: 14px;
	}
.HelpLink a:link    {color: #eee;}
.HelpLink a:visited {color: #eee;}
.HelpLink a:hover   {color: #fff;}
.HelpLink a:active  {color: #eee;}

/* ------------------------BOTTOM HAND NAV------------------------ */

.BottomLinks  {
	width: 578px;			/* this width should match that of title (hand width (x2) + TitleHandSpace (x2) + TitleGraphic */
	margin-top: 30px;
	}
.UpLink img  {
	margin: 40px 0 2px 0px;
	}
.UpLink a  {
	font-size: .7em;
	text-decoration: none;
	color: #000;
	}


/* ------------------------BOTTOM NAV BAR------------------------ */

#Lessons #FooterLinks, #Aux #FooterLinks {
	background-color: #64acfe;
	border-top: 1px solid #016ae2;
	border-bottom: 1px solid #016ae2;
	}
#Index #FooterLinks {
	background-color: #0174f6;
	border-top: 1px solid #016ae2;
	border-bottom: 1px solid #016ae2;
	}
#LetNamList #FooterLinks {			/* Dark Blue */
	background-color: #0856c5;
	border-top: 1px solid #031f46;
	border-bottom: 1px solid #031f46;
	}
#Cons #FooterLinks {				/* Light Blue */
	background-color: #63a3fe;
	border-top: 1px solid #0265f3;
	border-bottom: 1px solid #0265f3;
	}
#Vowels #FooterLinks, #Vowels-BME #FooterLinks, #Vowels-R1-7 #FooterLinks {		/* Red */
	background-color: #ff6464;
	border-top: 1px solid #c30000;
	border-bottom: 1px solid #c30000;
	}
#Blends #FooterLinks {				/* Green */
	background-color: #6eb708;
	border-top: 1px solid #5c9a07;
	border-bottom: 1px solid #5c9a07;
	}
#ComWrdList #FooterLinks {			/* Orange */
	background-color: #fda001;
	border-top: 1px solid #d18401;
	border-bottom: 1px solid #d18401;
	}
#FooterLinks  {
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 70px 35px 0px 35px;
	padding: 3px 0;
	}
#Aux #FooterLinks {
	margin: 50px 15px 0px 15px;
	}
#FooterLinks a  {
	font-weight: normal;
	margin: 0 12px;
	text-decoration: none;
	}

#FooterLinks a:link    { color: #fff; }
#FooterLinks a:visited { color: #fff; }
#FooterLinks a:hover   { color: #fff; text-decoration: underline; }
#FooterLinks a:active  { color: #000; }


/* ------------------------COPYRIGHT------------------------ */

#Copyright {
	margin: 0 35px 0px 35px;
	padding-top: 26px;
	padding-bottom: 20px;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .75em;
	}

#Copyscape {
	margin-bottom: 20px;
	}

/* ------------------------AUXILIARY PAGES------------------------ */

#AuxPgWrapper	{
	margin-top: 6px;			/* padding-top in ie forces table flush left */
	padding-bottom: 20px;		/* margin-bottom in ie yields zero margin */
	}
#Aux #UnderTopBn	{
	margin-left: 0px;
	}
#AuxMain		{
	color: #0b3060;
	background-image: url("../g/bg143_offwhite330899.gif");
	font-family: Georgia, 'Times New Roman', Times, serif;
	}
#AuxMainWrap		{
	width: 600px;
	}
#AuxMain h1		{
	font-size: 1.6em;
	font-weight: bold;
	padding: 0 0 12px;
	margin: 60px 70px 30px 60px;
	border-bottom: 4px solid #bec6d0;
	}
#AuxMain p		{
	margin: 0px 60px 1em;
	line-height: 1.2em;
	}
#AuxMain em		{
	font-style: normal;
	}
#AuxMain p.Note	{
	font-size: .8em;
	text-align: justify;
	margin: 0 110px 1em 110px;
	padding: 0px 30px 0 10px;
	border-left: 2px solid #666;
	}
#AuxMain p.Line	{
	text-align: center;
	font-size: 1.2em;
	margin: 1em 70px 0 60px;
	}
.OrBreak		{
	margin-top: 40px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	}
.Or	{
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	padding: 0 15px .2em;
	}
#AuxSidebar		{
	background-color: #fbecda;
	}
#AuxSidebarWrap	{
	width: 150px;
	}
#AuxSidebar #Logo	{
	background-color: #63abfe;
	text-align: center;
	padding: 10px 0;
	}
#SidebarHome		{
	padding: 20px 0 14px;
	}
#AuxSidebar #SidebarLinks {
	font-size: .8em;
	}