/* THIS SETS UP THE BODY, PARA AND HEADING STYLES */

html, body
{
padding: 0; 
border: 0;
margin: 0; 
}
/* must set all of these to 0 or items will be positioned incorrectly */

body 
{
font-size: small;
font-family: verdana, arial, sans-serif;
}

p
{
margin-top: 0;
margin-bottom: 1em;
}
/* allows h3 to have no space between it and the following text */

p.space
{ 
margin-top: 3em;
margin-bottom: 1em;
}

p.smallspace
{ 
margin-top: 2em;
margin-bottom: 1em;
}

h1 
{ 
color: #800000;
font-size: 135%;
margin-bottom: 1em;
margin-top: 0px;
padding-top: 0px;
}

h1.black
{ 
color: black;
font-size: 120%;
margin-bottom: 2em;
}

h2
{ 
color: black;
font-size: 100%;
background-color: #FFCC66;
padding: 0.4em;
margin-top: 2em;
margin-bottom: 1em;
}

img.border
{
border: 1px solid black;
}

table
{
margin-top: 1em;
margin-bottom: 1em;
border: 1px solid silver;
}

td
{
padding: 0.4em;
border: 1px solid silver;
}

table.noborder
{
border: 0;
}

table.noborder td
{
border: 0;
padding: 0.4em 0.8em 0.4em 0; /* top right bottom left */
}

table.repertoire
{
border: 0;
width: 100%;
}

table.repertoire td
{
border: 0;
vertical-align: top;
}

table.repertoire td.right
{
text-align: right;
}

table.press
{
border: 0;
width: 100%;
padding: 0 0 0 0; /* top right bottom left */
}

table.press td
{
border: 0;
}

td.quote
{
padding: 0 0 0 0; /* top right bottom left */
border: 0;
font-style: italic;
}

td.source
{
padding: 0 0 2em 0; /* top right bottom left */
border: 0;
text-align: right;
}

.quote1
{
background-image: url(/images/quoteleft.gif);
background-repeat: no-repeat;
background-position: top left;
}

.quote1 p
{
margin-left: 24px;
margin-right: 24px;
margin-top: 2em;
margin-bottom: 0px;
font-style: italic;
}

.quote2
{
background-image: url(/images/quoteright.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

.quote2 p
{
margin-left: 24px;
margin-right: 24px;
margin-top: 2em;
font-style: italic;
}

.quoter
{
background-image: url(/images/quoteright.gif);
background-repeat: no-repeat;
background-position: top right;
}

.quoter p
{
margin-right: 24px;
margin-top: 0px;
text-align: right;
}

/* CART STYLES */

.of_left
{
float: left;
width: 45%;
}

.of_right
{
float: right;
width: 45%;
}

table.of
{
border: 0;
}

table.of td
{
border: 0;
padding: 0.4em 0.8em 0.4em 0; /* top right bottom left */
vertical-align: top;
}

select
{
width: 206px;
}

/* THIS SETS UP THE STRUCTURE */

#column_wrap 
{
width: 725px;
}

#centre
{
background-position: 0px 15px;
background-image: url(images/rz_robinzebaida.gif);
background-repeat: no-repeat;
float: right;
width: 515px;
padding-top: 90px;
}

#left
{
position: absolute;
float: left;
width: 210px;
padding-left: 10px;
padding-top: 15px;
font-size: 0;
}

#left a 
{ 
outline: none;
}
/* stops dotted box persisiting around link once it has been clicked */

#left p
{
margin-top: 0;
margin-bottom: 0;
}

/* CLEAR FLOATS */

.clear
{
clear: both;
}


