/* CSS Document */
/* Show only to IE PC \*/
* html .boxhead h4 {height: 1%;} 
/* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../images/boxbody-r.gif) no-repeat bottom right;
	font-size: 100%;}
.boxhead {
	background: url(../images/boxhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h4 {
	background: url(../images/boxhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 20px 30px 5x; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/boxbody-l.gif) no-repeat bottom left;
	margin: 0;
        padding: 5px 30px 31px;
}
.widthlessbox {
	margin: 0 3%; /* NO WIDTH! Opens up a world of possibilities! */
	background: url(../images/boxbody-r.gif) no-repeat bottom right;
        font-size: 100%;
}
/* This section for rounded red borders */
.t {background: url(../images/dot.gif) 0 0 repeat-x}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}