div#PIG_Title {
		width:100%; 
		background-color:#333333;
		color:white;
		text-align : center;
		padding : 2pt;
		margin : 0 0 10pt 0;
		border-bottom : 1px solid #cccccc;
}

div.PIG_Category {
	padding : 0pt 10pt 0pt 10pt;
}

div.PIG_Category dt {
	padding : 5pt;
	border-bottom : 1px solid #cccccc;
	font-size : 1.2em;
	font-weight : bold;
	margin-bottom : 10pt;
	column-count : 3;
	column-width : 50px;
}

div.PIG_Category dd {
	padding : 5pt;
}


/*************************** ROUND-CORNER BOXES ***********************/
div.box {
	width : 50%;
	margin : auto;
	background-color : #202020;
	color : #cccccc;
}
div.box h1, div.box h2 {
	color : #cccccc;
}
div.box td {
	background-color : #202020;
	color : #cccccc;
}
div.box a:link {
	color : #ffffff;
}
div.box a:visited {
	color : #ffffff;
}
div.box a:hover {
	color : #cc0000;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	clear: both;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}
span.corners-top {
	background-image: url("corners_left.gif");
}

span.corners-top span {
	background-image: url("corners_right.gif");
}

span.corners-bottom {
	background-image: url("corners_left.gif");
}

span.corners-bottom span {
	background-image: url("corners_right.gif");
}

* html span.corners-top, * html span.corners-bottom { background-image: url("corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("corners_right.gif"); }