									
<!--
/* The following represent the CSS style settings for Charlotte Samuels 1960's textiles and Dress website. Do not move or delete this file or change any values herein without checking with Charlotte or Mark Hook */

/* The following lines of code are all commented, please read the comments carefully before making edits and check the effect on the pages after each change */

/* first we set main margins, text color, background color and the base font values */
body { margin: 10 10 10 0; color: #000; background: #FFFFFF; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px;  }

/* next value sets the overall table width into which all content must fit */
table#maintable { width: 760px; margin: 0; }	

/* next value sets borders and alignment for all tables and cells */
table td { vertical-align: top; align: left; }

/* the following sets values for the two inner or nested tables which hold the main text para and the main image */
table#textbox, table#imagebox { font-size: 15px}

/* next we set the width for the column containing the V&A logo BUT NOTE ALSO THE WIDTH AVAILABLE FOR NAVIGATION TERMS */
td#valogo { width: 145px; padding-left: 10px; }

/* this sets the widths for the the main text table and cell */
table#textbox,td#text, { width: 250px; margin: 0; }

/* this sets padding into the two inner or nested tables to keep the text and image from touching the white border */
table#text { padding: 5px; }

/* this sets the values for the navigation font and left position */
td#navigation { padding-left: 15px; font: bold 10px arial, helvetica, sans-serif; }

/* this sets the font values for the title or date cell */
td#titledate { font: bold 24px arial, helvetica, sans-serif; }

/* the next two values are for spacers which are called as classes to hold the empty cells in the correct places and at the appropriate sizes */
td.topspacer { width: 10px; height: 80px; }
td.spacer { width: 10px; }

/* these are the link colors NB I have turned off the underlining brown/purple/orange*/
a:link { color: 663300; text-decoration: none;  }
a:visited { color: 663366; text-decoration: none; }
a:active { color: FF9900; text-decoration: none; }



-->

