/* main layout */
#container {width:70%;min-width:768px;max-width:1008px;margin:0 auto}
* html .minwidth {padding-left:768px}
* html .wrapper {margin-left:-768px;position:relative}
/*\*/
* html .minwidth, * html .wrapper, * html .layout,* html #page {height:1px}
/**/

.lf, .rf {background:#E4E4E4;height: 10px;width: 10px}
.lf {float: left;/*background:#0C0;*/}
.rf {float: right;/*background:#C00;*/}
.rule {width:100%;height:10px;margin:0 auto}

/* rounded corners light grey page */
.p1 {height:1px;background:#E4E4E4;margin: 0 5px}
.p2 {height:1px;background:#E4E4E4;border-left:2px solid;border-right:2px solid;margin: 0 3px}
.p3, .p4 {background-color:#E4E4E4;border-left:1px solid;border-right:1px solid}
.p3 {height:1px;margin:0 2px}
.p4 {height:2px;margin:0 1px}
.p2, .p3, .p4 {border-color:#E4E4E4}
#page{background:#E4E4E4 url(../img/page.gif) repeat;padding:5px 10px 0/*;overflow:hidden;*/}


/* rounded corners light grey border with white page */
.b1 {height:1px;background:#CCC;border-left:5px solid #E4E4E4;border-right:5px solid #E4E4E4;/*margin: 0 5px*/}
.b2 {height:1px;background:#FFF;border-left:2px solid;border-right:2px solid;margin: 0 3px}
.b3, .b4 {background:#FFF;border-left:1px solid;border-right:1px solid}
.b3 {height:1px;margin:0 2px}
.b4 {height:2px;margin:0 1px}
.b2, .b3, .b4 {border-color:#CCC}
.content{background:#FFF;border-left: 1px solid;border-right: 1px solid;border-bottom: 1px solid;border-color:#CCC;padding:20px}
.columns{width:100%}

.lcol{margin-right:10px}
.mcol-l{margin-right:5px}
.mcol-r{margin-left:5px}
.rcol{margin-left:10px}

.c2l, .c2r {width:50%}
.c2l {float: left}
.c2r {float: right}

#footer{background:url(../img/bg/footer.png) repeat-x;width:100%;height:45px;text-align:center}
.f1 {height:1px;background:#BBB;margin: 0 5px}
.f2 {height:1px;background:#BBB;border-left:2px solid;border-right:2px solid;margin: 0 3px}
.f3, .f4 {background:#BBB;border-left:1px solid;border-right:1px solid}
.f3 {height:1px;margin:0 2px}
.f4 {height:2px;margin:0 1px}
.f2, .f3, .f4 {border-color:#BBB}