/*
CONTAINERS
*/

/*  common attributes */

#sidebar, #pageMainBody{
}

#sidebar {
	position: absolute;
	left: 10px;
	top: 89px;
	width: 199px;
	font-size: 120%;
	z-index: 2;
}

#pageMainBody {
  margin-left: 5px;  
}

#lessonNav_top, #lessonNav_bottom {
  text-align: center;
}



/*
MENU STYLES:
*/
#navlist {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navlist a, #navlist a:visited {
	display: block;
	border: 1px solid;
	border-color: #ddd #000 #000 #ddd;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #006600;
	text-decoration: none;
	list-style: none;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 24px;
	margin-top: 10px;
	background-image: url(assets/w1_down.jpg);
}

#navlist a:hover {
	background-color: #006600;
	background-image:  url(assets/w1_over.jpg);
	color: #FFFFFF;
	list-style: none;
}

#sidebar #navlist .uberlink {
background-color: #006600;
background-image:  url(assets/w1_over.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
color: #FFFFFF!important;
font-weight: normal;
cursor: default;
}


.menu1 {
	font-size: 120%;
	line-height: 100%;
	margin-top: 12px;
	margin-bottom: 0px;
}
#pageTitle {
	font-size: 240%;
	text-align: center;
}
.smallText {
	font-size: 60%;
}
.line100noSpcTopBottom {
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.menu2LI {
	font-size: 80%;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: square url(images/sqBullet-aaxibul3.gif) outside;
	display: list-item;
	padding-top: 0px;
	padding-bottom: 0px;
}
.stitch {
	font-weight: bold;
	color: #000080;
}
.stitchNum {
	font-weight: bold;
	color: #000080;
}
.warning {
	font-weight: bold;
	color: #FF0000;
}


/*  Lesson Navigation styles (previous and next lesson arrows, etc.) */
#lessonNav_top p, #lessonNav_bottom p {
  font-size: 8pt;
  font-style:italic;
  line-height: 9pt;
}

#lessonNav_top .lessonNav, #lessonNav_bottom .lessonNav {
  text-align: center;
}

table .lessonNav {
  margin: 0 auto;
  padding: 2px;
/*  width: 250px; */
  width: 50%; 
  border: none;
  empty-cells: show;
  vertical-align: bottom;
  bottom: 0px;
  top: 0px;
  height: auto;
}

#lessonNav_top table td, #lessonNav_bottom table td {
  margin: 0 auto;
/*  width: 52px; */
}


#lessonNav_top table td p, #lessonNav_bottom table td p {
  margin-top: 0px; 
  margin-bottom: 0px; 
  padding-top: 0px; 
  padding-bottom: 0px;
  }
  
#lessonNav_top table td.lessonNav_tableCell_next, #lessonNav_bottom table td.lessonNav_tableCell_next {
  text-align:right; 
    padding-left: 25px;
}

#lessonNav_top table td.lessonNav_tableCell_prev, #lessonNav_bottom table td.lessonNav_tableCell_prev {
  text-align:left;
  padding-right: 25px;
}


#lessonNav_top table .lessonNav_tableCell_arrowRow, #lessonNav_bottom table .lessonNav_tableCell_arrowRow {
  vertical-align: bottom;
  margin-bottom: 0px;
}

#lessonNav_top table .lessonNav_tableCell_textRow, #lessonNav_bottom table .lessonNav_tableCell_textRow {
  vertical-align: top;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}


#lessonNav_top table img, #lessonNav_bottom table img,  {
  width: 25px;
  height: 25px;
}


#lessonNav_top table a img, #lessonNav_bottom table a img  {
  border: none;
}




/*****

<table border="0" width="206" cellpadding="2">
  <tr>
    <td width="52" valign="bottom" align="left">
        <img src="../images/leftTri.gif" alt="previous lesson" width="25" height="25" border="0">
        </td>

    <td width="52" align="right" valign="bottom">
      <p style="text-indent: 0; margin-left: 0; margin-right: 0" align="right">
      <a href="AOLPs-2.htm">
        <img src="../images/rightTri.gif" alt="next lesson" align="right" border="0" width="25" height="25"></a></p>
  </td>
  </tr>

  <tr>
    <td width="52" valign="top" align="left">
      <p><em><a href="AOLPs-1.htm">previous lesson</a></em></p>
    </td>
    <td width="52" valign="top" align="right">
     <p><em><a href="AOLPs-3.htm">next lesson</a></em></p>
    </td>
  </tr>
</table>


****/