body 
{ background-color: #ffffff;
	margin-top: 0cm;
	margin-left: 0px;
	text-align: center;
}

img {
        border-style: none;
}

/* body,td,p,a */
body
{
        font-family: arial, verdana, times new roman;
        font-size: 18px;
        font-style: normal;
        color: #000000;
}

p.headline
{   margin-bottom: 40px;
}

a.thumbnail { text-decoration: none; }

a:hover { text-decoration: none; }

#ct {  margin-top: 30px; }

td { vertical-align: top; }

td.contentCol
{   background-color: #CCCCEB;
    padding-left: 6%;
    padding-right: 6%;
}

/* pwang */
td.bottomCol
{   background-image: url("img/botbg.gif");
    background-position: bottom left;
    background-repeat: repeat-x;
    background-color: #CCCCEB;
}

td.bottomCol img
{   display: block;
}

table.pickColumn th.button 
{       background-color: #fc0;
	border-width: 3px;
	border: outset;
	border-color: #fc0;
	font-size:70%;
}

table.pickRow th.button
{       background-color: #fc0;
	border-width: 3px;
	border: outset;
	border-color: #fc0;
	font-size:70%;
}

table.genericTable {
	background-color: #ffffff;
        border-style: none;
        border-collapse: collapse;
	width: 720px;
}

table.parentTable {
	background-color: #ffcccc;
	border-style: none;
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
	empty-cells: hide;
	text-align: left;
        outline-style: none;
	table-layout: auto;
	/* width: 750px; */
	margin-left: auto;   /* centering */
	margin-right: auto;
	width: 80%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

table.parentTable td.topBanner
{       background-image: url("img/top-7thgradebg.gif");
        background-position: bottom left;
        background-repeat: repeat-x;
}

table.parentTable td.topBanner img
{      display: block;
}

table.contentTable
{    border-style: none;
     width: 100%;
}

em.blue
{    color: blue;   }

p.blue
{   color: #00c; 
    text-align: center; 
    font-size: xx-large; 
    font-weight: bold;
}

div.manipulative
{   border-top: thin solid orange;
    border-bottom: thin solid orange;
    padding-bottom: 8px;
    padding-top: 8px;
}

div.manipulative button
{   background-color: orange  }

div.manipulative img.right
{ float:right; padding-left: 2em; }


#pno {  font-size: x-large;  color: orange  }

p.annotation { color: #900 }
