#wrapper { margin:0 auto; width:100%; padding:0 0 20px; position:relative; }

/* Mast Styles */
#mast { clear:left; width:100%; }
#mast_sleeve { width:980px; margin:0 auto; border-top: 10px solid #5f316c; }

#attachments #mast_sleeve { border:0; }
#attachments #logo { padding:0; }

/* Main Columns */
/* Pad columns in to allow for left/right column */
#columns { position:relative; clear:both; width:473px; padding:0 331px 0 176px; margin:30px auto 20px; background: url(/magazine/graphics/fauxcol.gif) repeat-y top; zoom:1; } /* :hack: float enclosing */
#columns:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack: float enclosing */
#colwrapper { width:100%; }
#index #columns { margin-top: 16px; #margin-top: 20px; }
* html #leftcolumn, * html #rightcolumn, * html #colmain { position:relative; } /* :hack: for ie6 to make negatively margined columns display */

#colmain { float:left; width:100%; }
#content { float:right; width:100%; }

/* Ensure that changes here are reflected in padding for #columns */
#leftcolumn { float:left; width:176px; margin-left:-176px; display: inline; }
#leftcolumn #leftcolumn_sleeve { margin-right:31px; }
#section4 #rightcolumn_sleeve { margin-left:0; }

.drop_rc #columns { width:803px; padding-right:0; background-image:url(/magazine/graphics/fauxcol_single.gif);}

#rightcolumn { float:right; width:331px; margin-right:-331px; }
#rightcolumn .twocolumn { zoom:1; } /* :hack: float enclosing */
#rightcolumn .twocolumn:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack: float enclosing */
#rightcolumn .twocolumn .column1 { float:left; width:50%; }
#rightcolumn .twocolumn .column2 { float:right; }
#rightcolumn_sleeve { margin-left:31px; }

/* Two column style */
#columns.twoColumn { padding: 0; }
#columns.twoColumn #content { width: 100%; }

/* Form Styling - Adjustments required for larger/smaller sites and if left column is dropped */
.formbox .text { width:66.7%; #width: 65%; }
.formbox select { width:68%; #width: 68%; }

.formsmall, .formbox .formsmall { width:23%; #width:25.5%; }
.formmedium, .formbox .formmedium { width:46.5%;  #width:45.5%; }
.formlarge, .formbox .formlarge {  #width:65%; }

.formbox select.formsmall { width:24.3%; #width: 27%; }
.formbox select.formmedium { width:48%; }
.formbox select.formlarge { width:68%; }

/* Basic Two Column Structure */
.twocolumn { padding:0; clear:both; zoom:1; } /* :hack: float enclosing, clear both is in for when section head contains no title but has RSS icon */
.twocolumn:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack: float enclosing */
.twocolumn .column1 { float:left; width:48.9%; }
.twocolumn .column2 { float:right; width:48.9%; }

.twocolumn .column1_sleeve { /* padding-right:6px; */ }
.twocolumn .column2_sleeve { padding-left:3px; }

/* Section 2 Styling */
.section_twocolumn { zoom:1; } /*:hack: for ie7+6 to enclose floats*/
.section_twocolumn:after {content:"."; visibility:hidden; height:0; display: block; clear: both; }
.section_column1 { float:left; width:626px; }
.section_column1 .column1_sleeve { padding-right:6px; }
.section_column2 { float:right; width:300px; padding-left:15px; }

/* Section 2 */
#section2 #leftcolumn { margin-left:0; }
#section2 #rightcolumn { display:none; }
#section2 #columns { padding-left:0; padding-right:0; width:980px; }
#section2 #content { width:804px; }
#section2 .section_column1 { width:473px; }

/* Section 4 */
#section4 .section_column1 { width:473px; }

#centrecolumn { float:left; padding-left:22px; width:132px; }
