/* begin Box, Sheet */
.art-Sheet-tl
{
	clip: rect(auto 21px 21px auto);
	border-color: pink;
filter: chroma(color=pink);

}

.art-Sheet-tr
{
	clip: rect(auto auto 21px 21px);
	border-color: pink;
filter: chroma(color=pink);

}

.art-Sheet-bl
{
	clip: rect(21px 21px auto auto);
	border-color: pink;
filter: chroma(color=pink);

}

.art-Sheet-br
{
	clip: rect(21px auto auto 21px);
	border-color: pink;
filter: chroma(color=pink);

}

.art-Sheet-tc
{
	clip: rect(auto auto 21px auto);
	border-color: pink;
filter: chroma(color=pink);

}

.art-Sheet-bc
{
	clip: rect(21px auto auto auto);
	border-color: pink;
filter: chroma(color=pink);

}

.art-Sheet-cr
{
	clip: rect(auto auto auto 21px);
	border-color: pink;
filter: chroma(color=pink);

}

.art-Sheet-cl
{
	clip: rect(auto 21px auto auto);
	border-color: pink;
filter: chroma(color=pink);

}

.art-Sheet-body
{
	zoom: 1;
}
/* end Box, Sheet */

/* begin Menu */
.art-nav .r
{
	clip: rect(auto auto auto 867px);
}
/* end Menu */

/* begin MenuItem */
.art-menu a .r
{
	clip: rect(auto auto auto 406px);
}
/* end MenuItem */

/* begin Box, Block */

.art-Block-body
{
	zoom: 1;
}
/* end Box, Block */

/* begin Box, BlockContent */

.art-BlockContent-body
{
	zoom: 1;
}
/* end Box, BlockContent */

/* begin Box, Post */

.art-Post-body
{
	zoom: 1;
}
/* end Box, Post */

/* begin PostContent */
.art-PostContent
{
	height:1%;
}
/* end PostContent */

/* begin Button */
.art-button-wrapper .r
{
	clip: rect(auto auto auto 399px);
}
/* end Button */

/* start six pillars image hover map */
#map {
    margin:0;
    padding:0;
    width:480px;
    height:355px;
    background:url(images/pillars_480.png) top left no-repeat #fff;
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
	}


#map ul li{
    margin:0;
    padding:0;
    list-style:none;
	list-style-type:none;
}
#map li a {
	position:absolute;
	display:block;
	/*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(blank.gif);
	
}

#map li a span { display:none;list-style-type: none; list-style: none;}

#map li a:hover span {
    position:relative;
    display:block;
    width:200px;
    left:20px;
    top:50px;
    padding:10px;
    border:0px solid #000;
    text-decoration:none;
    color:#fff;
	background-image:url(images/gold_bg.png);
	background-repeat:repeat;
    
}


#map a.faith {
	top:420px;
	left:30px;
	width:210px;
	height:70px;
}
       
#map a.patience {
	top:463px;
	left:251px;
	width:210px;
	height:55px;
}
       
#map a.discipline {
	top:505px;
	left:130px;
	width:150px;
	height:55px;
}
       
#map a.asset {
	top:520px;
	left:330px;
	width:175px;
	height:55px;
}
       
#map a.diversification {
	top:585px;
	left:215px;
	width:150px;
	height:80px;
}
#map a.rebalance {
	top:660px;
	left:385px;
	width:170px;
	height:55px;
}
/* end six pillars image hover map */

/* start four steps image hover map */
#map_4steps a.understanding {
	top:220px;
	left:160px;
	width:250px;
	height:80px;
}
       
#map_4steps a.designing {
	top:310px;
	left:275px;
	width:250px;
	height:80px;
}
       
#map_4steps a.implementing {
	top:390px;
	left:160px;
	width:250px;
	height:80px;
}
       
#map_4steps a.monitoring {
	top:310px;
	left:0px;
	width:250px;
	height:80px;
}      
/* end 4 step process image hover map */