/* CSS Document */
body  {
	font-size: small;
	background: #23154C;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #260D4F;
}
* html body  {
  font-size: x-small; /* for IE5/Win */
  f\ont-size: small; /* for other IE versions */
}
.topbanner-left  {
  background: url(images/logo-banner.gif) top left repeat-x;
  padding: 1px 0 0 217px;
}
.topbanner-left2  {
  background: url(images/logo-banner2.gif) bottom left repeat-x;
  /*padding-bottom: -1px;*/
  /*margin-bottom: 2px;*/
}
.topbanner-right  {
  background: #F4BE54 url(images/login-filler.gif) repeat-x;
}
/*.topcontent-left  {
  background: url(images/topcontent-filler.gif) repeat-x;
}*/
.topcontent-left  {
  background: url(images/topcontent-right.gif) top right repeat-x;
}
.topcontent-left2  {
  background: url(images/topcontent-right2.gif) top right repeat-x;
}	
HR {
	width: 100%;
	height: 2px;
	color: #260d4f;
}

.Header {
	color: #EC0181;
}

.login-text  {
  font-size: 75%;
  letter-spacing: -0.03em;
}
.inputbox  { 
  width: 65px;
  height: 12px;
  font-size: 9px;
}
.formbox  { 
  width: 150px;
  font-size: 10px;
}
.title  {
  background: #FFFCF8 url(images/ttl-right.gif) top right;
}
.content  {
  padding: 0 15px 0 5px;
  margin: 13px 0 0 0;
  line-height: 1.4em;
  overflow: hidden;
  /*background: url(images/content-bkg.jpg) top right repeat-y;*/
}
a:link  {
  color: #0202D8;
}
a:visited  {
  color: #800080;
}
a:hover  {
  color: #EC0181; 
}
.content-right  {
  background: url(images/right-content.gif) repeat-y;
}
.content-bkg  {
  background: url(images/content.gif) top right;
  overflow: hidden;
}
.content-left  {
  background: url(images/content-left.gif) repeat-y;
}
.supporters  {
  background: #F4BE54 url(images/left-page-filler.gif) repeat-y;
}
.footer  {
  background: url(images/footer-bkg.gif) right repeat-x;
}
.cntntlogo  {
  float: right;
  padding-right: 10px;
  vertical-align: text-bottom;
  display: block;
}

.article {
	padding: 10px;
}
.article-left40 {
  float: left;
  width: 40%;
  height: 275px;
}
.article-right60 {
  float: right;
  width: 60%;
  height: 275px;
}
.article-left60 {
  float: left;
  width: 60%;
  height: 275px;
}
.article-right40 {
  float: right;
  width: 40%;
  height: 275px;
}
#pic  {
  margin: 0 auto;
}
#pic li.numberconcepts  {
  width: 160px;
  height: 89px;
  position: relative;
  background: url(images/buttons/numcon-1.jpg) bottom right no-repeat;  
  float: left;
  z-index: 5;
  padding-right: 50px;
  padding-bottom: 10px;
}
#pic li.geometry  {
  width: 160px;
  height: 89px;
  position: relative;
  background: url(images/buttons/geometry-1.jpg) bottom right no-repeat;  
  float: left;
  z-index: 4;
  padding-right: 50px;
  padding-bottom: 10px;
}
#pic li.trigonometry  {
  width: 160px;
  height: 89px;
  position: relative;
  background: url(images/buttons/trig-1.jpg) bottom right no-repeat;  
  float: left;
  z-index: 3;
  padding-right: 50px;
  padding-bottom: 10px;
}
#pic li.StatsAndProbability  {
  width: 160px;
  height: 89px;
  position: relative;
  background: url(images/buttons/Stats-1.jpg) bottom right no-repeat;  
  float: left;
  z-index: 2;
  padding-right: 50px;
  padding-bottom: 10px;
}
#pic li.algebra  {
  width: 160px;
  height: 89px;
  position: relative;
  background: url(images/buttons/algebra-1.jpg) bottom right no-repeat;  
  float: left;
  padding-right: 50px;
  padding-bottom: 10px;
}
#pic ul  {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}
#pic a  {
  position: absolute;
  width: 160px;
  height: 89px;
  color: #000;
  text-decoration: none;
}
#pic a .outer  {
  display: block;
  width: 160px;
  height: 89px;
}
#pic .numberconcepts a  {
  top: 0px;
  left: 0px;
  /*border: 1px #000 solid;*/
}
#pic .numberconcepts a:hover  {
  background: url(images/buttons/numcon-2.jpg) bottom right no-repeat;
  height: 89px;
  padding-right: 50px;
  padding-bottom: 10px;
  cursor: pointer;
}
#pic .geometry a  {
  top: 0px;
  left: 0px;
  /*border: 1px #000 solid;*/
}
#pic .geometry a:hover  {
  background: url(images/buttons/geometry-2.jpg) bottom right no-repeat;
  height: 89px;
  padding-right: 50px;
  padding-bottom: 10px;
  cursor: pointer;
}
#pic .trigonometry a  {
  top: 0px;
  left: 0px;
  /*border: 1px #000 solid;*/
}
#pic .trigonometry a:hover  {
  background: url(images/buttons/trig-2.jpg) bottom right no-repeat;
  height: 89px;
  padding-right: 50px;
  padding-bottom: 10px;
  cursor: pointer;
}
#pic .StatsAndProbability a  {
  top: 0px;
  left: 0px;
  /*border: 1px #000 solid;*/
}
#pic .StatsAndProbability a:hover  {
  background: url(images/buttons/Stats-2.jpg) bottom right no-repeat;
  height: 89px;
  padding-right: 50px;
  padding-bottom: 10px;
  cursor: pointer;
}
#pic .algebra a  {
  top: 0px;
  left: 0px;
  /*border: 1px #000 solid;*/
}
#pic .algebra a:hover  {
  background: url(images/buttons/algebra-2.jpg) bottom right no-repeat;
  height: 89px;
  padding-right: 50px;
  padding-bottom: 10px;
  cursor: pointer;
}
#pic a .note  {
  position: absolute;
  bottom: -2em;
  min-width: 30em;
  padding: 0.2em 0.5em;
  background-color: #ffc;
  border: 1px #caca8b solid;
  text-align: center;
  left: -30000px;
  margin-left: -5em;
  font-size: 80%;
}
#pic a:hover .note  {
  left: 103px;
}