/*
// -------------------------------------------------------------------------------------------
// This stylesheet is used to style the structure of the site.
// -------------------------------------------------------------------------------------------
*/

#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; }

#attachments #logo { float: none; margin-top: 10px; padding:0; border: solid #747474; border-width: 2px 0 1px; }

/* Main Columns */
/* Pad columns in to allow for left/right column */
#columns { position:relative; clear:both; width:482px; padding:0 331px 0 166px; margin:9px auto 20px; min-height: 0; }
#columns:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
#colwrapper { width:100%; }
#colmain { float:left; width:100%; }
#content { float:right; width:100%; }

/* Ensure that changes here are reflected in padding for #columns */
#leftcolumn { float:left; width:166px; margin-left:-166px; display: inline; }
#leftcolumn #leftcolumn_sleeve { margin-right:15px; }

.drop_rc #columns { width:814px; padding-right:0; }

#rightcolumn { float:right; width:331px; margin-right:-331px; }
#rightcolumn .twocolumn { min-height: 0; }
#rightcolumn .twocolumn:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
#rightcolumn .twocolumn .column1 { float:left; width:50%; }
#rightcolumn .twocolumn .column2 { float:right; }
#rightcolumn_sleeve { margin-left:15px; }

/* Form Styling - Adjustments required for larger/smaller sites and if left column is dropped */
.formbox .text { width:66.7%; }
.formbox select { width:68%; }
.formsmall, .formbox .formsmall { width:23%; }
.formmedium, .formbox .formmedium { width:46.5%; }
.formbox select.formsmall { width:24.3%; }
.formbox select.formmedium { width:48%; }
.formbox select.formlarge { width:68%; }

/* Basic Two Column Structure */
.twocolumn { padding:0; clear:both; min-height: 0; } /* for when section head contains no title but has RSS icon */
.twocolumn:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.twocolumn .column1 { float:left; width:48.9%; }
.twocolumn .column2 { float:right; width:48.9%; }
.section_column1 { float:left; width:482px; }
.section_column1 .column1_sleeve { padding-right:4px; }
.section_column2 { float:right; width:300px; }

/* Index */
#index #crumbtrail { background-color: #fff; margin-bottom: 0; border-bottom: 15px solid #fff; }
#index .section_column1 { width: 317px; }
#index .section_column2  { width: 151px; }
#index .section_column2 .style2 .column1 { width: 151px; }
#index .section_column2 .style2 .column2 { float: none; width: 151px; }

#index .section_column2 .colour2 .style2 .column1, #index .section_column2 .colour3 .style2 .column1 { width: 135px; }
#index .section_column2 .colour2 .style2 .column2, #index .section_column2 .colour3 .style2 .column2 { float: none; width: 135px; }

/* Section 2 Styling */
.section_twocolumn { min-height: 0; }
.section_twocolumn:after {content:"."; visibility:hidden; height:0; display: block; clear: both; }

/* Section 2 */
#section2 #leftcolumn { margin-left:0; }
#section2 #rightcolumn { display:none; }
#section2 #columns { padding-left:0; padding-right:0; width:980px; }
#section2 #content { width:812px; }
#section2 .section_column1 { width:482px; }
#section2 .section_column2 { width:316px; }
#section2 #search_ad_container { margin-left: 0; }
#section2 #crumbtrail { width: 100%; }

/* Section 4 */
#section4 .section_column1 { width:317px; }
#section4 .section_column2 { width:151px; }
#section4 .section_column2 .style2 .column1 { width: 151px; }
#section4 .section_column2 .style2 .column2 { float: none; width: 151px; }

#section4 .section_column2 .colour2 .style2 .column1, #section4 .section_column2 .colour3 .style2 .column1 { width: 135px; }
#section4 .section_column2 .colour2 .style2 .column2, #section4 .section_column2 .colour3 .style2 .column2 { float: none; width: 135px; }

/* Story */
#story #search_ad_container { float: none; margin-bottom: 0; }
#story #search_ad_container .search_ad_strip { margin-bottom: 0; }
#story .section_column1 { width:482px; overflow:hidden; }
#story .section_column2 { width:316px; margin-top: 15px; padding:0; background-color: #EBF3F4; }
#story #crumbtrail { width: 100%; }