/* ====================================================================
box layout
-------------------------------------------------------------------- */
.columns-float
    {
    float : left;
    width : 85%;
/* testing */
	margin-left: auto;
	margin-right: auto;
    }
/* the relative positioning is required by IEs 5 + 6 (PC) - NN4 crashes if it sees them while other browsers don't seem to mind - hence the Caio hack */
.column-one
    {
	width : 75%;
	float : right;
    }
.column-two
    {
    width : 25%;
    float : left;
    }
.column-three
    {
    width : 15%;
    float : right;
    }
	
/* ====================================================================
box-clear requires all sorts of hackery because of the way the
different browsers cope with clearing floats
see [#]
-------------------------------------------------------------------- */
.box-clear { clear: both; line-height: 0px; font-size: 1px; }
/* IE5 (mac) dealt with, now reset font-size for Geckos,
turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC)
see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml] */
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* Turn off for Opera 6 and below */
html>body div.box-clear { display: none; }
/* And turn it back on again for good honest browsers
see [http://www.albin.net/CSS/OwenHack.html] */
head:first-child+body div.box-clear { display: block; }
/* ====================================================================
nn4clear is as its name suggests, only required for NN4 compatibility
If you don't need that you can remove both this rule and the
relevant div from the html
-------------------------------------------------------------------- */
.nn4clear { clear: both; line-height: 0px; font-size: 1px; }
.nn4clear { display: none; } 

/* box styling */
.box-wrap {
    padding : 0px;
	border : solid #000000 2px;
	background : #FFFFFF;
	color: #000000;
    }
.box-header {
    margin: 0px;
    padding: 6px;
    border-bottom: 1px solid #000000;
	background: #6699CC;
	color: #000000;
    }
.box-footer {
	clear : both;
	margin : 0px;
	padding : 5px;
	border-top : 1px solid #000000;
	background : #999999;
	color: #FFFFFF;
    }
.column-one-content {
	margin : 5px;
	padding : 0px;
	border : none;
	background : #FFFFFF;
	color : #000000;
	vertical-align: top;
    }
.column-two-content {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	border: none;
	background: #FFFFFF;
	color: #000000;
	height: auto;
	vertical-align : top;
    }
.column-three-content {
	margin-top : 10px;
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 5px;
    padding : 5px;
	color: #000000;
	background: #DADADA;
	border: 2px dashed #666666;
	text-align: center;
	vertical-align: top;
    }

.column-three-iweek {
	margin-top : 10px;
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 5px;
    padding : 5px;
	background: #FFFFFF;
	vertical-align: top;
	height: auto;
	display: block;
    }

.column_padding_after {
    height: 5px;
    font-size: 1px;
    line-height: 0px;
	height: 0; 
	clear: both; 
	visibility: hidden;
    }
/* CSS HACK: position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4. */
/* NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/* removed h3 */
.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2 {
	position: relative;
	}
/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* CSS top menu rollover */
.linkstop {
    font-size: 10px;
    font-family: Arial, Verdana, sans-serif, Helvetica;
	}
.linkstop a {
    display: block;
    width: auto; /* fixes width inconsistencies between NS and IE */
	border: 1px solid #6699CC;
    border-right-width: 0px; /* eliminate 2px borders */
    color: #000000;
    padding: 0px;
    text-decoration: none;
    font-weight: bold;
    background-color: #6699CC;
	}
.linkstop a:hover {
    background-color: transparent;
    color: #FFFFFF;
	border: 1px solid #6699CC;
	}
/* CSS rollover for bottom links */
.linksbottom {
    font-size: 10px;
    font-family: Arial, Verdana, sans-serif, Helvetica;
	}
.linksbottom a {
    display: block;
    width: auto; /* fixes width inconsistencies between NS and IE */
	border: 1px solid #999999;
    border-right-width: 0px; /* eliminate 2px borders */
    color: #000000;
    padding: 2px;
    text-decoration: none;
    font-weight: bold;
    background-color: #999999;
	}
.linksbottom a:hover {
    background-color: transparent;
    color: #FFFFFF;
	border: 1px solid #FFFFFF;
	}
/* CSS menu rollovers */
.linksmenu {
	margin-left: 0px;
	padding: 3px;
    font-size: 10px;
    font-family: Arial, Verdana, sans-serif, Helvetica;
    font-weight: bold;
	}
.linksmenu a {
    display:block;
    width:auto; /* fixes width inconsistencies between NS and IE */
	border: 1px solid #FFFFFF;
    border-right-width: 0px; /* eliminate 2px borders */
    color: #666666;
    text-decoration: none;
	text-indent: 15px;
    background-color: #FFFFFF;
	}
.linksmenu a:hover {
    background-color: #CCCCCC;
    color: #000000;
/*	border-top: 1px solid #000000;*/
/*	border-bottom: 1px solid #000000; */
	}