body {
  font-family: Arial, Helvetica, sans-serif;font-size:80%;
  font-style: normal;
  color: #333;
  font-style: normal;
  padding: 0; margin: 0; background-color: white ;
  text-align: left;
  line-height:1.3;
}
form {padding:0; margin:0}
b {font-weight:normal}
strong {color:black}
img {border:none}

h1,h2,h3,h4, .heading {
  padding:3px 0; margin:5px 0; 
}
h1 {color:#008080;font-size:150%; font-weight:bolder}
h2 {color:#008080;font-size:120%; font-weight:bold; padding:5px 0}
h3 {color:#008080;font-size:120%; font-weight:normal; padding:10px 0 5px 0;}

h1 a {text-decoration:none}
h1 a:hover {text-decoration:underline}

p {margin-top:0;margin-bottom:10px}
p.join {margin-bottom:0px}
li {margin-bottom:0px;margin-left:10px;padding-left:0px}
ul, ol {margin:0 0 10px 20px; padding:0}

a, a:visited {font-weight:bold;color:#101010; text-decoration:none}
a:hover {text-decoration:underline}

table td {vertical-align:center}

fieldset {padding:5px}

/****** GENERAL CLASSES ******/
.Warning    { color: #FF0000; } 
.Error      { text-align:center; color: #FF0000; } 
.Message    { text-align:center; padding:0; font-weight: bold; color: #FF0000; } 
.clear {clear:both}

/* HIDDEN - move things right off the top of the page - only useful to screen readers */
.hidden {
  position: absolute;top: -10000px;left: 0;
}
.left {text-align:left}
.right {text-align:right}
.centre {text-align:center}

.rfloat, .lfloat {font-size:80%;margin-bottom:10px;text-align:center;font-weight:bold !important}
.rfloat {float:right;margin-left:10px}
.lfloat {float:left;margin-right:10px}
.rfloat a, .lfloat a {display:block}

.form-submit, .separate {
  padding-top:10px;margin-top:10px;border-top:1px solid black
}
.menulist , .menulist ul {padding:0;margin:0;border:none}
.menulist li {display:inline;margin:0;padding:0px 10px;border-left:1px solid black}
.menulist li:first-child {border:none;padding-left:0}

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

.menublk ul {padding:0;margin:0}
.menublk li {display:block;padding:0;margin:0;padding:0 3px 3px 3px;margin:0 0 3px 0;border-bottom:1px dotted black}

.menusep li {border-left:1px solid black;padding-left:3px;margin-left:3px}
.menusep .first, .menusep li:first-child {border-left:none;padding-left:0;margin-left:0}
/* Basic structure */
#extright {width:100%;background:url(/custom/images/gradient7.png) bottom left repeat-x #008080;height:37px;position:absolute;top:0;right:0}
#pageWrap {
  width:975px;margin:0 auto;position:relative;z-index:10
}
#bodyWrap {padding-top:90px;width:975px;height:400px}
html>body #bodyWrap {height:auto; min-height:400px}

/* BANNER */
#banner {
  position:absolute;top:0;left:0;width:975px;height:100px
}
#banner .logo {
  padding:0;margin:0;width:150px;height:55px;
  background-color:white;display:block;padding:10px;position:absolute;top:0px;left:0;
  border:3px solid #008080;border-left:none;
  border-bottom-right-radius:10px;
  border-top-right-radius:10px;
  behavior: url(/pie/PIE.htc);
}
#banner .corner  {display:block;position:absolute;top:37px;left:172px;}
#banner .corner3  {display:none}
#banner .extleft {display:block;width:1000px;border-top:3px solid #008080;border-bottom:3px solid #008080;height:75px;position:absolute;top:0;left:-1000px;background-color:white}
#banner .grad  {display:block;position:absolute;top:2px;left:190px;z-index:30}
#banner .menu {
  position:relative;z-index:40;
  width:804px;float:right;text-align:right;
  padding:10px 0;height:17px;
}
#banner .menu li {border:none}
#banner .menu a {
  color:white;text-decoration:none;font-weight:bold
}
#banner .menu a:hover {text-decoration:underline}
#banner .social {position:absolute;top:40px;right:0;z-index:101;width:268px;height:32px;text-align:right}
#banner .social img {display:inline-block;margin-left:20px;vertical-align:top}
#banner .search {position:absolute;top:50px;left:200px;}

#accessibility {
  position:absolute;top:100px;right:0  
}

/****************** SITE ADVERTISING *****************/
#g-rightcol {
  position:absolute;right:0;top:13em;z-index:200;
  width:270px;height:500px;
}
#g-adblock2, .g-adblock3 {
  position:relative;width:260px;margin:0 auto
}
#g-adblock2 {height:265px}
.g-adblock3 {height:120px}

#g-adblock2 div, .g-adblock3 div {
  position:absolute;width:125px;height:125px;background-color:#d0d0d0;border:1px solid black
}
.round-pane {
  padding:5px;margin-bottom:20px;
  border:3px solid #008080;
  border-radius:10px;
  -moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888;
  behavior: url(/pie/PIE.htc);
  background-color:white;
}
.round-pane h2  {
  text-align:center
}
.tick {list-style-image:url(/images/tick.gif)}
.cross {list-style-image:url(/images/cross.gif)}

.print {display:none}

#footBlock {
  background:url(/custom/images/gradient7.png) top left repeat-x #008080;
  clear:both;
  min-height:35px;
  position:relative;
  margin:20px 0 0 0;padding:0;
  border-radius:10px;
}
#footBlock a {color:white;text-decoration:none;font-weight:bold}
#footBlock .menu a {padding:0 10px;font-weight:bold;font-size:100%}
#footBlock li {border-left:none}

#footLeft {
  position:absolute;left:0;top:3px;
  width:650px; height:42px;
}
#footLeft ul {padding:10px 0 0 10px}
#copyright {
  font-size:80%;
  text-align:right;
  padding:5px 10px  0 0;margin:0 0 0 650px;
  height:35px;
  color:white;
  vertical-align:bottom;
}
#copyright a {
  text-decoration:none; color:white;
}
#footBlock a:hover {border-bottom:1px solid yellow}

#footBlock ul {list-style-type:none}
#footBlock2 {
  margin:10px;padding-top:10px;border-top:1px solid #00c0c0 
}
/********** POPUP WINDOWS **************/
.popup-win, .popup-win-vis {
  position:absolute;z-index:600000
}
.popup-win {visibility:hidden}

#popup-win-login {
  top:250px;left:350px;
  width:300px;
  border:3px solid #394a5a;
  background-color:white;
  padding:0;margin:0;white-space:nowrap;
}
#popup-win-login form {padding:5px}
#popup-win-login h3 {color:white;background-color:#de4949;padding:2px 10px;margin:0}
#popup-shield {
  position:absolute;z-index:500000;top:-10px;left:-10px;bottom:-10px;width:100%;background-color:#202020;
  display:none;margin:0 auto;
  filter:alpha(opacity=35);   /* Internet Explorer       */
  -moz-opacity:0.35;           /* Mozilla 1.6 and below   */
  opacity: 0.35;               /* newer Mozilla and CSS-3 */
}
#popup-shield.visible {display:block}

#topic-bar a, #topic-bar-wide a {
  width:58px;height:66px;display:block;
  float:left;
  background:transparent url(/custom/images/topics-bar.png) top left no-repeat;text-decoration:none;
  padding:1px
}
#topic-bar-wide a {margin-left:20px}
#topic-bar-wide a:first-child {margin-left:0}

#topic-bar a:hover, #topic-bar-wide a:hover {
  padding:0;
  border:1px solid #008080;
  border-radius:10px;
  -moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888;
  behavior: url(/pie/PIE.htc);
}
.articleOutline {
  clear:both;border-bottom:2px dashed #394a5a;margin-bottom:5px;padding-bottom:5px;
  border:3px solid #008080;
  border-radius:10px;margin-bottom:10px;padding:5px 10px;
  -moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888;
  behavior: url(/pie/PIE.htc);
  background-color:white;
}
.articleOutline h2 {
  font-size:140%
}
.articleOutline h2 a {
  text-decoration:none
}
.articleOutline img {
  float:right
}
.articleSummary {margin-bottom:0.5em;color:black}
.articleHead {font-size:140%;padding:0 0 1em 0;color:#404040}
/************* Gen purpose pretty table ***************/
.pretty_table th {
  text-align:center;font-weight:bold;color:white;background-color:#008080;vertical-align:center;padding:3px 5px 0 5px;
}
.pretty_table td {
  background-color:#E0E0E0;vertical-align:top;padding:0 5px
}
/************* Gen purpose pretty table - v2***************/
table.pretty {border:1px solid black;margin-bottom:20px}
table.pretty thead th {
  text-align:center;font-weight:bold;color:white;background-color:#008080;vertical-align:middle;padding:3px 5px 0 5px;
}
table.pretty tbody th {
  text-align:left;font-weight:normal;color:white;background-color:#008080;vertical-align:middle;padding:3px 5px 0 5px;
}
table.pretty td {
  background-color:#E0E0E0;vertical-align:top;padding:3px 5px
}
table.pretty caption {font-weight:bold;text-align:center;font-size:120%;border-top:1px solid black}

/******** PRIZEDRAW INFORMATION *******/
.promotion {
  text-align:center; margin-bottom:10px; margin-top:10px
}
.promotion .wrap {padding:10px}
.promotion .highlight {font-weight:bold;text-decoration:none;color:black}
.promotion a.highlight:hover {text-decoration:underline}
/******** LOGIN/REG *********/
#month_comp {
  position:absolute;left:300px;top:11em;z-index:1000;
  width:400px;padding:5px;
  background:white
}
#month_comp h2 {
  color:white;background-color:#008080;text-align:center;font-size:140%;margin-top:0;
  border-radius:10px;
  -moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888;
  behavior: url(/pie/PIE.htc);
}
#competition-rules {
  margin-top:200px;padding-top:20px;border-top:1px solid black
}