body { 
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 85%; background-color: #000000; padding: 0.5em; 
}


/* This defines the behaviour of the Left Navigation Bar */
td.leftbar { 
margin-top: 0; padding: 0.5em; font-size: 110%; 
background-image: url(images/CartBackground2.jpg); 
}
td.leftbar a:link { color: blue; font-size: 80%; }
td.leftbar a:visited { color: purple; font-size: 80%; }
td.leftbar a:active { color: red; font-size: 80%; }
td.leftbar a:hover { font-weight: bold; font-size: 80%; }


/* This defines the behaviour of the Right Half (latest news, content and bottom navbar) */
td.rightbar { background-image: url(images/CartBackground1.jpg); }


/* This defines the behaviour of the "Latest News" bar */
.latest { 
color: #800000; 
text-align: left; font-weight: bold; font-size: 90%; 
}
.latest a:link { color: blue; font-size: 80%; }
.latest a:visited { color: purple; font-size: 80%; }
.latest a:active { color: red; font-size: 80%; }
.latest a:hover { font-weight: bold; font-size: 80%; }


/* This defines the behaviour of the Content section */
td.content { text-align: justify; padding: 0.5em 1em 0.5em; }
H1 { text-align: center; margin-top: 0; margin-bottom: 0.25em; font-size: 170%; }
H2 { margin-top: 0; margin-bottom: 0.25em; font-size: 125%; color: #800000; }
H3 { margin-top: 0; margin-bottom: 0.25em; font-size: 110%; color: #800000; }
H4 { margin-top: 0.5em; margin-bottom: 0.25em; font-size: 100%; color: #800000; }
.leftpic { margin-right: 0.5em; }
.rightpic { margin-left: 0.5em; }



/* This defines the behaviour of the contact details at the bottom of the Content section */
.contact { background-color: #00FFFF; font-weight: bold; padding-left: 0.5em; padding-right: 0.5em; } 
.contact a:link { color: blue; }
.contact a:visited { color: purple; }
.contact a:active { color: red; }
.contact a:hover { font-weight: bold; }

/* This defines the behaviour of the bottom navigation bar */
.bottom_nav a:link { color: blue; font-size: 90%; }
.bottom_nav a:visited { color: purple; font-size: 90%; }
.bottom_nav a:active { color: red; font-size: 90%; }
.bottom_nav a:hover { font-weight: bold; font-size: 90%; }

/* This defines stuff on individual pages */

/* Comments page */
.commentor { font-size: 85%; font-style: italic; }

/* Availability page */

.available { background-color: #66FF33; }
.earmarked { background-color: #FF9933; }
.confirmed { background-color: #FF0000; }
.ended { background-color: #999999; }
.special { background-color: #00FFFF; }