html,body{margin:0;padding:0}


div.gradient{background: #F2F2F2 url(gradient.png) repeat-x top;margin: 15px}
div.gradient p{margin:0;padding: 2px 5px}
p.codehere{color: #2A4D91}

div#container{width:720px;margin: 0 auto; text-align: left}
div#header{background-color: #F0EFF1;padding:10px 0;}
div#header h1{color: #FFF;font-size: 300%;font-weight: 900 }
div#menu{width:100%;background: #F0EFF1;padding-top: 5px ; background: url(top_banner.jpg) no-repeat}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left:15px}
ul#nav li{float:left;width:80px;margin-right:2px;text-align: center}
ul#nav a{float:left;width:80px;text-decoration:none;background: #FFFF35;color: #999}
ul#nav li.active a,ul#nav a:hover{color: #000}
div#topinfo{; width:80px; left:720px; height:100px; top:63px; background: #EEEEEE ; padding-left:5px; margin:5px;}

div#logind{ width:120px; left:635px; height:41px; top:10px;font-size: 80%; text-decoration:none;color: #FFF; padding-left:5px; margin:0px;}

div#content{ width:710px; left:5px; top:85px;background: #F2F2F2 url(bg_main_ergome.jpg) no-repeat;  padding:5px; margin:0px;}
div#footer{padding-top:5px;text-align: center;font-size: 90%;background: #8395CB;color: #FFF}

div#rightside{ background: #CC6600 ; width:620px; left:720px; top:130px; width:80px;}
div#rightside p{padding:0 5px}

div#navbox{  height:40px;top:0px; background:  url(bg_topbox.png) no-repeat ;margin: 0px; text-align:center}
div#navbox p{padding:0 5px}

div#sidebox{ background:  url(sidebox.png) no-repeat ;margin: 0px; text-align:center;width:80px;}
div#sidebox p{padding:0 5px}

div#optionalbox{width=90% ;background: #FFFFFF  ;margin: 0px; text-align:center;  }
div#optionalbox p{padding:0 5px}

div#bubbles{position:absolute;top:5px; height: 82px; float:left;display:block;width:176px; left:780px; background: url(bubbles.gif)  }
div#inside_bubble{;position:relative;top:10px; height: 40px ;width:80px; left:65px; overflow: hidden}

div#sidetop{position:absolute; top:64px; left: 20px;  ;display:block;;background: #FFFFFF margin: 0px;text-align:center}
div#sidetop {padding:0 5px}

div#minipics{float:left;width:100%;padding-bottom:10px}
div#minipics ul{list-style-type: none;margin:0 15px;padding:0}
div#minipics li{float:left;width:100px;margin: 10px 10px 10px 0;background-color: #FFF}
div#minipics li img{display: block;width: 80px;height: 80px;margin:5px 10px;border: 0px}

.t {background: url(dot.gif) 0 0 repeat-x; width: 20em}
.b {background: url(dot.gif) 0 100% repeat-x}
.l {background: url(dot.gif) 0 0 repeat-y}
.r {background: url(dot.gif) 100% 0 repeat-y}
.bl {background: url(bl.gif) 0 100% no-repeat}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px} 

.5t {background: url(dot.gif) 0 0 repeat-x; width: 20em}
.5b {background: url(dot.gif) 0 50% repeat-x}
.5l {background: url(dot.gif) 0 0 repeat-y}
.5r {background: url(dot.gif) 50% 0 repeat-y}
.5bl {background: url(bl.gif) 0 50% no-repeat}
.5br {background: url(br.gif) 50% 50% no-repeat}
.5tl {background: url(tl.gif) 0 0 no-repeat}
.5tr {background: url(tr.gif) 50% 0 no-repeat; padding:10px}