/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Hiddeninfo
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.hiddeninfo {
  display:none;
  color:#ff3333;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * LogoHeader: The NCTM Logo, & email address sections
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
DIV#logo-header {
  width:inherit;
  margin: 0 0 0em 0em;
  padding:0 0 0 0;
  border-width:0px;
  border-bottom-style:none;
}
DIV#logo-header p.header-bar {
     width:inherit;
     background-color:inherit;
     padding:0 0 0 0;
     margin:0 0 0 0;
}
DIV#logo-header p.image-right {
  border-collapse: collapse;
     float:right;
     background-color:inherit;
     padding:0 0 0 0;
     margin:45px 0 0 0;
}
DIV#logo-header IMG {
     border:0px none #00ff00;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Previous: The Menubar
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
DIV#menubar {
  text-align: left;
        padding: 2px 0em 2px 0em;
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	margin-bottom: 0px;
	background-color: #f0f0ff;
	color: #333;
	font-size: x-small;
}
DIV#menubar UL {
	padding: 0em 0em 0em 0em;
	display:inline;
	list-style: none;
}
DIV#menubar UL LI {
  display: inline;
  margin-left: 0;
	margin: 0;
	padding: 0px 0px 0px .4em;
	border: 0px solid #000;
}
DIV#menubar A.here:visited,
DIV#menubar A.here:link,
DIV#menubar A.here:hover,
DIV#menubar A:visited,
DIV#menubar A:link,
DIV#menubar A:hover {
	font-family: Trebuchet MS;
	text-decoration: none;
	padding: 0px 0.3em 0em .3em;

}
DIV#menubar A.here:visited,
DIV#menubar A.here:link,
DIV#menubar TD.here,
DIV#menubar A.here:hover {
	background-color: #aCa9F3;
}
DIV#menubar TD:hover {
	border: 1px solid #000;
	background-color: #2586d7;
	color: #fff;
}
DIV#menubar A:hover {
	background-color: #2586d7;
	color: #fff;
}

DIV#menubar TD {
	border:  1px solid #2175bc;
	background-color: #ECE9F3;
	color: #000;
	text-decoration: none;
}

TABLE.pagetable {
  border-collapse: collapse;
  border: 0px;
  width:100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * sidemenu: The side-menu Details
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
DIV#sidemenu {
  background-color: #aCf9a3;
  border: 1px solid #000;
  float: left;
  font-size: small;
  margin: 0.1em 3px 3px 0px;
  padding:       0em 0em 0em 0em;
  text-align: left;
  width:100%; 
}
TD.sidemenu {
  width:13em;
  padding:       0em 0em 0em 0em;
  margin:        0em 0em 0em 0em;
}
TD.pagecontent {
  padding:       0em 0px 0em 3px;
  margin:        0em 0em 0em 0em;
}
/* "Turn off" the words: Navigation */
DIV#sidemenu H1 {
  display:none; 
}
DIV#sidemenu H2 {
  border-bottom: 1px black solid;  
  color:         #000000;
  font-family:   luxi sans,sans-serif;
  font-size:     110%;
  height:        1.2em;
  margin:  0 0 0 0;  
  padding:       0em 0em 0em 0em;
  text-align:    center;
}
DIV#sidemenu UL {
  padding: 0em 0em 0em 0em;
  display:block;
  list-style: none;
}
DIV#sidemenu DIV.lev1 p {
/*  display: list-item; */
  margin:0em 0em 2px 0em;
  padding: 0px 0px 0px 0em;
  border:  0px solid #000;
  font-weight:bold;
  font-style:normal;
}
DIV#sidemenu DIV.lev2 p {
/*  display:     list-item; */
  margin:      0em 0em 0em 0em;
  margin-left: .4em;
  font-weight: normal;
  font-style:  normal;
}
DIV#sidemenu DIV.lev3 p {
/*  display:     list-item; */
  margin:      0em 0em 0em 0em;
  margin-left: .8em;
  font-weight:normal;
  font-size:small;
  font-style:italic;
}

DIV#sidemenu DIV.lev3 p {
/*  display:     list-item; */
  margin:      0em 0em 0em 0em;
  margin-left: 1.2em;
  font-weight:normal;
  font-size:x-small;
  font-style:italic;
}

DIV#sidemenu DIV.lev4 p {
/*  display:     list-item; */
  margin:      0em 0em 0em 0em;
  margin-left: 1.8em;
  font-weight:normal;
  font-size:x-small;
}


/* the following is CSS2 and only works in Mozilla style browsers!! 
DIV#sidemenu UL UL LI:before {
  content: "\00BB \0020";
}
*/
DIV#sidemenu A.here:visited,
DIV#sidemenu A.here:link,
DIV#sidemenu A.here:hover,
DIV#sidemenu A:visited,
DIV#sidemenu A:link,
DIV#sidemenu A:hover {
	font-family:  Trebuchet MS,luxi sans,sans-serif;
	padding: 0px 0.3em 0em .3em;
	border:  0px none #2175bc;
	color: #000000;
	text-decoration: none;
	width: 100%;
}
DIV#sidemenu A.here:visited,
DIV#sidemenu A.here:link,
DIV#sidemenu A.here:hover {
  color:  white;
  border: 1px solid #000;
  background-color: #2586d7;
}
DIV#sidemenu A:hover {
  color: #0f0fff;
  border: 1px solid #00f000;
}
/* extra-defines to get the margins wrapping around  */
/* margin-left need to match DIV#sidemenu width + 1em */
DIV#pagecontent {
   display:block;
/*   margin-left:15em; */
   font-size: small;
   padding:0em;
/*   background-color:green; */
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * BookZone: The Book Details
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

 /* The title */
 
DIV#booktitle h1.booktitle {
	text-align:center;
	color:#401050;
	font-family: Trebuchet MS,luxi sans,sans-serif;
	font-size: x-large;
	font-weight:bold;
/*	width:100%; */
/*	background-color:#f09e7e; */
	margin: .3em 0em 0em 0em;
}


DIV#booktitle h2.subbooktitle {
text-align:center;
font-family: "Arial";
font-style:italic;
font-size: large;
width:auto;
color:#FCFCD4;
background-color:#f09e7e;
padding: .2em 0em 0em 0em;
margin: 0em 0em 0em 0em;
}

DIV#booktitle p.booksubsentence {
text-align:justify;
font-style:italic;
padding: .3em 1em 0em 1em;
margin: 0em 0em .4em 0em;

}

DIV#booktitle p.authorlist {
text-align:center;
font-style:italic;
padding: .3em 1em 0em 1em;
margin: 0em 0em .4em 0em;

}

DIV#bookabstract H1 {
text-align:left;
font-size:large;
padding: 0em 1em 0em 1em;
margin: 0em 0em .4em 0em;
}

DIV#bookabstract P {
margin-bottom: .8em;
}


DIV#book_topauthor {
/* top right bot left */
padding: 3px 3px 0em 3px;
float:right;
/* border-top: 2px solid #cf7040; */
border-bottom: 1px solid #cf7040;
margin: 0em 0em 0em 2px;
text-align:center;
background-color:#e0e0ff; 
}

DIV#book_topauthor p.authorcaption {
font-size:x-small;
text-align:center;
background-color:#ffffff; /* #30f0ff; */
}


DIV#project_toppicture {
/* top right bot left */
padding: 3px 3px 3px 3px;
 float:left;  
/* border-top: 2px solid #cf7040; */
border-bottom: 1px solid #cf7040;
/* margin: 0em 5px 0em 0px; */
text-align:center;
background-color:#e0e0ff; 
}



DIV#footer {
  clear:both;
}

DIV#newsletter_topauthor {
/* top right bot left */
padding: 3px 3px 0em 3px;
float:right;
/* border-top: 2px solid #cf7040; */
/* border-right: 1px solid #cf7040; */
border-bottom: 1px solid #cf7040;
margin: 0em 0em 0em 1em;
text-align:center;
background-color:#ceceff /* #30a0ff;  */
}

DIV#newsletter_topauthor p.authorcaption {
font-size:x-small;
text-align:center;
background-color:#30f0ff;
}

DIV#newsletter_authortopline {
border-bottom: 1px solid #cf7040;
/* border-top: 5px solid #cf7040; */
background-color: #ceceff; /* #30a0ff; */
}

DIV.pageauthorpicture {
float:right;
margin: 0em -.5em 0em 1em;
padding: 3px 3px 0em 3px;
}

p.quote {
padding-left: 3em;
padding-right: 5em;
font-style:italic;
}

DIV#pagecontent TABLE.browse1 {
  width:100%;
  background-color: #e0e0ff;
}

DIV#pagecontent TD.browse1prev {
  width:33%;
  text-align: left;
}

DIV#pagecontent TD.browse1up {
  width:33%;
  text-align: center;
}

DIV#pagecontent TD.browse1next {
  width:33%;
  text-align: right;
}

DIV#pagecontent H1 {
  margin-top: .5em;
  margin-bottom: .2em;
}