html{
scrollbar-base-color:#fc6;
scrollbar-arrow-color:#903;
scrollbar-track-color:#ffc; 
}
body, header, footer, textarea, h1, h2, h3, h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
}
body{
font-size:145%;
margin:0;
padding:0;
background:#ffc url(../img/cremegranol.gif);
color:#360;
}
a{
cursor:pointer;
}
h1{
font-size:1.0em;
font-weight:bold;
color:#903;
}
h2{
font-size:1.1em;
font-weight:bold;
color:#903;
}
canvas img{
border:none;
}
table{
border-spacing:0;
}
th{
background-color:#fc6;
}
tr.alt td{
background:#fc6;
}
ul{
list-style:none;
margin:0;
padding:0;
}
canvas{
background:url(../img/ico-clock.gif);
background-repeat:no-repeat;
background-size:cover;
}
#wrapper{
width:100%;
min-width:600px;
max-width:1180px;
margin:0 auto;
padding:0;
background-color:#ffc;
overflow:hidden;
}
#wrap_s{
width:100%;
min-width:319px;
max-width:775px;
margin:0 auto;
padding:0;
background-color:#ffc;
}
header{
width:100%;
height:180px;
background-color:#fc6;
box-shadow:2px 2px 2px #999;
margin:0;
padding:8px 0 5px 0;
overflow:hidden;
}
article{
width:100%;
margin:8px auto;
padding:0;
overflow:hidden;
}
.relativ{
position:relative;
}
.wideArticle{
margin:8px auto;
}
footer{
clear:both;
width:100%;
background-color:#fc6;
box-shadow:2px 2px 2px #999;
margin:0;
padding:0;
overflow:hidden;
}
.column-left{
float:left;
vertical-align:top;
width:180px;
padding-left:4px;
}
#column-left{
display:none;
float:left;
vertical-align:top;
width:200px;
z-index:1;
}
#hamburger{
height:55px;
cursor:pointer;
padding-top:20px;
}
.bar1, .bar2, .bar3{
width:35px;
height:5px;
background-color:#333;
margin:6px auto;
transition:0.5s;
}
.change .bar1{
-webkit-transform:rotate(-45deg) translate(-9px, 6px);
transform:rotate(-45deg) translate(-9px, 6px);
}
.change .bar2{
opacity:0;
}
.change .bar3{
-webkit-transform:rotate(45deg) translate(-8px, -8px);
transform:rotate(45deg) translate(-8px, -8px);
}
.colread-left{
float:left;
vertical-align:top;
text-align:center;
width:180px;
overflow:hidden;
}
.midReadArea{
vertical-align:top;
margin-left:180px;
}
.readlresp{
width:160px;
height:600px;
}
.mid-right{
margin-left:180px;
vertical-align:top;
}
#mid-right{
position:relative;
margin-left:0;
vertical-align:top;
}
.wideMidRight{
padding:7px 8px;
}
#column-right{
position:static;
vertical-align:top;
text-align:center;
width:100%;
margin:30px auto;
}
.column-right{
float:right;
vertical-align:top;
width:240px;
padding-top:10px;
}
.midHeadArea{
vertical-align:top;
text-align:center;
margin-right:240px;
padding:20px 6px 0 6px;
}
.midArea{
vertical-align:top;
margin-right:0;
padding:0 6px;
}
.wideArea{
clear:both;
vertical-align:top;
margin:0;
padding:0 6px;
}
.topArea{
background-color:#fc6;
width:100%;
}
.mainArea{
background-color:#ffc;
width:100%;
}
#menu4{
margin:0.5em 0;
padding:0 0.5em;
}
#menu4 li a{
height:24px;
border-radius:3px;
box-shadow:2px 2px 2px #999;
font-size:0.91em;
font-weight:bold;
text-decoration:none;
display:block;
margin:-5px 0 1.4em -5px;
padding:3px 0 5px 5px;
}
#menu4 li a:link,
#menu4 li a:visited{
background:url(../img/menu3.gif);
color:#eee;
}
#menu4 li a:hover, 
#menu4 li #current{
background:url(../img/menu3.gif) 0 -32px;
color:#ff6;
}
.fixHeight{
height:20px;
}
#banner-top{
text-align:center;
min-height:94px;
margin:10px 0 0;
}
.casttresp{
width:100%;
min-width:598px;
height:280px;
margin:0 auto;
}
#skysc-right{
width:100%;
height:616px;
text-align:center;
overflow:hidden;
}
.card{
border-radius:8px;
box-shadow:2px 2px 2px #999;
background-color:#fc6;
padding:9px;
}
.ad_card{
background-color:#fc6;
padding:9px 0;
}
.overhide{
overflow:hidden;
}
#enterquestion, #start-centre{
padding:8px 0 0;
text-align:center;
}
#dummies{
float:left;
width:102px;
height:145px;
line-height:135px;
}
#banner-bot{
text-align:center;
padding:15px;
}
@media (min-width:730px){
  body{
  font-size:110%;
  }
  header{
  height:130px;
  }
  #hamburger{
  display:none;
  }
  .midHeadArea{
  padding-top:6px;
  }
  .casttresp{
  height:200px;
  }
  #column-left{
  display:block !important;
  width:180px;
  }
  #mid-right{
  margin-left:180px !important;
  }
  #menu4 li a{
  font-size:1.0em;
  margin:0 -1px 1.2em -1px;
  padding:5px 0.5em 3px 0.4em;
  }
  .midArea{
  margin-right:180px;
  }
  #column-right{
  position:absolute;
  top:0;
  right:0;
  width:170px;
  }
  #skysc-right{
  width:160px;
  }
}
@media (min-width:780px){
  header{
  height:115px;
  }
  .column-right{
  padding-top:0;
  }
  .midHeadArea{
  padding-top:20px;
  }
}
@media (min-width:928px){
  body{
  font-size:100%;
  }
  header{
  height:105px;
  }
  #banner-top{
  margin-left:186px;
  }
  #menu4 li a{
  margin:0 0 1.1em 0;
  padding:6px 1.5em 2px 0.8em;
  }
  #column-left{
  margin-top:-90px;
  }
  .colread-left{
  width:320px;
  }
  .midReadArea{
  margin-left:320px;
  }
  .readlresp{
  width:300px;
  }
  .wideArea{
  margin:0 60px;
  }
}
@media (min-width:1180px){
  #wrapper{
  padding-right:4px;
  }
  header{
  height:100px;
  border-radius:10px;
  }
  .midReadArea{
  margin-right:80px;
  }
  .column-right{
  width:320px;
  }
  .midHeadArea{
  margin-right:320px;
  }
  #column-right{
  width:310px;
  }
  #skysc-right{
  width:300px;
  }
  .midArea{
  margin-right:320px;
  }
  .wideArea{
  margin:0 120px;
  }
  footer{
  border-radius:10px;
  }
}
.textArea{
font-size:1.0em;
font-weight:normal;
overflow:auto;
border:1px;
border-style:solid;
border-color:#fc6;
background-image:url(../img/bamboo2.gif);
background-color:#fff;
background-repeat:no-repeat;
background-position:right;
color:#330;
margin:4px;
padding:2px 4px;
}
.textArea2{
font-size:1.0em;
font-weight:normal;
overflow:auto;
border:1px;
border-style:solid;
border-color:#c60;
background-image:url(../img/bamboo2.gif);
background-color:#eee;
background-repeat:no-repeat;
background-position:right;
color:#666;
margin:4px;
padding:2px 4px;
}
.maxWtA{
max-width:328px;
}
.gradFC6{
background-image:-ms-radial-gradient(center, ellipse closest-side, #ffc 0%, #fc6 100%);
background-image:-moz-radial-gradient(center, ellipse closest-side, #ffc 0%, #fc6 100%);
background-image:-o-radial-gradient(center, ellipse closest-side, #ffc 0%, #fc6 100%);
background-image:-webkit-gradient(radial, center center, 0, center center, 140, color-stop(0, #ffc), color-stop(1, #fc6));
background-image:-webkit-radial-gradient(center, ellipse closest-side, #ffc 0%, #fc6 100%);
background-image:radial-gradient(ellipse closest-side at center, #ffc 0%, #fc6 100%);
}
.gradFFC{
background-image:-ms-radial-gradient(center, ellipse farthest-side, #fff 25%, #ffc 100%);
background-image:-moz-radial-gradient(center, ellipse farthest-side, #fff 25%, #ffc 100%);
background-image:-o-radial-gradient(center, ellipse farthest-side, #fff 25%, #ffc 100%);
background-image:-webkit-gradient(radial, center center, 0, center center, 406, color-stop(0.25, #fff), color-stop(1, #ffc));
background-image:-webkit-radial-gradient(center, ellipse farthest-side, #fff 25%, #ffc 100%);
background-image:radial-gradient(ellipse farthest-side at center, #fff 25%, #ffc 100%);
}
.button{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:bold;
min-width:156px;
color:#c00;
background-color:#fc6;
border:2px solid #f90;
-moz-border-radius:20px;
-moz-box-shadow:#c93 2px 2px 10px;
-webkit-border-radius:20px;
-webkit-box-shadow:#c93 2px 2px 10px;
border-radius:20px;
box-shadow:#c93 2px 2px 10px;
display:inline-block;
margin:auto;
padding:0px 20px 1.5px 20px;
text-decoration:none;
background:-moz-linear-gradient(top, #ffc 0%, #fd6 25%, #fec 75%, #db3 100%);
background:-webkit-linear-gradient(top, #ffc 0%,#fd6 25%,#fec 75%,#db3 100%);
background:linear-gradient(to bottom, #ffc 0%,#fd6 25%,#fec 75%,#db3 100%);
}
.button:hover{
color:#f00;
background-color:#ff3;
border:2px solid #fc0;
-moz-box-shadow:#fc9 1px 1px 10px;
-webkit-box-shadow:#fc9 1px 1px 10px;
box-shadow:#fc9 1px 1px 10px;
background:-moz-linear-gradient(top, #ffb 0%, #fd2 25%, #ff3 75%, #ee4 100%);
background:-webkit-linear-gradient(top, #ffb 0%,#fd2 25%,#ff3 75%,#ee4 100%);
background:linear-gradient(to bottom, #ffb 0%,#fd2 25%,#ff3 75%,#ee4 100%);
}
.mainText{
text-align:left;
padding:8px;
}
.scale100{
max-width:100%;
height:auto;
}
.fog{
opacity:0.5;
}
.inline{
display:inline;
}
.inblok{
display:inline-block;
}
.block{
display:block;
}
.floatl{
float:left;
}
.floatr{
float:right;
}
.clear{
clear:both;
}
.noAds{
line-height:55px;
vertical-align:middle;
text-align:center;
background-color:#fc6;
}
.marg0{
margin:0;
}
.marge{
margin:8px;
}
.margs{
margin:0 2px;
}
.margT{
margin-top:5px;
}
.margTx{
margin-top:1.0em;
}
.margR{
margin-right:24px;
}
.margRs{
margin-right:3px;
}
.margB{
margin-bottom:24px;
}
.margL{
margin-left:24px;
}
.margLs{
margin-left:6px;
}
.padd0{
padding:0;
}
.padde{
padding:15px;
}
.padds{
padding:4px;
}
.paddT{
padding-top:7px;
}
.paddR{
padding-right:15px;
}
.paddB{
padding-bottom:7px;
}
.paddBs{
padding-bottom:5px;
}
.paddL{
padding-left:10px;
}
.sandBox{
border:1px solid #c60;
padding:15px;
}
.maxWmidRight{
max-width:800px;
}
.maxWideArea{
max-width:980px;
}
.greyBox{
border:1px solid #360;
}
.showBox{
width:130px;
display:inline-block;
vertical-align:middle;
font:inherit;
color:#c00;
border:3px solid #360;
margin:4px 0;
padding:4px;
}
.col-left{
width:150px;
}
.style0{
width:100%;
}
.style1{
text-align:center;
}
.style1A{
vertical-align:middle;
}
.style2{
text-align:left;
}
.style2A{
vertical-align:top;
}
.style2T{
line-height:2.3em;
vertical-align:top;
}
.style3{
text-align:right;
}
.style3A{
vertical-align:bottom;
}
.style4{
font-weight:bold;
color:#330;
}
.style5{
text-align:center;
color:#00c;
}
.styl5A{
color:#00c;
}
.styl5B{
font-weight:bold;
color:#009;
}
.style6{
text-align:center;
font-size:1.0em;
font-weight:bold;
white-space:nowrap;
color:#903;
padding:0 8px;
}
.style6A{
font-size:1.0em;
font-weight:bold;
color:#903;
}
.style7{
font-size:0.9em;
text-align:center;
color:#036;
}
.style8{
font-size:1.3em;
font-weight:bold;
text-align:center;
margin:0.5em 0;
color:#c60;
}
.style9{
font-size:1.0em;
text-align:center;
color:#330;
margin:5px;
}
.style10{
font-size:1.3em;
font-weight:normal;
color:#903;
}
.style11{
font-size:1.2em;
font-weight:bold;
margin:35px 0 14px;
color:#360;
}
.style12{
font-size:1.1em;
font-weight:bold;
margin:30px 0 12px;
color:#360;
}
.style13{
font-size:1em;
font-weight:bold;
margin:25px 0 12px;
color:#360;
}
.style14{
font-size:0.667em;
}
.styl15{
font-size:16px;
font-weight:bold;
color:#903;
}
.styl16{
font-size:16px;
}
.styl40{
font-size:26px;
font-weight:normal;
color:#00c;
}
#x_bar{
width:100%;
text-align:center;
background-image:url(../img/bar_0.png);
background-repeat:repeat-x;
}
#x_bar a{
height:28px;
text-decoration:none;
display:block;
font-size:0.9em;
font-weight:bold;
line-height:24px;
color:#c00;
background-image:url(../img/bar_0.png);
background-repeat:repeat-x;
}
#x_bar a:hover{
color:#f00;
background-image:url(../img/bar_1.png);
background-repeat:repeat-x;
}