/* You may change the color, background and font for the whole site. Do not change margin and padding.  Always use percentages for the font size. */

body {background:#FDFBFB; color:#010101;
margin:0px; padding:0px;
font:normal 100% Helvetica, Arial, sans-serif;}


/* this is the page layout. It's called class="page" on the template.  Each page must be a minimum height of 1024 pixels.  If the page is longer, delete the height coding (from the space through the semi-colon.) Do not change the width. */

table.page {width:100%; height:1024px;}


/* These are the stripes on the left-hand side of the page. */

td.one {background:#E8B7BD; color:#010101; width:6px;}
td.two {background:#3D3739; color:#010101; width:4px;}
td.three {background:#FDFBFB; color:#010101; width:2px;}
td.four {background:#CFC1C3; color:#010101; width:4px;}


/* This is the left column. */

td.content {padding:20px 30px;}


/* H1 is used in the header.  You can't use it anywhere else because of the padding and margin.  If you need me to change this, let me know.  H2 and h3 can be used as headers for titles or important keywords. */

h1 {background:transparent; color:#D67A87;
font:bold 90% Verdana, Helvetica, Arial, sans-serif;
padding:0px; margin:0px;}
h2 {background:transparent; color:#6F6462;
font:bold 100% Verdana, Helvetica, Arial, sans-serif;}
h3 {background:transparent; color:#6F6462;
font:bold 90% Verdana, Helvetica, Arial, sans-serif;}


/* This is for the table to make an image align left or right. */

table.leftimage {margin:0px 20px 0px 0px;}
table.rightimage {margin:0px 0px 0px 10px;}


/* This is the table to use when the image is larger than the text. */

td.leftimage {padding:0px 20px 0px 0px;}
td.rightimage {padding:0px 0px 0px 20px;}


/* These are the stripes on the left-hand side of the right column. */

td.five {background:#E8B7BD; color:#010101; width:4px;}
td.six {background:#4A3A3D; color:#010101; width:6px;}
td.seven {width:2px;}


/* This sets up the layout of the right column. */

td.rightcolumn {width:170px;
background:#3D3739 url(marciabackground.gif) no-repeat; color:#E8B7BD; padding:30px 15px 30px 15px;}


/* This sets up the layout of the menu items. */

td.home {padding:0px 0px 10px 40px;}
td.order {padding:0px 0px 10px 40px;}
td.author {padding:0px 0px 10px 43px;}
td.reviews {padding:0px 0px 10px 80px;}
td.excerpts {padding:0px 0px 10px 75px;}
td.resources {padding:0px 0px 50px 43px;}


/* This is the spacer that moves the second line of text over in the menu. */

SPAN.author {padding-left:35px;}
SPAN.resources {padding-left:20px;}
SPAN.chemo {padding-left:10px;}


/* Footer Layout. */

table.footer {background:#E8B7BD; color:#3D3739;
border-top:solid 2px #ACA09E; border-bottom:solid 2px #ACA09E;}
td.footer {text-align:center; padding:10px;}


/* Content area links. You do not have to use a class */

a {background:transparent; color:#D67A87;
text-decoration: underline;}
a:link {background: transparent; color:#D67A87;
text-decoration: underline;}
a:visited {background: transparent; color:#D67A87;
text-decoration: underline;}
a:hover {background: transparent; color:#D67A87;
text-decoration: underline;}
a:active {background: transparent; color:#D67A87;
text-decoration: underline;}


/* Menu links. Use class="menu" within the link coding. */

a.menu {font:bold 105% Verdana, Helvetica, Arial, sans-serif;
text-decoration:none;
background:transparent; color:#E8B7BD;}
a.menu:link {font:bold 105% Verdana, Helvetica, Arial, sans-serif;
text-decoration:none;
background:transparent; color:#E8B7BD;}
a.menu:visited {font:bold 105% Verdana, Helvetica, Arial, sans-serif;
text-decoration:none;
background:transparent; color:#E8B7BD;}
a.menu:hover {font:bold 105% Verdana, Helvetica, Arial, sans-serif;
text-decoration:none;
background:transparent; color:#E8B7BD;}
a.menu:active {font:bold 105% Verdana, Helvetica, Arial, sans-serif;
text-decoration:none;
background:transparent; color:#E8B7BD;}


/* Other right column links. Use class="right" */

a.right {background:transparent; color:#E8B7BD;
text-decoration:underline;}
a.right:link {background:transparent; color:#E8B7BD;
text-decoration:underline;}
a.right:visited {background:transparent; color:#E8B7BD;
text-decoration:underline;}
a.right:hover {background:transparent; color:#E8B7BD;
text-decoration:underline;}
a.right:active {background:transparent; color:#E8B7BD;
text-decoration:underline;}


/* Footer links. Use class="footer" */

a.footer {background:transparent; color:#3D3739;
font:normal 80% Helvetica, Arial, sans-serif;}
a.footer:link {background:transparent; color:#3D3739;
font:normal 80% Helvetica, Arial, sans-serif;}
a.footer:visited {background:transparent; color:#3D3739;
font:normal 80% Helvetica, Arial, sans-serif;}
a.footer:hover {background:transparent; color:#3D3739;
font:normal 80% Helvetica, Arial, sans-serif;}
a.footer:active {background:transparent; color:#3D3739;
font:normal 80% Helvetica, Arial, sans-serif;}