body {
  background-color: #263238;
  font-family:sans-serif;
  font-size:16px;
  font-weight: bold;
  color: #263238;
  margin:0;
  border:0;
  padding:0;
  width:100%;
  text-align:center;
}
a:link { color:#0000FF; }
a:visited { color:#0000FF; }
a:active { color:#0000FF; }
a:hover { color:#0000FF; }

@media (min-width:1224px) {

#all{
    margin:0 auto;
}
#top{
    margin:0 auto;
    width:930px;
    height:150px;
    background-image: url("gfx/top-back3.png");
}
#bottom{
    margin:0 auto;
    width:930px;
    height:600px;
    background-repeat: no-repeat;
    text-align: center;
}
#bot_mid{
    width:520px;
    height:100%;
    margin-left: 10px;
    float:left;
}
#bot_mid_cont{
    border:1px solid #000000;
    width:520px;
    height:100%;
    background-color: #cfd8dc;
    opacity: 0.8;
    filter: alpha(opacity=80);
    margin-top:30px;
    top:30px;
    padding-top:10px;
}
#bot_right{
    border:1px solid #000000;
    margin-top:30px;
    margin-right:10px;
    background-color: #cfd8dc;
    opacity: 0.8;
    filter: alpha(opacity=90);
    float:right;
    width:310px;
    height:600px;
}
}

@media only screen and (max-width:1223px) {
#all{
    margin:0 auto;
}
#top{
    border-bottom:1px solid #000000;
}
#bottom{
    margin:30px auto;
    width:90%;
    height: 100%;

    padding-top: 30px;
    background-color: #cfd8dc;
    border-top:1px solid #000000;
}
#bot_mid{
    width:100%;
    float: left;
}
#bot_mid_cont{
    background-color: #cfd8dc;
}
#bot_right{
    width:300px;
    padding-top: 40px;
    margin:30px auto;

}

}