/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
/* border:nones are for NN4 */
html { margin: 0px; padding: 0px; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #666;
	margin: 0px;
	padding: 0px;
	font-size: 69%;
}

div {
	margin: 0px;
	padding: 0px;
}

p {
	padding: 0px;
	margin: 0px;
}

a {
	text-decoration: underline;
	color: #EF9A31;
}

a:hover {
	color: #fff;
	background-color: #EF9A31;
	text-decoration: none;
}


div.spacer {
	clear: both;
	line-height: 1%;
}


input.hibutton, input.lobutton, input.hibuttono, input.lobuttono {
	color: #5B877E;
	background-color: #E8F291;
	font-weight: bold;
	padding: 0;
	margin: 0;
	border-width: 0;
}

input.hibuttono, input.lobuttono {
	color: #fff;
	background-color: #EE9525;
}

input.lobutton {
	background-color: #F2F8CA;
}

input.lobuttono {
	color: #fff;
	background-color: #F6C282;
}

/* for diary credits and highlight quote credits */
.meta {
	font-style: italic;
}

p {
	font-size: 1em;
}

body.voteresults h1 {
	font-size: 1.5em;
	text-align: center;
}

body.voteresults h2 {
	font-size: 1.25em;
	text-align: center;
}

body.voteresults div.results {
	background-color: #FAFAEA;
	text-align: center;
}

body.voteresults div.results td {
	background-color: #FAFAEA;
	font-size: 0.75em;
}

body.voteresults div.results form {
	text-align: right;
}

body.voteresults div.results input {
	color: #5B877E;
	background-color: #E8F291;
	font-weight: bold;
	padding: 0;
	margin: 0.75em 0;
	border-width: 0;
}

html>body.voteresults div.results td {
	font-size: 1em;
}

.clear {
	clear: both;
} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */

/* box-wrap is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */
.box-wrap {
	position: relative;
}

.header {
	margin: 0px;
	padding: 0px;
	border: none;
	background: url(/etc/images/logo-strap.gif) 431px 78px no-repeat;
}

#nav {
	margin: 0;
	padding: 0;
	height: 19px;
	width: 438px;
	list-style: none;
	display: inline;
}

#nav li {
	display: block;
	float: left;
	margin: 0; 
	padding: 0;
   list-style: none;
	text-indent: -9999px;
	height: 19px;
}

#nav a  {
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-position: top left;
	background-repeat: no-repeat;
}

#nav a:hover {
	display: block;
	text-decoration: none;
	background-color: #fff;
}

#homel {
	width: 55px;
}
#homel a {
	display: block;
	height: 100%;
	background-image: url(/etc/images/tab-home.gif);
}

#aboutl {
	width: 70px;
}
#aboutl a {
	display: block;
	height: 100%;
	background-image: url(/etc/images/tab-aboutus.gif);
}

#newsl {
	width: 47px;
}
#newsl a {
	display: block;
	height: 100%;
	background-image: url(/etc/images/tab-news.gif);
}

#msgl {
	width: 115px;
}
#msgl a {
	display: block;
	height: 100%;
	background-image: url(/etc/images/tab-board.gif);
}

#contactl {
	width: 81px;
}
#contactl a {
	display: block;
	height: 100%;
	background-image: url(/etc/images/tab-contact.gif);
}

#linksl {
	width: 50px;
}
#linksl a {
	display: block;
	height: 100%;
	background-image: url(/etc/images/tab-links.gif);
}

.tandc {
	padding: 0.5em;
	clear: both;
	border: none
}

.techie {
	font-style: italic;
	color: #ccc;
}

/* ====================================================================
2 COLUMNS LAYOUT
-------------------------------------------------------------------- */
.columns-float
	{
	float: right;
	width: 75%;
	}
.main
	{
	float: left;
	width: 66%;
	}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
.highlights { margin-left: 66%; }
.playlinks {margin-right: 75%;}
/* */

/* ====================================================================
2 COLUMNS LAYOUT
-------------------------------------------------------------------- */
.box-wrap-2col .columns-float,
.gallery .columns-float {
	float: right;
	width: 75%;
	background-color: #E8F195;
}
.gallery .columns-float {
	background-color: #fff;
}
.box-wrap-2col .main,
.gallery .main	{
	float: left;
	width: 100%;
	}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
.box-wrap-2col .playlinks {margin-right: 75%;}
/* */

.main-content,
.highlights-content,
.playlinks-content	{
	padding: 6px;
	border: none;
}

/* ***** MAIN (CENTRE) ***** */
dt {
	font-weight: bold;
}

dd {
	margin-left: 0;
}

.main-content {
	border: 1px solid #E8F195;
	border-color: #fff #fff #fff #E8F195;
	padding: 0 0 40em 0;
}

.maincontent .contributebugfix {
	position: relative;
}

.boxHighlights .main-content {
	background: scroll #E8F195 url(/etc/images/x-bg-1-l.gif) 100% 200px no-repeat;
}

.gallery .main-content {
	background: scroll #fff url(/etc/images/repeat-bg-1.gif) 0 0 repeat-y;
	padding: 0 0 40em 0;
}

.news .main-content {
	background: scroll #E8F195 url(/etc/images/x-bg-2.gif) 225px -80px no-repeat;
}

.cast .main-content {
	background: scroll #E8F195 url(/etc/images/x-bg-2.gif) 200px -50px no-repeat;
}

.quotes .main-content {
	background: scroll #E8F195 url(/etc/images/x-bg-3.gif) -25px 60px no-repeat;
}

.twoCol .main-content {
	background: scroll #E8F195 url(/etc/images/x-bg-3.gif) 25px 200px no-repeat;
}

.news .highlights-content,
.quotes .highlights-content,
.cast .highlights-content {
	background: scroll #fff none 225px -80px no-repeat;
}

.main-content .titles {
	margin-top: 1.7em;
	margin-bottom: 1em;
}

.main-content .titles h1 {
	margin: 0.3em 30px 0.3em 1px;
	font-size: 1.3em;
}

.main-content .titles h2 {
	margin: 0.3em 30px 0.3em 1px;
	font-size: 1.2em;
}

.main-content h2 {
	margin: 1em 30px 0.3em 1px;
	font-size: 1.1em;
}

.main-content h3 {
	margin: 1.2em 30px 0.3em 1px;
	font-size: 1.1em;
}

.main-content p,
.main-content li,
.main-content ul {
	margin: 0.3em 30px 0.3em 1px;
}

.main-content li,
.main-content ul {
	margin-left: 0.75em;
}

.news .main-content ol,
.news .main-content ol li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.news .main-content li,
.news .main-content p {
	margin: 0.3em 120px 0.3em 1px;
}

.news .main-content li img {
	position: relative;
	float: right;
	z-index: 10;
	margin-right: -50px;
}

.gallery div.photo {
	margin-right: 6px;
	float: left;
}

p.basespace {
	margin-bottom: 1.5em;
}

p.headspace {
	margin-top: 1.5em;
}

p.vspace {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#subNav {
	width: 100%;
	padding: 0.25em 0.25em 0.25em 0;
}

#subNav ul {
	background-color: #EFF4B1;
	list-style: none;
	margin: -0.25em 0 0 0;
	padding: 0.25em;
}

#subNav li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0.25em;
}

#subNav div.nothing {
	margin: -0.25em 0 0 0;
	padding: 0.25em;
}

.main-content form .name {
	font-weight: bold;
	text-align: right;
	padding-right: 0.5em;
	padding-left: 0.1em;
}

label {
	cursor: pointer;
	cursor: hand;
}

.main-content form .explan {
	font-style: italic;
}

.main-content form .error {
	color: red;
	font-style: italic;
	padding-top: 1em;
}

.main-content form .countdown {
	background-color: #E8F195;
	border-width: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

.main-content .msg {
	margin-bottom: 1.5em;
}

.main-content .previewmsg {
	margin-bottom: 1.5em;
	background-color: #EBF2A3;
}

/* ***** HIGHLIGHTS ***** */
.highlights-content {
	color: #5B877E;
	font-size: 1em;
	padding-bottom: 250px;
}

.boxHighlights .highlights-content {
	background: scroll #fff url(/etc/images/x-bg-1-r.gif) 0 200px no-repeat;
}


.highlights-content div.highlight {
	display: block;
	border: 1px solid #D1E32B;
	margin: 3px 0 3px;
	padding: 12px;
	text-align: right;
}

div.smlHighlight td {
	color: #5B877E;
}

html>body div.smlHighlight td {
	color: #5B877E;
	font-size: 1em;
}

.highlights-content div.quote {
	border: none;
	text-align: left;
	font-size: 0.8em;
	text-align: left;
	padding: 0;
	width: 170px;
}

.highlights-content div.pic {
	border: none;
	text-align: left;
	padding: 0;
}

.highlights-content h4 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 1em;
}

.highlights-content p {
	margin: 0.25em 0;
	font-size: 1em;
}

.highlights-content div.smlHighlight {
	display: block;
/*	background-color: red;*/
	width: 170px;
	border: 1px solid #D1E32B;
	margin: 3px 0 3px;
	padding: 12px;
	text-align: right;
}

.highlights-content div.vote li input {
	float: right;
}

.highlights-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.highlights-content div.vote li {
	text-align: right;
	list-style: none;
	margin: 0;
	padding: 0;
}




/* ***** PLAYLINKS ***** */
.playlinks-content {
	background-color: #FAFAEA;	
}

#playSubNav {
	margin: 0;
	padding: 0;
	width: 90%;
}

#playSubNav ul,
#playSubNav li {
	list-style: none;
}

#playSubNav ul {
	border: 1px solid #EF992F;
	margin: 0;
	padding: 0.5em 12px;
}

#playlinks {
	margin: 0px;
	padding: 0px;
}

#playlinks ul {
	margin: 0px;
	padding: 0px;
}

#playlinks ul,
#playlinks li {
	list-style-type: none;
}

.tandc {
	font-size: 0.8em;
}


td {
	font-size: 69%;  /* Reset below */
	voice-family: "\"}\"";
   voice-family: inherit;
	font-size: 100%;	
} /* Reset hidden from IE <=5.5x */

#newsletter td {	/* No idea why text in td's on the newsletter page shows up too small in IE 6.x, but anyway... */
	voice-family: "\"}\"";
   voice-family: inherit;
	font-size: 100%;	
} /* Reset hidden from IE <=5.5x  */

#newsletter td {	/* No idea why text in td's on the newsletter page shows up too small in IE 6.x, but anyway... */
	voice-family: "\"}\"";
   voice-family: inherit;
	font-size: 100%;	
} /* Reset hidden from IE <=5.5x  */

.vote td,
.quotes td,
#booking td {	/* darn td font sizing problems */
	voice-family: "\"}\"";
   voice-family: inherit;
	font-size: 69%;	
}


/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .main, .highlights, .playlinks, .tandc, h2, #subNav
	{ p\osition: relative; }
/* */