/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ofs-wrapper {width: 1000px; margin: 0 auto; }

#ofs-headerwrap,
#ofs-topslwrap,
#ofs-botslwrap,
#ofs-containerwrap,
#ofs-footerwrap { clear: both; }

#ofs-header,
#ofs-topsl,
#ofs-botsl,
#ofs-container,
#ofs-footer { width: 980px; margin: 0 auto; }

.narrow #ofs-header,
.narrow #ofs-topsl,
.narrow #ofs-botsl,
.narrow #ofs-container,
.narrow #ofs-footer { width: 750px; margin: 0 auto; }

/* HEADER
--------------------------------------------------------- */
#ofs-headerwrap {}
#ofs-header {}

/* CONTAINER
--------------------------------------------------------- */
#ofs-containerwrap { padding: 10px 0; }
#ofs-main { float: left; width: 80%; }

/*main content---*/
#ofs-content { clear: both; display: block; float: right; width: 75%; }
#ofs-current-content { margin: 0 10px; min-height: 400px; }

/*columns---*/
#ofs-col1 { float: left; width: 25%; overflow: hidden; }
#ofs-col2 { float: right; width: 20%; overflow: hidden; }

/* FOOTER
--------------------------------------------------------- */
#ofs-footerwrap {}
#ofs-footer {}

/* EXTENSIBLE LAYOUT
--------------------------------------------------------- */
/*1 Column---*/
.ofs-lo-1col #ofs-current-content { margin: 0; }
.ofs-lo-1col #ofs-main,.ofs-lo-1col #ofs-content { float: none; width: 100%; }

/*2 Columns Right---*/
.ofs-lo-2colsr #ofs-content { float: none; width: 100%; }
.ofs-lo-2colsr #ofs-current-content { margin-left: 0; }

/*2 Columns Left---*/
.ofs-lo-2colsl #ofs-main { float: none; width: 100%; }
.ofs-lo-2colsl #ofs-content { width: 80%; }
.ofs-lo-2colsl #ofs-current-content { margin-right: 0; }
.ofs-lo-2colsl #ofs-col1 { width: 20%; }

/* IN PAGE LAYOUTS
--------------------------------------------------------- */
.middle { width:980px; min-height:400px; margin:0 auto; text-align:left; }
.side-col { width:195px; }
.col-left { float:left; }
.col-main { float:left; }
.col-right { float:right; }
.col-1-layout .col-main { float:none; margin:0; }
.col-2-right-layout .col-main { float:left; width:770px;  }
.col-2-left-layout .col-main { float:right; width:770px; }
.col-3-layout .col-main { width:575px; margin-left:15px; }

/*All---*/
.col2-set, .col3-set, .col4-set, .col5-set { clear:both; }

/*Col2---*/
.col2-set .col-1, .col2-set .col-2 { width:48.5%; }
.col2-set .col-1 { float:left; }
.col2-set .col-2 { float:right; }

/*Col2-alt---*/
.col2-alt-set .col-1 { width:32%; }
.col2-alt-set .col-2 { width:65%; }
.col2-alt-set .col-1 { float:left; }
.col2-alt-set .col-2 { float:right; }

/*Col3---*/
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; }
.col3-set .col-1, .col3-set .col-2 { margin-right:3%; }

/*Col4---*/
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float:left; width:22%; }
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right:4%; }

/*Table Columns---*/
table .col-1, table .col-2, table .col-3, table .col-4 { float:none !important; margin:0 !important; }
.col3-set td.spacer { width:3%; }
.col4-set td.spacer { width:4%; }