body {
  background: url(../images/bg.gif) top left repeat;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  /*color: #336699; blue text */
	color: #666666;
  margin: 0;
}
/* Links */
a:link {color: #fa4365; text-decoration: none;}
a:visited {color: #fa4365; text-decoration: none;}
a:hover {color: #fa4365; text-decoration: underline;}
/* Headers */
h1 {
  font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-variant: small-caps;
  font-weight: 800;
  /*color: #76CD36;*/
  color: #abe236;
  letter-spacing: 1px;
  margin: -4px;
  line-height: normal;
}
h2 {
  font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;  font-style: normal;
  font-weight: 800;
  color: #fa4365;
  letter-spacing: 2px;
  font-variant: small-caps;
  margin: 14px 0 8px -22px;
  padding-left: 22px;
/*  background: url(../images/bulletOrange.gif) top left no-repeat;*/
  background: url(../images/bullet_3d.gif) top left no-repeat;
  line-height: normal;
}
h3 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  color: #fa4365;
  letter-spacing: 2px;
  line-height: 9px;
}
td, th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  color: #333333;
}
/* Fix for FF ugliness */
/*hr {color: lightgrey; background: lightgrey; border: 0; height: 1px;} */
.it {
   font-style: italic;
}
.address {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #000000;
  letter-spacing: 1px;
}
.leftBarMsg {
  margin: 7px 6px;
  background-color: #C8D5BD;
}
.message {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #363545;
  letter-spacing: 1px;
  padding-left: 8px;
}
.messageHead {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #363545;
  font-weight: bold;
  text-align: left;
}
.bodyheader {
  font-weight: bold;
  font-variant: normal;
  letter-spacing: 2px;
  margin: 12px;
  font-size: 14px;
  color: #66CC33;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}
.listImg {
  list-style-image: url(../images/arrow.gif);
  font-size: 11px;
  font-style: normal;
/*  font-variant: small-caps;
 */
}
.listImg li {
   margin-bottom: 5px;
}
ul.plain {
  list-style: none;
  margin: 0px;
}
.left {
   float: left;
}
.right {
   float: right;
}
.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/***************** *    Form Stuff * *****************/
form {
/*  background-color: #FFFFFF;
 */
}
/*  STANDARD FORM HERE */
.stdForm fieldset {
  margin: 20px 0 0px 0px;
  /* margin: 20px 0 0px 5px;
  	to fix safari/ff/opera field set keyline problem*/
}
/* these are the small fieldset in the larger one*/
.stdForm fieldset fieldset {
  margin: 0px 0 0px 5px;
}
.stdForm input.txt {
  display: block;
  width: 170px;
  font-size: 9px;
  margin: 0 0 5px 0px;
  color: black;
  background: #DDE7D2;
}
.stdForm label {
  font-weight: bold;
}
.stdForm .submit {
  display: inline;
  float: left;
  font-size: 9px;
  margin-bottom: 2px;
  color: black;
  background: #DDE7D2;
  font-size: 150%;
}
.stdForm .norm {
  font-size: normal;
}
.stdForm fieldset.radio {
  width: 220px;
  /* change from 240 to 220 for field set problem, button text and number*/}
.stdForm fieldset.radio input {
  margin-top: 4px;
  margin-bottom: -2px;
}
.stdForm fieldset.radio label {
  margin-left: 1px;
/*  background-color: yellow;*/
}
/* Special for faking two-column labels*/
.col2 {
  padding-top: 6px;
  font-weight: bold;
}
.txtbox {
  width: 180px;
  float: left;
}
/* End special */
.oldForm fieldset {
  margin: 20px 0 0px 5px;
}
.oldForm fieldset fieldset {
  margin: 0 0 0px 5px;
}
.oldForm input {
  display: block;
/*  width: 90px; */
  font-size: 9px;
  font-weight: normal;
  margin-bottom: 2px;
  color: black;
  background: #DDE7D2;
}
.oldForm label {
  display: block;
  margin-bottom: 0px;
  font-weight: bold;
}
.oldForm .submit {
  display: inline;
  float: left;
  font-size: 150%;
}
.oldForm fieldset.radio {  width: 250px;
  margin: 1em 0 2em 0;
}
.oldForm fieldset.radio input {  clear: both;
  float: left;
  display: inline;
/*  width: auto; */
/*  margin: 5px 0 5px 0; */
}
.oldForm fieldset.radio label {
  font-weight: normal;
  display: block;
  float: left;
  /*here for ff july 17 this helps with the label spacing and it has to be 5 or buttons don't align with text*/  
   margin: 5px 5px 5px 0;
   background-color: yellow;
}
.stdForm fieldset.check input {
  clear: both;
  float: left;
  width: auto;
  margin: 5px 0 5px 0;
}
.stdForm .check input {
  clear: both;
  float: left;
  width: auto;
  margin: 5px 0 5px 0;
}
/* Small login form in upper corner -- everything compressed */
#loginForm fieldset {
  width: 100px;
  margin: 0 0 0px 5px;
}
#loginForm input, #logoutForm input {
  width: 90px;
  font-size: 9px;
  margin-bottom: -2px;
/*  padding: 0; CG: can tighten one more notch */
  color: black;
  background: #DDE7D2;
  border: 1px solid #26a;
}
#loginForm label {
  display: block;
  margin-bottom: 0px;
  font-weight: normal;
}
#loginForm .submit {
  display: inline;
  float: left;
  width: 30px;
  margin-top: 5px;
}
#loginForm .loginHelp {
  float: right;
  margin: 10px 5px 5px 0;
}
#logoutForm input {
  width: auto;
}
.halfWid {
   width: 260px;
  /* alter from 260px to fix field set drawing problem in safari*/
}
.rightForm {
  width: 230px;
  float: right;
  /* alter from 210px to fix field set drawing problem in safari*/
}
.leftForm {
   width: 230px;
/* alter from 270px too big... */
/* alter from 210px to fix field set drawing problem in safari*/
  float: left;
}
.invalid {
   color: red;
}
div.spacer {
  clear: both;
}
#pageContainer {
  margin: 0 auto;
  width: 900px;
  padding: 0;
  background-color: #C0C0C0;
  border: 1px solid #000000;
}
#navBar {
  color: white;
  background-color: #000000;
  padding: 18px 0 18px 170px;
}
.textMenuContainer {
  margin: 0px;
  /*	padding: 0;*/
  padding: 5px 0;
  text-align: center;
}
#midBar {
/* changed graphic to PINK for bg behind the text elements PINK hex behind */
  background: #fa4365 url(../images/greenbar20px.gif) top left repeat-y;
  height: 95px;
}
#logo {
  position: absolute;
  top: 100px;
  width: 170px;
}
#subMid {
/*  float: right; */
  margin: 0 0 0 170px;
  width: 730px;
/*  background-color: red; */
}
#multiUse {
  float: left;
  width: 580px;
}
#login, #loginNoImg {
  float: right;
  width: 110px;
  height: 84px;
 /*  Why oh why?  this works for FF */
/*  width: 128px; */
  overflow: hidden;
  padding: 10px 0 0 10px;
/*  background-color: blue; */
}
#login {
/* this is the little graphical header in the login box when we open the login potential backup - commented out sep 29/08 */
   /*background: url(../images/fuseLoginHdr.gif) top left no-repeat;*/
}

   /*grey blue grey changed to white white white sep 30 2008*/
#subMenu {
  background: #AAAAAA url(../images/greyBluechannel.gif) top left repeat-y;
  padding: 0 0 0 0px;
  /* border: 1px solid #C5D0B9;  mg removed this to fix the extra space in the submenu*/
/*  background-color: yellow;*/
  clear: both;
}
#main {
/* the graphic dynamically builds the 3 channel colour behind the content  sep 30 2008*/
  background: #ffffff url(../images/gryWhGry20px.gif) top left repeat-y;
}
#subMain {
  float: left;
  width: 750px;
}
#leftBar {  float: left;
  left: 0px;
  width: 170px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  color: #fa4365;
}
#leftBar .rbroundbox    { background: url(../images/corner_insidecolor.gif) repeat;} 
.rbtop         {background: url(../images/corner_top.gif) repeat-x; }
.rbtop div     {background: url(../images/corner_TL.gif) no-repeat top left; }
.rbtop div div {background: url(../images/corner_TR.gif) no-repeat top right; }
.rbbot         {background: url(../images/corner_bottom.gif) repeat-x; }
.rbbot div     {background: url(../images/corner_BL.gif) no-repeat top left; }
.rbbot div div {background: url(../images/corner_BR.gif) no-repeat top right; }
.rbcontentwrap {background: url(../images/corner_left.gif) repeat-y; }
.rbcontent     {background: url(../images/corner_right.gif) repeat-y right; }
  /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
  width: 100%;
  height: 14px;
  font-size: 1px;
}
.rbcontent  {
  padding: 1px 1em;
  margin: 0;
}
.rbroundbox {}
#rightBar {
  float: right;
  width: 130px;
}
#content {  float: right;
  top: 0;
  left: 0;
  right: 0;
  width: 520px;
  margin-top: 20px;
  padding: 0 25px 0 35px;

/*  background: url(../images/paper.jpg) repeat; */
}
#footer {
  clear: both;
  background: url(../images/footerBar.gif) top left repeat-y;
  color: #FFFFFF;
  font-size:9px;
}
#footer #msg {
  margin-left: 10px;
  float: left;
}
#footer #footNav {
  float: right;
  margin-right: 10px;
}
.currIssue { }
div.row {
  clear: both;
  padding-top: 2px;
}
div.row span.label {
  float: left;
  width: 55px;
  text-align: right;
}
div.row span.formr {
  float: right;
  width: 150px;
  text-align: left;
}
#offersBck {
  width: 278px;
  height: 168px;
  background: url(../images/login_POST278x168_bot.gif) top left no-repeat;
}
#offersTxt {
  margin: 50px 0px 0px 75px;
  width: 160px;
  color: green;
}
div.thumbs {
  float: left;
/*  margin: 25px 20px 0 0; */
  margin: 25px 10px 0 10px;
/*  background-color: orange; */
}
div.thumbs p {
  text-align: center;
  margin-top: 0;
}
p.bought {
  padding-top: 4px;
/*  padding: 4px 0 0 0; */
  margin-bottom: -17px;
  color: #003333;
  font-weight: bold;
  text-transform: uppercase;
}
.gallery {
   height: 420px;
/*  width: 520px; */
  overflow: auto;
  background-color: #ECF0E3;
}
/* Table of Contents design and structure */
#tocVolumenumber {
  margin-top: 10px;
}
#tocCover {
  background-color: #999999;
}
#tocBody {
  color: #666666;
  font-size: 9px;
  width: 410px;
  border-color: #CCCCCC;
  background: url(../images/internalKeyline.gif) bottom left no-repeat;
}
#viewCart {
  width: 500px;
}
#viewCart input {
  margin-bottom: -20px;
}
#viewCart h1 {
  font-size: 10px;
  color: #003333;
  font-weight: bold;
  text-transform: uppercase;
}
#viewCart p {
  font-size: 10px;
  color: #333333;
}
#tocVolumenumber {
  width: 460px;
}
.invoiceFuse {}
.invoiceUser {
  float: right;
  text-align: right;
  color: #333333;
}
/* Michael do not change width number - toc will not display */
#tocLeft, #tocRight, #tocSingle {
  background-color: #EBEBEB;
  padding: 10px;
}
#tocLeft {
  width: 230px;
  float: left;
}
#tocRight {
  width: 230px;
  float: right;
 }
#tocSingle {
  width: 490px;
  margin-top: 10px;
}
#tocLeft h4, #tocRight h4, #tocSingle h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-variant: small-caps;
  color: #333333;
  margin-bottom: -15px;
}
#tocLeft h5, #tocRight h5, #tocSingle h5{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #999999;
}
#tocLeft h2, #tocRight h2, #tocSingle h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #333333;
  font-variant: small-caps;
  margin-bottom: -10px;
  background: none;
}
#tocLeft p, #tocRight p, #tocSingle p {
  font-size: 9px;
  color: #666666;
}
#tocSingle .title {
  font-weight: bold;
}
#tocSingle .author {
  font-style: italic;
  font-weight: normal;
}
#tocSingle .pages {
  font-style: normal;
  font-weight: normal;
}
/*michelle SUBMENU to draw darker colour  ADDS JULY 12 green on, pink over, white on - oct 2 2008*/
#subMenu a:link{  color: #abe236;
  text-decoration: none;
  font-size: 10px;
}
#subMenu a:visited{  color: #abe236;
  text-decoration: none;
  font-size: 10px;
}
#subMenu a:hover{
  color: #fa4365;
}
/* styling for index entries  CHANGE FROM GREEN and blue on Oct 1 2008 to fa4365 PINK  573a3a chocolate*/
#index{}

#index  h1{
  margin-top: 10px;

}
#index .author {
	font-weight: bold;
	font-size: 11px;
	color: #fa4365;
	letter-spacing: 0.1em;
}
#index .volume {
  font-weight: bold;
  font-size: 10px;
  color: #333333;
  font-style: italic;
}
#index .titlemain {
	font-weight: bold;
	font-size: 10px;
	color: #666666;
}
#index .titlesub {
	font-weight: normal;
	font-size: 10px;
	color: #666666;
	font-style: italic;
}
#index .pages {
	font-weight: normal;
	font-size: 10px;
	color: #336699;
}