/* Perspectives and Labour and Income styles */
/*
Contents
1.	Boxes
2.	Floats
3.	Lists
4.	Margins, padding, line-height and related
5.	Display
6.  Two-column  and three-column page layout
*/

/* ***** 1. Boxes ***** */

.box01,
.box01warn01
{
/*background:#f6f6f6;*/
border:1px solid #bbb;
margin:0 0 1em 0;
padding:0 0 0.25em 0;
}

.box01 dl,
.box01 h2,
.box01 h3,
.box01 h4,
.box01 h5,
.box01 h6,
.box01 img,
.box01 ol,
.box01 p,
.box01 table,
.box01 ul,
.box01warn01 dl,
.box01warn01 h2,
.box01warn01 h3,
.box01warn01 h4,
.box01warn01 h5,
.box01warn01 h6,
.box01warn01 img,
.box01warn01 ol,
.box01warn01 p,
.box01warn01 table,
.box01warn01 ul
{padding:0 1em;}


.box01 ol li,
.box01 ul li,
.box01warn01 ol li,
.box01warn01 ul li
{margin:0 0 0 1.5em;}

.box01 .boxhd,
.box01warn01 .boxhd
{
/*background:#d6dde4;*/
color:#444;
line-height:1.5em;
margin:0 0 0.75em 0;
padding:0.25em 1em;
}
.box01.nobox
{background:transparent;}

.box01.nobox,
.box01.nobox *,
.box01.nobox img
{
border:none;
padding:0;
}
/* Mod IE06-02010 */

.box01.nobox *.boxhd
{
background:transparent;
color:#000;
margin-bottom:0.25em;
}

.box01warn01
{
background:#fd6;
border:1px solid #bbb;
margin:0 0 1em 0;
padding:0.75em 0;
}

.box01warn01 .boxhd
{
background:#fc3;
border-bottom:1px solid #fff;
color:#444;
margin:0 0 0.75em 0;
}


/* ***** 2. Floats ***** */

div.floatcontainer:after
{
content:".";
display:block;
height:0;
visibility:hidden;
}
/* Mod IE06-02020 */

.floatlf
{
float:left;
margin:0 1em 1em 0;
vertical-align:top;
}

.floatrt
{
float:right;
margin:0 0 1em 1em;
vertical-align:top;
}

.floatlf
{clear:left;}
.floatrt
{clear:right;}

/* Mod IE5mac-02010 */
/* Mod IE06-02030  */
/* Mod IE5mac-02020 */

.clearbo
{clear:both;}
.clearlf
{clear:left;}
.clearrt
{clear:right;}

.clearbo,
.clearlf,
.clearrt
{
float:none;
font-size:0;
height:1%;
margin:0;
padding:0;
}
/* Mod IE06-02040 */

/* ***** 3. Lists ***** */

/*Firefox exception*/
ol
{
margin:0.13em 1em 1.5em 1.5em;
padding-left:2em;
}

ol li
{
list-style-type:decimal;
margin:0.5em 0;
}

div#gcwu-bc-in ol li
{
list-style-type:none;

}

/*End Firefox exception*/

ol.styleul li
{list-style-type:square;}

ol.nobull li
{list-style-type:none;}

ol.menu20 li
{margin:0.25em 0;}
ol.menu20 li a
{padding:0;}


/* 4. Margins, padding, line-height and related */

.mg0
{margin:0 !important;}

.mgtp0
{margin-top:0 !important;}

.mgbt0
{margin-bottom:0 !important;}


/* 5. Display */

.hidedis
{display:none;}

.hideoff,
.hidedis .hideoff,
.hideoff .hidedis
{
display:inline !important;
left:-3400px !important;
position:absolute !important;
}


/* Blue backgrond on box for RH MENU*/
.box01 .boxhd
{
background:rgb(204,225,252);
color:#444;
font-size:120%;
padding:0.25em 0.5em;
}


/* 6. Two-column and three-column page layout */
#colbx 	{padding: 0 0 0 0;	margin: 0 0 -1em -3.1em; width: 105%;}

/* Index page only */
div.col	{float: left; margin: 4px 4px 0 0; width: 60%;}
div.col02	{float: right; margin: 4px 4px 0 0;}
div.col01 	{float: left; margin: 4px 10px 0 0; width: 10%;}

/* Topics of interest page */
#colbx02 {padding: 0;	margin: 0 0 4px 0; width: 100%; min-width: 460px; max-width: 780px;}
div.colb {float: left; margin: 4px 4px 0 0; width: 49%;}

div.break	{clear: both; margin: -18px 0 0 0; padding: 0; height: 1px; display: block;}

/* 7. 2-column list (each list has a width of 48%) */
#colbx2 {
	padding: 0; 
	margin: 0 0 4px 0;
	width: 100%;
	min-width: 460px;
	max-width: 780px;
}

div.col {
	float: left; 
	margin: 4px 10px 0 0; 
	width: 45%;
}

/* 8. title width 70% */
.fix {
	width: 70%;
	
}