body.nav {
background-color: #f00;
background-image: url("images/redbg.jpg");
}

body {
background-image: url("images/starwall.gif");
background-color: black;
color: white; /* text colour */
margin: 0;
padding: 0;
font-size: 1em;
width:95%
}

div.news.p {
color: white;
margin-left: 0;
margin-right: 0;
}

td, th, p, dl, dt, dd, blockquote, ul, ol {
font-family: verdana, arial, helvetica, sans-serif;
color: white;
}

blockquote p {
margin-left: 5%;
}

td.navcell table {
padding-top: 1em;
text-align: center;
}

td.navcell table td {
vertical-align: top;
}

a:link {color: #ff8000;}
a:visited {color: #c06000;}
a:active {color: #ff0;}

img {border: 0;}

/* don't underline listed links */
ul a {
text-decoration: none;
}

ul.noBullet {
list-style-type: none;
}

h1, h2, h3, h4 {
color: white;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2, h4 {
text-align: left;
margin-left: 15%;
}

h2.constrained {
margin-right: 10%;
}

h2.nomargin {
margin-left: 0;
}

h3.left {
margin-bottom: 0.5em;
}

h4.newsitem_______old{
background: transparent url('images/newsitem.png') 0 50% no-repeat;
padding-left: 16px;
}

p {
margin-left: 15%;
margin-right: 10%;
}

ul.headings {
list-style-image: url('images/button.png');
padding: 0% 10% 0% 15%;
}

ul.headings h2 {
margin-left: 0;
}

ul.headings ul {
list-style-image: none;
list-style-type: disc;
}

div.indentlist{
margin-left: 50px;
margin-right: 50px;
}

/* used to line up photos on the page better */
div.photos p {
margin-left: 0;
margin-right: 0;
padding: 0 10% 0 10%;
}

p.fullwidth {
margin-left: 0;
margin-right: 0;
}

.centred {text-align: center;}
.left {text-align: left;}

.author {
text-align: right;
font-style: italic;
font-size: 0.9em;
}

hr {
margin-left: 7.5%;
margin-right: 7.5%;
height: 1px;
border: 0;
background-color: white;
}

/* I would like to use this instead of the <p>line image</p> but IEs CSS support is too naff */
hr.redline {
background-image: url('images/line.gif');
text-align: center;
height: 12px;
background-color: transparent;
border: 0;
margin-left: 15%;
width: 600px;
}

/* ***** Used for schedule pages ***** */

table.schedule {
/*margin: 0 10% 0 15%;*/
width: 80%;
margin-left: 10%;
}

table.schedule th {
background-image: url("images/redbg.jpg");
background-color: #f00;
vertical-align: top;
font-size: 1.1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
}

table.schedule p {
margin: 0;
}

table.schedule p+p {
margin-top: 1em;
}

/* ***** Used for news page ***** */

div.news {
margin-left: 15%; 
margin-right: 10%;
margin-bottom: 30px;
border-bottom: 1px solid white;
border-top: 1px solid white;
}

div.news h4 {
margin-left: 0;
padding-left: 64px;
}

div.thisweek {
background-color: #663333;
padding: 1.0em;
}

div.nextweek {
background-color: #222;
padding: 0.5em;
}

div.event {
background-color: #333366;
padding: 1.0em;
}
h4.event {
background: transparent url('images/event.png') 0px 0px no-repeat;
}

div.game {
background-color: #336633;
padding: 1.0em;
}
h4.game {
background: transparent url('images/game.png') 0px 0px no-repeat;
}

div.official {
background-color: #663366;
padding: 1.0em;
}
h4.official {
background: transparent url('images/special.png') 0px 0px no-repeat;
}
div.official ul {
padding-left: 150px;
}


div.update {
background-color: #333333;
padding: 1.0em;
}
h4.update {
background: transparent url('images/plain.png') 0px 0px no-repeat;
}



/* ***** Used for movie list page ***** */

table.movielist {
width: 80%;
}

table.movielist th {
/* this URL is relative to the location of the stylesheet */
background-image: url("images/redbg.jpg"); 
background-color: #f00;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: white;
}

table.movielist td {vertical-align: top;}

td.movietitle {
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ***** Used for contacts page ***** */

table.contacts, table.official, table.main, table.munchkin {
font-size: 0.9em;
width: 80%;
color: white;
}

table.contacts td, table.official td, table.main, table.munchkin td {
vertical-align: top;
}

table.contacts th {
/* this URL is relative to the location of the stylesheet */
background-image: url("images/redbg.jpg"); 
background-color: #f00;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
}

table.contacts+hr.redline {
margin-top: 1em;
margin-bottom: 1em;
}

table.contacts h2 {
margin-left: 0;
}

/* ***** Used for schedule pages ***** */
dl, dt, dd {
text-align: left;
}

dd, dd+dt {
padding-top: 1em;
}

/* ***** Used for book reviews pages ***** */
table.bookreviews th {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
}

/* ***** Used for munchkin pages ***** */
div.munchkin {
margin-left: 15%;
margin-right: 10%;
margin-bottom: 30px;
border-bottom: 1px solid white;
border-top: 1px solid white;
}

table.munchkin {
width: 100%;
background-color: #333;
border-collapse: collapse;
border-spacing: 0px;
}

table.munchkin td{
border-width: 1px;
border-style: solid;
border-color: #fff;
padding-top: 0em;
padding-right: 1em;
padding-bottom: 0em;
padding-left: 1em;
}

table.munchkin p{
margin-left: 0%;
margin-right: 0%;
}