/*DEFAULT STYLE*/
body {margin:0 0 20px 0; padding:0;  text-align:left; font-family: Arial, sans-serif; font-size:13px; line-height:1.4; color:#D7D7D7; background:url(images/bg.gif) #ffffff;}

a {color:#569D1C}
a img {border:none} 

#container {margin:0 0 0 -406px; padding:0 26px; position:relative; width:760px; left:50%; background:url(images/dropshadow.gif) repeat-y #fff;}
#bottomshadow {margin:0 0 0 -406px; padding:0; position:relative; width:812px; height:12px; left:50%; background:url(images/bottomshadow.gif) no-repeat}

#content {margin:0; padding:0; width:760px; background:url(images/headerbg.gif) no-repeat #0C0D60;}

#flashcontainer {margin:0; padding:35px 0 0 17px}
#flashholder {margin:0; padding:0; width:500px}
#flashrss {clear:both; margin:0; padding:0; height:34px; border-top:1px solid #fff}
embed,
object {margin:0; padding:0}

#flashcontent {padding:0; margin:0; width:490px; min-height:350px; border:5px solid #B3B3CB; color:#000066; background:url(images/content_bg.jpg) no-repeat #fff}
* html body div#flashcontent {height:350px;} /* because IE doesn't do min-height.. but treats height like it is min-height */
body#popup {padding:0; margin:0; color:#000066; background:url(images/content_bg.jpg) no-repeat #fff}
#flashcontent p, body#popup p {padding:0 10px}

#instr_left {margin:0; padding:0 10px 20px; float:left; display:inline; width:210px;}
#instr_right {margin:0; padding:0 10px 20px; float:right; display:inline; width:210px;}
.clear {clear:both}

#rightcontent {margin:70px 17px 0 0; padding:0; width:200px; float:right; display:inline;}
.box {margin:0; padding:0;}
#flashcontent .box {margin:0 0 0 10px}
.box img {margin:0 8px 0 0; padding:0; float:left; display:inline; vertical-align:middle;}
.box p {margin:0; padding:0; font-size:9pt; line-height:1.4}
#rightcontent .box p {color:#fff}
.box h3 {margin:0 0 8px 0; padding:0; line-height:0.8; font-size:10pt}
#rightcontent .box h3 {color:#FFA500;}
.box p a.special {font-weight:bold; font-size:10pt; color:#FFA500;}

#footer {margin:10px 0 0 0; padding:53px 0 0 0; clear:both; background:#fff url(images/footerbg.gif) no-repeat;}
* html body div#footer {clear:none}	/* because IE clears it anyway.. */
#footer ul#notices {margin:0; padding:10px 0 30px 0; background:#fff}
#notices {clear:both; height:25px; color:#999; font-size:8pt;}
#notices a {color:#999;}

li {margin:0 10px 0 0}

ul.menu,
ul.menu li {margin:0; padding:0;}
ul.menu li {display:inline;}

#links li a {display:block; float:left;}
#links li a#play {margin:0; padding:0; width:191px; height:97px; background:url(images/playgame_button.gif) no-repeat center;}
#links li a#instructions {margin:0; padding:0; width:150px; height:97px; background:url(images/instructions_button.gif) no-repeat center;}
#links li a#league {margin:0; padding:0; width:166px; height:97px; background:url(images/leaguetable_button.gif) no-repeat center;}

.hidden {display:none;}

h1, h2 {margin:0; padding:5px 10px}
h1#instructions {height:48px; background:url(images/h1_instructions.gif) no-repeat center;}
h1#termsandconditions {height:48px; background:url(images/h1_terms.gif) no-repeat center;}
h1#how {height:48px; background:url(images/h1_how.gif) no-repeat center;}
h1#challenge {height:48px; background:url(images/h1_challenge.gif) no-repeat center;}
h1#thanks {height:48px; background:url(images/h1_thanks.gif) no-repeat center;}
h1#thanksfor {height:48px; background:url(images/h1_thanks_for.gif) no-repeat center;}
h1#credits {height:48px; background:url(images/h1_credits.gif) no-repeat center;}
h1#leaguetable {height:48px; background:url(images/h1_league_table.gif) no-repeat center;}
h1#winners {height:48px; background:url(images/h1_winners.gif) no-repeat center;}

h2 {font-size:13px; line-height:1.4; font-weight:bold}

h2#attacking {height:35px; background:url(images/h2_attacking.gif) no-repeat center;}
h2#defending {height:36px; background:url(images/h2_defending.gif) no-repeat center;}

table {margin:10px;}

table#leaguetable {margin:15px 0 0 20px; padding:0; width:450px; text-align:center; border-left:1px solid #000066}
table#leaguetable tr {margin:0; padding:0}
table#leaguetable tr.even {background:#fff;}
table#leaguetable tr.odd {background:#B3B3CB;}
table#leaguetable th {color:#FFA500; font-weight:bold; border-top:1px solid #000; background:#000066;}
table#leaguetable td, th {margin:0; padding:3px 0; border-bottom:1px solid #000066;  border-right:1px solid #000066}

.small {font-size:8pt}
.error {font-weight:bold; color:#cc0000}
.centred {display:block; text-align:center;}
#notices .warning {float:right; display:inline; margin-top:-15px; color:#cc0000}