.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}



/*typography*/
body{font: 12px verdana,arial,sans-serif;text-align: center}
h1,h2,h3{font-family: "Trebuchet MS",arial,sans-serif}
h1{font-size: 200%}
h2{font-size: 20px}
h3{font-size:14px;text-transform:uppercase;letter-spacing:1px;margin:3px 5px}
h4{font-size:14px}
h2,p,h4{margin: 0 15px;padding:0}
p{padding-bottom: 0.7em;line-height: 1.2}
a{text-decoration: none}
div#contentinside a:hover{text-decoration: underline}



/*layout*/
html{height: 100%; margin-bottom: 1px}
html,body{margin:0;padding:0 0 20px}
div#container{width: 700px;margin: 0 auto;text-align: left; height: 100%;}
div#container_admin{width: 900px;margin: 0 auto;text-align: left; height: 100%;}

div#header{margin:0 0 5px;padding:0px}
div#header h1{margin:0 5px;padding:10px 0 2px}
div#sidebar{float: right;width: 200px;%}
div#sidebar div{padding: 5px 0;margin-bottom: 3px}
div#sidebar div#menu{margin: 0 5px}

div#navinside ul,div#navinside li{margin:0;padding:0;list-style-type:none;line-height: 1.5}
div#navinside {margin-top:8px;padding:0px; float:right; width:200px;}
div#navinside a{margin-left:5px;padding-left:10px}
div#sidebar p{margin: 0 5px;padding:0}
div#sidenotes{margin:0px; padding: 0px;}
div#links{margin:0px; padding: 0px;}
div#contact{margin: 3px 0;padding: 5px 0;}
div#contact div{padding: 5px 0}
div#content{width:495px;padding:5px 0;}
div#contentinside{width:700px;padding:5px 0}
div#content_admin{width:700px;padding:5px 0}


/*colors*/
body{background: #0094C3}
div#header{background: #84B7FF}
div#header h1{background: #F15C30}
h1 a{color: #C1E6FF}
h1 a:hover{color: #fff}
h2{color: #f60}
h3{color: #FFF}
h4{color: #007FB7}
div#nav{background: #22B24C}

div#navinside{background: #22B24C}
div#navinside a{background: url(../images/bullet.jpg) no-repeat center left;color: #FFF}
div#navinside a:hover{color: #005C78}
div#sidenotes{background:#B1C0D5}
div#links{background:#B1C0D5}
div#contact{background: #B4CEF7}
div#contact a{color:#003366;}
div#content, div#contentinside, div#content_admin{background: #FFF}
div#contentinside a{color:#F15C30}
div#relax{background: url(relax.jpg)}
div#relax h2{color: #F7DEB5}
div#relax p{color: #fff}
div#footer{background: #CCC;color: #333}