/**Box's**/ .box1{ background-color:#235be8; padding:12px; margin:auto 15px 8px auto; width:auto; height:auto; line-height:150%; border:1px solid white; } #box2{ background-color:#134197; color:#EEEEEE; padding:12px; margin:auto 15px 8px auto; width:auto; height:auto; border:1px solid white; } #box3{ background-color:#eeeeee; padding:12px; margin:auto 15px 8px auto; width:auto; height:auto; border-top:1px solid white; border-bottom:1px solid white; line-height:150%;} /**FrameI**/ .frame { width: 250px; margin: 2em auto 2em auto; text-align: left; } .frame .t { background-image: url(../img/imgframe-lightblue/t.gif); background-repeat: repeat-x; background-position: top; } .frame .r { background-image: url(../img/imgframe-lightblue/r.gif); background-repeat: repeat-y; background-position: right; } .frame .b { background-image: url(../img/imgframe-lightblue/b.gif); background-repeat: repeat-x; background-position: bottom; } .frame .l { background-image: url(../img/imgframe-lightblue/l.gif); background-repeat: repeat-y;
background-position: left; } .frame .tl { background-image: url(../img/imgframe-lightblue/tl.gif); background-repeat: no-repeat; background-position: top left; } .frame .tr { background-image: url(../img/imgframe-lightblue/tr.gif); background-repeat: no-repeat; background-position: top right; } .frame .bl { background-image: url(../img/imgframe-lightblue/bl.gif); background-repeat: no-repeat; background-position: bottom left; } .frame .br { background-image: url(../img/imgframe-lightblue/br.gif); background-repeat: no-repeat; background-position: bottom right; } .frame .all { padding:25px; } /**FrameII**/ .frameII { width: 250px; margin: 2em auto 2em auto; text-align: left; } .frameII .tII { background-image: url(../img/imgframe-darkblue/t.gif); background-repeat: repeat-x; background-position: top; } .frameII .rII { background-image: url(../img/imgframe-darkblue/r.gif); background-repeat: repeat-y; background-position: right; } .frameII .bII { background-image: url(../img/imgframe-darkblue/b.gif);
background-repeat: repeat-x; background-position: bottom; } .frameII .lII { background-image: url(../img/imgframe-darkblue/l.gif); background-repeat: repeat-y; background-position: left; } .frameII .tlII { background-image: url(../img/imgframe-darkblue/tl.gif); background-repeat: no-repeat; background-position: top left; } .frameII .trII { background-image: url(../img/imgframe-darkblue/tr.gif); background-repeat: no-repeat; background-position: top right; } .frameII .blII { background-image: url(../img/imgframe-darkblue/bl.gif); background-repeat: no-repeat; background-position: bottom left; } .frameII .brII { background-image: url(../img/imgframe-darkblue/br.gif); background-repeat: no-repeat; background-position: bottom right; } .frameII .allII { padding:25px; } /**FrameIII**/ .frameIII { width: 500px; margin: 2em auto 2em auto; text-align: left; } .frameIII .tIII { background-image: url(../img/imgframe-grey/t.gif); background-repeat: repeat-x; background-position: top; } .frameIII .rIII {
background-image: url(../img/imgframe-grey/r.gif); background-repeat: repeat-y; background-position: right; } .frameIII .bIII { background-image: url(../img/imgframe-grey/b.gif); background-repeat: repeat-x; background-position: bottom; } .frameIII .lIII { background-image: url(../img/imgframe-grey/l.gif); background-repeat: repeat-y; background-position: left; } .frameIII .tlIII { background-image: url(../img/imgframe-grey/tl.gif); background-repeat: no-repeat; background-position: top left; } .frameIII .trIII { background-image: url(../img/imgframe-grey/tr.gif); background-repeat: no-repeat; background-position: top right; } .frameIII .blIII { background-image: url(../img/imgframe-grey/bl.gif); background-repeat: no-repeat; background-position: bottom left; } .frameIII .brIII { background-image: url(../img/imgframe-grey/br.gif); background-repeat: no-repeat; background-position: bottom right; } .frameIII .allIII { padding:25px; }