html, body {
 font-family: "tahoma", sans-serif; 
 font-size: 14px; 
 color: #666666;
 margin: 0;
 padding: 0; 
 background: #535f7d; 
}


body {
 margin: 0;
 padding: 0;
}

p.quote {
color: #abd8f2;
font-family: Palatino, Times, serif;
margin-top: 20px;
margin-bottom: 10px;
font-size: 200%; 
}

.clear {
 clear: both; 
 font-size: 1px; 
 height: 1px;                                   

}

img { 
 border: 0; 
}


a, a:visited {
 color: #a94ea6;
 text-decoration: none;
}

a:hover, a:active {
 text-decoration: underline; 
}



hr {
 color: #fff; 
 background: #fff; 
 border: 1px dotted #333; 
 border-style: none none dotted;
}


#header {
 width: 100%;
 height: 132px;
 background: #e9e996;  
}



#hdr {
 width: 980px;
  height: 120px;
 margin: 0 auto;
 padding: 12px 0 0 0;
}
 
 
#hdr #logo {
 float: left; 
 padding: 15px 0 0 5px;
}

 
#hdr #topAd { 
 float: right;
 padding: 9px 25px 0 0;
}


.nav {
 padding: 10px 0 0 5px; 
 margin: 0; 
}


.nav ul {  
 float: left;
 width: 490px;
 height: 31px;                               
 padding: 0;
 margin: 0;
 list-style: none; 
}


.nav ul li {                                       
 display: inline; 
}

#nav_nonempty {
 display: none; 
}

.nav ul li a.enter, 
.nav ul li a.enter:visited {
 float: left; 
 width: 113px;
 height: 31px; 
 padding: 0 4px 0 0;
 margin: 0; 
 background: url("../img/nav_entertxt_n.gif") no-repeat; 
}


.nav ul li a.enter:active, 
.nav ul li a.enter:hover {
 background: url("../img/nav_entertxt_d.gif") no-repeat; 
}

.nav #currentpageEnter a {
 background: url("../img/nav_entertxt_d.gif") no-repeat; 
}


.nav ul li a.mem, 
.nav ul li a.mem:visited {
 float: left; 
 width: 122px;
 height: 31px; 
 padding: 0 4px 0 0;
 margin: 0; 
 background: url("../img/nav_mem_n.gif") no-repeat; 
}


.nav ul li a.mem:active, 
.nav ul li a.mem:hover {
 background: url("../img/nav_mem_d.gif") no-repeat; 
}

.nav #currentpageMem a {
 background: url("../img/nav_mem_d.gif") no-repeat; 
}


.nav ul li a.flash, 
.nav ul li a.flash:visited {
 float: left; 
 width: 122px;
 height: 31px; 
 padding: 0 4px 0 0;
 margin: 0; 
 background: url("../img/nav_flash_n.gif") no-repeat; 
}


.nav ul li a.flash:active, 
.nav ul li a.flash:hover {
 background: url("../img/nav_flash_d.gif") no-repeat; 
}

.nav #currentpageFlash a {
 background: url("../img/nav_flash_d.gif") no-repeat; 
}

.nav ul li a.display, 
.nav ul li a.display:visited {
 float: left; 
 width: 117px;
 height: 31px; 
 padding: 0;
 margin: 0; 
 background: url("../img/nav_display_n.gif") no-repeat; 
}


.nav ul li a.display:active, 
.nav ul li a.display:hover {
 background: url("../img/nav_display_d.gif") no-repeat; 
}

.nav #currentpageDisplay a {
 background: url("../img/nav_display_d.gif") no-repeat; 
}



#navRt_nonempty {
 display: none;
}

.navRt {
 padding: 0 25px 0 0; 
 margin: 0; 
}

.navRt ul {  
 float: right;
 width: 358px;
 height: 31px;                               
 padding: 0;
 margin: 0;
 list-style: none; 
}


.navRt ul li {                                       
 display: inline; 
}


.navRt ul li a.faq, 
.navRt ul li a.faq:visited {
 float: left; 
 width: 72px;
 height: 31px; 
 padding: 0 4px 0 0;
 margin: 0; 
 background: url("../img/nav_faq_n.gif") no-repeat; 
}


.navRt ul li a.faq:active, 
.navRt ul li a.faq:hover {
 background: url("../img/nav_faq_d.gif") no-repeat; 
}

.navRt #currentpageFaq a {
 background: url("../img/nav_faq_d.gif") no-repeat; 
}


.navRt ul li a.words, 
.navRt ul li a.words:visited {
 float: left; 
 width: 188px;
 height: 31px; 
 padding: 0 4px 0 0;
 margin: 0; 
 background: url("../img/nav_words_n.gif") no-repeat; 
}


.navRt ul li a.words:active, 
.navRt ul li a.words:hover {
 background: url("../img/nav_words_d.gif") no-repeat; 
}

.navRt #currentpageWords a {
 background: url("../img/nav_words_d.gif") no-repeat; 
}


.navRt ul li a.save, 
.navRt ul li a.save:visited {
 float: left; 
 width: 88px;
 height: 31px; 
 padding: 0;
 margin: 0; 
 background: url("../img/nav_save_n.gif") no-repeat; 
}


.navRt ul li a.save:active, 
.navRt ul li a.save:hover {
 background: url("../img/nav_save_d.gif") no-repeat; 
}

.navRt #currentpageSave a {
 background: url("../img/nav_save_d.gif.gif") no-repeat; 
}


/* Main Content Well */


#middle {
 width: 100%;
 height: 100%;
 background: #535f7d url("../img/bg_purple.gif") repeat; 
 padding-bottom: 20px;
}

#container {
 width: 980px;
 margin: 0 auto;
}

#leftContainer {
 float: left;
 display: inline;
 width: 613px;
 min-height: 383px;
 margin-left: 25px;
 overflow: hidden;
}


#contentWell {
 min-height: 479px;
 width: 613px;
 margin: 0 0 0 25px;
}


/* Cross functional items */

.instructions {
 width: 570px;
 clear: both;
 color: #ecef10;
 padding: 0 0 0 0;
 margin: 0 0 18px 0;
}

.controls {
 float: left;
 width: 570px;
 height: 82px;
 color: #ffffff;
 padding: 5px 0 0 35px;
}

.thincontrols {
 width: 540px;
 height: 20px;
 color: #ffffff;
 padding: 5px 0 0 35px;
}

.content {
 float: left;
 width: 543px; 
 padding: 15px 35px;
 color: #333333;
 overflow: auto;
}

.topbar_thin {
 width: 613px;
 height: 40px;
 background: url("../img/topbar_thin.gif") no-repeat;
}

.bottombar_thin {
 clear: both;
 width: 613px;
 height: 20px;
 background: url("../img/bottombar_thin.gif") no-repeat;
}

#leftlabel {
 width: 220px;
 height: 25px;
 display: block;
 float: left;
 margin: 0 0 6px 0;
}

.label {
 margin: 0 0 0 5px;
}

.hiddenPic {
  display:none;
}

#datatable {
  display:none;
}

/* End Cross functional items */


/* Add */

#addWell {
 display: none;
 float: left;
 width: 613px;
 height: 479px;
 background: url("../img/bg_ctrMainShort.gif") no-repeat;
}

#inputtext {
 height: 228px;
 width: 535px;
 float: left;
 font-family:  Tahoma, verdana, arial,sans-serif; 
 text-decoration: none;
}

#add_bar {
 margin: 17px 0 0 35px;
 float: left;
 clear: both;
}

a.add, 
a.add:visited {
 float: left; 
 width: 111px;
 height: 31px; 
 padding: 0 4px 0 0;
 margin: 0; 
 background: url("../img/btn_add_item_n.gif") no-repeat; 
}


a.add:active, 
a.add:hover {
 background: url("../img/btn_add_item_d.gif") no-repeat; 
}

/* End Add */


/* Edit */

#editWell {
 display: none;
 float: left;
 width: 613px;
 height: 479px;
 background: url("../img/bg_ctrMainShort.gif") no-repeat;
}

#editinputtext {
  height: 228px;
  width: 535px;
  float: left;
}

#edit_bar {
 margin: 17px 0 0 35px;
 float: left;
 clear: both;
}

a.edit, 
a.edit:visited {
 float: left; 
 width: 111px;
 height: 31px; 
 padding: 0 4px 0 0;
 margin: 0; 
 background: url("../img/btn_edit_item_n.gif") no-repeat;
}

a.edit:active, 
a.edit:hover {
 background: url("../img/btn_edit_item_d.gif") no-repeat; 
}

/* End Edit */


/* Memorize */

#memorize {
 display: none;
 float: left;
 width: 613px;
 min-height: 479px;
}

#top {
 width: 613px;
 height: 81px;
 background: url("../img/bg_ctrMainTop.gif") no-repeat;
}

#out {
  cursor: default;
  background-color: white;
  min-height: 277px;
  font-size: 20px;
  padding: 0 35px 0 35px;
  width: 543px;
}

#bottom {
 width: 613px;
 height: 81px;
 background: url("../img/bg_ctrMainBottom.gif") no-repeat;
}

#meminstructions {
 color: #ecef10;
 margin: 0 0 0 0;
 padding: 5px 0 0 5px;
 font-family: "tahoma", sans-serif; 
 font-size: 14px; 
}

#tabholder {
 margin: 15px 0 0 15px;
 width: 250px;
 height: 19px;
}

  #wordstab {
   float: left;
   width: 60px;
   height: 19px;
   font-family: "tahoma", sans-serif; 
   font-size: 14px; 
   background: #e3e38d;
   color: white;
   font-weight: bold;
   padding: 0 0 0 3px;
   cursor: pointer;
  }
  #letterstab {
   margin: 0 0 0 10px;
   float: left;
   width: 60px;
   height: 19px;
   font-family: "tahoma", sans-serif; 
   font-size: 14px;
   background: #d39930;
   color: white;
   font-weight: bold;
   padding: 0 0 0 3px;
   cursor: pointer;
 }
 
 #typetab {
   margin: 0 0 0 10px;
   float: left;
   width: 60px;
   height: 19px;
   font-family: "tahoma", sans-serif; 
   font-size: 14px;
   background: #d39930;
   color: white;
   font-weight: bold;
   padding: 0 0 0 3px;
   cursor: pointer;
 }
 

#outercontrolbuttons {
 width: 608px;
 height: 24px;
 background: #e3e38d;
}

#controlbuttons {
 padding: 1px 0 0 5px;
 width: 608px;
 height: 24px;
 background: #e3e38d;
}

#typebuttons {
 display: none;
 padding: 1px 0 0 5px;
 width: 608px;
 height: 24px;
 background: #e3e38d;
}


#showbutton {
 display: none;
}

#typeshowbutton {
 display: inline;
}

#typehidebutton {
 display: none;
}

#errors {
  display: inline;
  margin: 4px 20px 4px 5px;
  float: left;
  font-family: "tahoma", sans-serif; 
  font-size: 14px;
  font-weight: bold;
}

.graymem {
  font: bold 70% 'trebuchet ms',helvetica,sans-serif;
  color: gray;
}



#wordtag {
 position: absolute;
 cursor: default;
 display: none;
 background-color: orange;
 font-size: 20px;
 padding: 2px;
 margin-top: 0px;
 margin-bottom: 0px;
}

#lotsfewerunderlines {
 margin: 0 0 0 20px;
}

#lotsfewergray {
 margin: 0 0 0 20px;
}

#showhide {
 margin: 0 0 0 20px;
}

/* End Memorize */


/* Flash Card */

#flashboxholder {
 display: none;
 float: left;
 width: 613px;
 min-height: 479px;
}

#flashbox {
  min-height: 200px;
  padding: 5px 35px 0 35px;
  background-color: white;
  font-size: 20px;
  width: 543px;
}

#flashrespond {
 float: left;
 padding: 5px 35px 0 35px;
 width: 543px;
 height: 40px;
 background-color: white;
}

#showanswer {
  float: left;
  clear: right;
}

.fcresult {
  clear: left;
  text-decoration: none;
  font: normal 12px Georgia;
  float: left;
  padding: 4px;
}

.membutton {
  font: bold 90% 'trebuchet ms',helvetica,sans-serif;
  color: gray;
}

/* End Flash Card */



/* Display All */

#displayWell {
 display: none;
 float: left;
 width: 613px;
 height: 100%;
}

#displayall {
 background-color: white;
 margin: 0 0 0 0;
 padding: 6px 6px;
 min-height: 200px;
}

/* End Display All */



#connector {
 float: left;
 width: 105px;
 height: 18px;
 margin: 150px 0 0 0;
 padding: 0;
 background: #ffffff url("../img/t.gif") no-repeat; 
}


/* Right Side Well */

#rWell {
 float: right;
 width: 207px;
 padding: 0;
 margin: 0 30px 0 0;
}

.instruct3 {
 padding: 0 0 2px 0; 
}

#rtModuleTop {
 float: left;
 width: 199px;
 height: 7px;
 background: url("../img/bg_rtModuleTop.gif") no-repeat;
 color:#333333;
 padding: 0;
 margin: 2px 0 0 0;
 overflow: hidden;
}

#rtModule {
 float: left;
 width: 199px;
 min-height: 380px;
 background: #ffffff;
 color:#333333;
 padding: 0;
}

#rtModuleBottom {
 float: left;
 width: 199px;
 height: 38px;
 background: url("../img/bg_rtModuleBottom.gif") no-repeat;
 color:#333333;
 padding: 0;
}

#rtModule table {
  margin: 15px 0 10px 0;
}

.current {
  font: normal 16px Georgia;
  color: green;
}

#deleteall {
  display: none;
  margin: 0 0 0 6px;
  float: left;
}

a.delete {
 color: red;
 font-family: "tahoma", sans-serif;
 font-weight: bold;
}

a.edlist {
 font-family: "tahoma", sans-serif; 
 font-size: 9px; 
 color: gray;
 text-decoration: none;
}


/* End Right Side Well */


#data {
  display: none;
}

#footer {
 position: relative;
 width: 100%;
 bottom: 0;
 background: #3d8de0 url("../img/bg_blue.gif") repeat-x;
}

#ftr {
 width: 980px;
 margin: 0 auto;
}

#ftr #botAd {
 margin: auto;
 padding: 7px 25px 7px 0;
}


/*
form {
 *padding: 0;
 *margin: 6px 0 0 0
}
*/

/* FAQ and WTLB pages */
#contentfw {
 width: 563px; 
 min-height: 500px;
 padding: 15px 15px 0 35px;
 background: white;
 overflow: auto;
}

#leftlabelfw {
 display: block;
 width: 220px;
 height: 25px;
 padding: 4px 0 3px 0;
}




h2 {
 color: #00a3cb;
 font-size: 14px;
 display: inline;
 padding-right: 6px;
}

h3 {
 color: #d39930;
 font-size: 14px;
 display: inline; 
 padding-right: 6px;
}

#qlist ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

#qlist ul li {
 padding: 0 0 8px 0;
 margin: 0; 
}


#qa ul {
 padding: 0;
 margin: 0;
 list-style: none; 
}

#qa ul li {
 padding: 0 0 45px 0;
 margin: 0; 
}


/* End FAQ and WTLB pages */


/* Some IE6 specific stuff */


* html div#out { 
   height: expression( this.scrollHeight < 479 ? "333px" : "auto" );
}

* html div#displayall { 
   height: expression( this.scrollHeight < 200 ? "300px" : "auto" );
}


* html div#flashboxholder { 
   height: expression( this.scrollHeight < 479 ? "333px" : "auto" );
}

* html div#flashbox { 
   height: expression( this.scrollHeight < 200 ? "262px" : "auto" );
}


* html div#rtModule { 
   height: expression( this.scrollHeight < 380 ? "333px" : "auto" );
}

/* End - Some IE6 specific stuff */