.dscol-small {
    display: block;
    font-size: 0.8em;
    line-height: 1.5em;
}

.dspar-small {
    display: block;
    font-size: 0.8em;
    line-height: 1.5em;
}


.dscol-justify ,
.dspar-justify {
    display: block;
    text-align: justify;
}

.dspar-quote {
    display: block;
    padding: 0 20px 0 10px;
}



/* DsCol: textbox styles *************************   COLUMNS   *******************************************/

#inner .dscol-header-bg h1{
	background:url('../png/header-bg.png'); 
	margin-bottom: 5px;
	color:#FFFFFF;
	padding: 3px;
	padding-left: 14px;
	font-family:"Times New Roman", Times, serif;
	font-size: 12pt;
	min-height: 26px;
	
	}
#inner .dspar-header-bg  h1{
	background:url('../png/header-bg.png'); 
	margin-bottom: 5px;
	color:#FFFFFF;
	padding: 3px;
	padding-left: 14px;
	font-family:"Times New Roman", Times, serif;
	font-size: 12pt;
	min-height: 26px;;
}

#inner .dscol-center-header h1  {text-align: center;   margin-bottom: 5px;}
#inner .dscol-center-header h2  {text-align: center;   margin-bottom: 5px;}
#inner .dscol-center-header h3  {text-align: center;   margin-bottom: 5px;}
#inner .dscol-center-header h4  {text-align: center;   margin-bottom: 5px;}
#inner .dscol-center-header h5  {text-align: center;   margin-bottom: 5px;}
#inner .dscol-center-header h6  {text-align: center;   margin-bottom: 5px;}
#inner .dscol-redhead h1        {color:#FF0000; font-size:26px;}
#inner .dscol-justify		    {text-align: justify; }
#inner .dscol-right-align	    {text-align: right; }
#inner .dscol-center		    {text-align: center; }


#inner .dscol-greybox h1 {
	color:#333333;
	font-size:18px;
}

#inner .dscol-mvback {
	background-color:#F1E3F9;
}


/********************************************************************************************************/        
.dscol-solid-dk-grey-box > div.dialogCol .content, .dscol-solid-dk-grey-box > div.dialogCol .t, div.dscol-solid-dk-grey-box .dialogCol .b, .dscol-solid-dk-grey-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/solid-dk-grey-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-solid-dk-grey-box > div.dialogCol { color:#fff; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-solid-dk-grey-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dscol-solid-dk-grey-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-solid-dk-grey-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-solid-dk-grey-box > div.dialogCol .b,
.dscol-solid-dk-grey-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-solid-dk-grey-box > div.dialogCol .b {background-position:bottom right; }
.dscol-solid-dk-grey-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-solid-dk-grey-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-solid-dk-grey-box > div.dialogCol h1,
.dscol-solid-dk-grey-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dscol-solid-green-box > div.dialogCol .content, .dscol-solid-green-box > div.dialogCol .t, div.dscol-solid-green-box .dialogCol .b, .dscol-solid-green-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/solid-green-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-solid-green-box > div.dialogCol { color:#fff; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-solid-green-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dscol-solid-green-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-solid-green-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-solid-green-box > div.dialogCol .b,
.dscol-solid-green-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-solid-green-box > div.dialogCol .b {background-position:bottom right; }
.dscol-solid-green-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-solid-green-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-solid-green-box > div.dialogCol h1,
.dscol-solid-green-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dscol-solid-lt-grey-box > div.dialogCol .content, .dscol-solid-lt-grey-box > div.dialogCol .t, div.dscol-solid-lt-grey-box .dialogCol .b, .dscol-solid-lt-grey-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/solid-lt-grey-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-solid-lt-grey-box > div.dialogCol { color:#444; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-solid-lt-grey-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dscol-solid-lt-grey-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-solid-lt-grey-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-solid-lt-grey-box > div.dialogCol .b,
.dscol-solid-lt-grey-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-solid-lt-grey-box > div.dialogCol .b {background-position:bottom right; }
.dscol-solid-lt-grey-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-solid-lt-grey-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-solid-lt-grey-box > div.dialogCol h1,
.dscol-solid-lt-grey-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dscol-solid-purple-box > div.dialogCol .content, .dscol-solid-purple-box > div.dialogCol .t, div.dscol-solid-purple-box .dialogCol .b, .dscol-solid-purple-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/solid-purple-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-solid-purple-box > div.dialogCol { color:#fff; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-solid-purple-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dscol-solid-purple-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-solid-purple-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-solid-purple-box > div.dialogCol .b,
.dscol-solid-purple-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-solid-purple-box > div.dialogCol .b {background-position:bottom right; }
.dscol-solid-purple-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-solid-purple-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-solid-purple-box > div.dialogCol h1,
.dscol-solid-purple-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dscol-solid-red-box > div.dialogCol .content, .dscol-solid-red-box > div.dialogCol .t, div.dscol-solid-red-box .dialogCol .b, .dscol-solid-red-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/solid-red-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-solid-red-box > div.dialogCol { color:#fff; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-solid-red-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dscol-solid-red-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-solid-red-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-solid-red-box > div.dialogCol .b,
.dscol-solid-red-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-solid-red-box > div.dialogCol .b {background-position:bottom right; }
.dscol-solid-red-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-solid-red-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-solid-red-box > div.dialogCol h1,
.dscol-solid-red-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dscol-solid-teal-box > div.dialogCol .content, .dscol-solid-teal-box > div.dialogCol .t, div.dscol-solid-teal-box .dialogCol .b, .dscol-solid-teal-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/solid-teal-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-solid-teal-box > div.dialogCol { color:#fff; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-solid-teal-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dscol-solid-teal-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-solid-teal-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-solid-teal-box > div.dialogCol .b,
.dscol-solid-teal-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-solid-teal-box > div.dialogCol .b {background-position:bottom right; }
.dscol-solid-teal-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-solid-teal-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-solid-teal-box > div.dialogCol h1,
.dscol-solid-teal-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dscol-trans-dk-blue-box > div.dialogCol .content, .dscol-trans-dk-blue-box > div.dialogCol .t, div.dscol-trans-dk-blue-box .dialogCol .b, .dscol-trans-dk-blue-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/trans-dk-blue-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-trans-dk-blue-box > div.dialogCol { color:#fff; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-trans-dk-blue-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dscol-trans-dk-blue-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-trans-dk-blue-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-trans-dk-blue-box > div.dialogCol .b,
.dscol-trans-dk-blue-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-trans-dk-blue-box > div.dialogCol .b {background-position:bottom right; }
.dscol-trans-dk-blue-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-trans-dk-blue-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-trans-dk-blue-box > div.dialogCol h1,
.dscol-trans-dk-blue-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dscol-trans-dk-grey-box > div.dialogCol .content, .dscol-trans-dk-grey-box > div.dialogCol .t, div.dscol-trans-dk-grey-box .dialogCol .b, .dscol-trans-dk-grey-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/trans-dk-grey-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-trans-dk-grey-box > div.dialogCol { color:#ddd; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-trans-dk-grey-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dscol-trans-dk-grey-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-trans-dk-grey-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-trans-dk-grey-box > div.dialogCol .b,
.dscol-trans-dk-grey-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-trans-dk-grey-box > div.dialogCol .b {background-position:bottom right; }
.dscol-trans-dk-grey-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-trans-dk-grey-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-trans-dk-grey-box > div.dialogCol h1,
.dscol-trans-dk-grey-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}
.dscol-trans-dk-grey-box > div.dialogCol .largefirst:first-letter {color:#ddd;}

/********************************************************************************************************/        
.dscol-trans-green-box > div.dialogCol .content, .dscol-trans-green-box > div.dialogCol .t, div.dscol-trans-green-box .dialogCol .b, .dscol-trans-green-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/trans-green-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-trans-green-box > div.dialogCol { color:#444; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-trans-green-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dscol-trans-green-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-trans-green-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-trans-green-box > div.dialogCol .b,
.dscol-trans-green-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-trans-green-box > div.dialogCol .b {background-position:bottom right; }
.dscol-trans-green-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-trans-green-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-trans-green-box > div.dialogCol h1,
.dscol-trans-green-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dscol-trans-lt-grey-box > div.dialogCol .content, .dscol-trans-lt-grey-box > div.dialogCol .t, div.dscol-trans-lt-grey-box .dialogCol .b, .dscol-trans-lt-grey-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/trans-lt-grey-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-trans-lt-grey-box > div.dialogCol { color:#444; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-trans-lt-grey-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dscol-trans-lt-grey-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-trans-lt-grey-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-trans-lt-grey-box > div.dialogCol .b,
.dscol-trans-lt-grey-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-trans-lt-grey-box > div.dialogCol .b {background-position:bottom right; }
.dscol-trans-lt-grey-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-trans-lt-grey-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-trans-lt-grey-box > div.dialogCol h1,
.dscol-trans-lt-grey-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dscol-trans-purple-box > div.dialogCol .content, .dscol-trans-purple-box > div.dialogCol .t, div.dscol-trans-purple-box .dialogCol .b, .dscol-trans-purple-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/trans-purple-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-trans-purple-box > div.dialogCol { color:#444; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-trans-purple-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dscol-trans-purple-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-trans-purple-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-trans-purple-box > div.dialogCol .b,
.dscol-trans-purple-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-trans-purple-box > div.dialogCol .b {background-position:bottom right; }
.dscol-trans-purple-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-trans-purple-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-trans-purple-box > div.dialogCol h1,
.dscol-trans-purple-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dscol-trans-red-box > div.dialogCol .content, .dscol-trans-red-box > div.dialogCol .t, div.dscol-trans-red-box .dialogCol .b, .dscol-trans-red-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/trans-red-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-trans-red-box > div.dialogCol { color:#444; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-trans-red-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dscol-trans-red-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-trans-red-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-trans-red-box > div.dialogCol .b,
.dscol-trans-red-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-trans-red-box > div.dialogCol .b {background-position:bottom right; }
.dscol-trans-red-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-trans-red-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-trans-red-box > div.dialogCol h1,
.dscol-trans-red-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dscol-trans-teal-box > div.dialogCol .content, .dscol-trans-teal-box > div.dialogCol .t, div.dscol-trans-teal-box .dialogCol .b, .dscol-trans-teal-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/trans-teal-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-trans-teal-box > div.dialogCol { color:#444; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-trans-teal-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dscol-trans-teal-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-trans-teal-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-trans-teal-box > div.dialogCol .b,
.dscol-trans-teal-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-trans-teal-box > div.dialogCol .b {background-position:bottom right; }
.dscol-trans-teal-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-trans-teal-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-trans-teal-box > div.dialogCol h1,
.dscol-trans-teal-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dscol-post-it-box > div.dialogCol .content, .dscol-post-it-box > div.dialogCol .t, div.dscol-post-it-box .dialogCol .b, .dscol-post-it-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/post-it-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-post-it-box > div.dialogCol { color:#777; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-post-it-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:20px 20px 20px 20px;}
.dscol-post-it-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-post-it-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-post-it-box > div.dialogCol .b,
.dscol-post-it-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-post-it-box > div.dialogCol .b {background-position:bottom right; }
.dscol-post-it-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-post-it-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-post-it-box > div.dialogCol h1,
.dscol-post-it-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dscol-perl-box > div.dialogCol .content, .dscol-perl-box > div.dialogCol .t, div.dscol-perl-box .dialogCol .b, .dscol-perl-box > div.dialogCol .b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/perl-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dscol-perl-box > div.dialogCol { color:#666; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dscol-perl-box > div.dialogCol .content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dscol-perl-box > div.dialogCol .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dscol-perl-box > div.dialogCol .b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dscol-perl-box > div.dialogCol .b,
.dscol-perl-box > div.dialogCol .b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dscol-perl-box > div.dialogCol .b {background-position:bottom right; }
.dscol-perl-box > div.dialogCol .b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dscol-perl-box > div.dialogCol .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dscol-perl-box > div.dialogCol h1,
.dscol-perl-box > div.dialogCol p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}






/************************************************************************************************************/        
/* DSPAR: paragraph styles *****************       PARAGRAPHS !      ******************************************/
/************************************************************************************************************/        

#inner .chunk .dspar-justify		{text-align: justify; }
#inner .chunk .dspar-center		{display:block; text-align: center;}
#inner .chunk .dspar-right-align	{text-align: right; } 


/********************************************************************************************************/        
.dspar-solid-dk-grey-box > div.dialogPara #content, .dspar-solid-dk-grey-box > div.dialogPara #t, div.dspar-solid-dk-grey-box .dialogPara #b, .dspar-solid-dk-grey-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/solid-dk-grey-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-solid-dk-grey-box > div.dialogPara { color:#fff; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-solid-dk-grey-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dspar-solid-dk-grey-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-solid-dk-grey-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-solid-dk-grey-box > div.dialogPara #b,
.dspar-solid-dk-grey-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-solid-dk-grey-box > div.dialogPara #b {background-position:bottom right; }
.dspar-solid-dk-grey-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-solid-dk-grey-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-solid-dk-grey-box > div.dialogPara h1,
.dspar-solid-dk-grey-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dspar-solid-green-box > div.dialogPara #content, .dspar-solid-green-box > div.dialogPara #t, div.dspar-solid-green-box .dialogPara #b, .dspar-solid-green-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/solid-green-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-solid-green-box > div.dialogPara { color:#fff; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-solid-green-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dspar-solid-green-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-solid-green-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-solid-green-box > div.dialogPara #b,
.dspar-solid-green-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-solid-green-box > div.dialogPara #b {background-position:bottom right; }
.dspar-solid-green-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-solid-green-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-solid-green-box > div.dialogPara h1,
.dspar-solid-green-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dspar-solid-lt-grey-box > div.dialogPara #content, .dspar-solid-lt-grey-box > div.dialogPara #t, div.dspar-solid-lt-grey-box .dialogPara #b, .dspar-solid-lt-grey-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/solid-lt-grey-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-solid-lt-grey-box > div.dialogPara { color:#444; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-solid-lt-grey-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dspar-solid-lt-grey-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-solid-lt-grey-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-solid-lt-grey-box > div.dialogPara #b,
.dspar-solid-lt-grey-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-solid-lt-grey-box > div.dialogPara #b {background-position:bottom right; }
.dspar-solid-lt-grey-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-solid-lt-grey-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-solid-lt-grey-box > div.dialogPara h1,
.dspar-solid-lt-grey-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dspar-solid-purple-box > div.dialogPara #content, .dspar-solid-purple-box > div.dialogPara #t, div.dspar-solid-purple-box .dialogPara #b, .dspar-solid-purple-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/solid-purple-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-solid-purple-box > div.dialogPara { color:#fff; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-solid-purple-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dspar-solid-purple-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-solid-purple-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-solid-purple-box > div.dialogPara #b,
.dspar-solid-purple-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-solid-purple-box > div.dialogPara #b {background-position:bottom right; }
.dspar-solid-purple-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-solid-purple-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-solid-purple-box > div.dialogPara h1,
.dspar-solid-purple-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dspar-solid-red-box > div.dialogPara #content, .dspar-solid-red-box > div.dialogPara #t, div.dspar-solid-red-box .dialogPara #b, .dspar-solid-red-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/solid-red-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-solid-red-box > div.dialogPara { color:#fff; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-solid-red-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dspar-solid-red-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-solid-red-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-solid-red-box > div.dialogPara #b,
.dspar-solid-red-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-solid-red-box > div.dialogPara #b {background-position:bottom right; }
.dspar-solid-red-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-solid-red-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-solid-red-box > div.dialogPara h1,
.dspar-solid-red-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dspar-solid-teal-box > div.dialogPara #content, .dspar-solid-teal-box > div.dialogPara #t, div.dspar-solid-teal-box .dialogPara #b, .dspar-solid-teal-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/solid-teal-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-solid-teal-box > div.dialogPara { color:#fff; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-solid-teal-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dspar-solid-teal-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-solid-teal-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-solid-teal-box > div.dialogPara #b,
.dspar-solid-teal-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-solid-teal-box > div.dialogPara #b {background-position:bottom right; }
.dspar-solid-teal-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-solid-teal-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-solid-teal-box > div.dialogPara h1,
.dspar-solid-teal-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dspar-trans-dk-blue-box > div.dialogPara #content, .dspar-trans-dk-blue-box > div.dialogPara #t, div.dspar-trans-dk-blue-box .dialogPara #b, .dspar-trans-dk-blue-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/trans-dk-blue-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-trans-dk-blue-box > div.dialogPara { color:#fff; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-trans-dk-blue-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dspar-trans-dk-blue-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-trans-dk-blue-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-trans-dk-blue-box > div.dialogPara #b,
.dspar-trans-dk-blue-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-trans-dk-blue-box > div.dialogPara #b {background-position:bottom right; }
.dspar-trans-dk-blue-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-trans-dk-blue-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-trans-dk-blue-box > div.dialogPara h1,
.dspar-trans-dk-blue-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dspar-trans-dk-grey-box > div.dialogPara #content, .dspar-trans-dk-grey-box > div.dialogPara #t, div.dspar-trans-dk-grey-box .dialogPara #b, .dspar-trans-dk-grey-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/trans-dk-grey-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-trans-dk-grey-box > div.dialogPara { color:#222; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-trans-dk-grey-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dspar-trans-dk-grey-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-trans-dk-grey-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-trans-dk-grey-box > div.dialogPara #b,
.dspar-trans-dk-grey-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-trans-dk-grey-box > div.dialogPara #b {background-position:bottom right; }
.dspar-trans-dk-grey-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-trans-dk-grey-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-trans-dk-grey-box > div.dialogPara h1,
.dspar-trans-dk-grey-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dspar-trans-green-box > div.dialogPara #content, .dspar-trans-green-box > div.dialogPara #t, div.dspar-trans-green-box .dialogPara #b, .dspar-trans-green-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/trans-green-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-trans-green-box > div.dialogPara { color:#444; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-trans-green-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dspar-trans-green-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-trans-green-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-trans-green-box > div.dialogPara #b,
.dspar-trans-green-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-trans-green-box > div.dialogPara #b {background-position:bottom right; }
.dspar-trans-green-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-trans-green-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-trans-green-box > div.dialogPara h1,
.dspar-trans-green-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dspar-trans-lt-grey-box > div.dialogPara #content, .dspar-trans-lt-grey-box > div.dialogPara #t, div.dspar-trans-lt-grey-box .dialogPara #b, .dspar-trans-lt-grey-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/trans-lt-grey-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-trans-lt-grey-box > div.dialogPara { color:#444; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-trans-lt-grey-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dspar-trans-lt-grey-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-trans-lt-grey-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-trans-lt-grey-box > div.dialogPara #b,
.dspar-trans-lt-grey-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-trans-lt-grey-box > div.dialogPara #b {background-position:bottom right; }
.dspar-trans-lt-grey-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-trans-lt-grey-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-trans-lt-grey-box > div.dialogPara h1,
.dspar-trans-lt-grey-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dspar-trans-purple-box > div.dialogPara #content, .dspar-trans-purple-box > div.dialogPara #t, div.dspar-trans-purple-box .dialogPara #b, .dspar-trans-purple-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/trans-purple-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-trans-purple-box > div.dialogPara { color:#444; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-trans-purple-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dspar-trans-purple-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-trans-purple-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-trans-purple-box > div.dialogPara #b,
.dspar-trans-purple-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-trans-purple-box > div.dialogPara #b {background-position:bottom right; }
.dspar-trans-purple-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-trans-purple-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-trans-purple-box > div.dialogPara h1,
.dspar-trans-purple-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dspar-trans-red-box > div.dialogPara #content, .dspar-trans-red-box > div.dialogPara #t, div.dspar-trans-red-box .dialogPara #b, .dspar-trans-red-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/trans-red-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-trans-red-box > div.dialogPara { color:#444; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-trans-red-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dspar-trans-red-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-trans-red-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-trans-red-box > div.dialogPara #b,
.dspar-trans-red-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-trans-red-box > div.dialogPara #b {background-position:bottom right; }
.dspar-trans-red-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-trans-red-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-trans-red-box > div.dialogPara h1,
.dspar-trans-red-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dspar-trans-teal-box > div.dialogPara #content, .dspar-trans-teal-box > div.dialogPara #t, div.dspar-trans-teal-box .dialogPara #b, .dspar-trans-teal-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/trans-teal-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-trans-teal-box > div.dialogPara { color:#444; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-trans-teal-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dspar-trans-teal-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-trans-teal-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-trans-teal-box > div.dialogPara #b,
.dspar-trans-teal-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-trans-teal-box > div.dialogPara #b {background-position:bottom right; }
.dspar-trans-teal-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-trans-teal-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-trans-teal-box > div.dialogPara h1,
.dspar-trans-teal-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dspar-post-it-box > div.dialogPara #content, .dspar-post-it-box > div.dialogPara #t, div.dspar-post-it-box .dialogPara #b, .dspar-post-it-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/post-it-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-post-it-box > div.dialogPara { color:#777; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-post-it-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding: 20px;}
.dspar-post-it-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-post-it-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-post-it-box > div.dialogPara #b,
.dspar-post-it-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-post-it-box > div.dialogPara #b {background-position:bottom right; }
.dspar-post-it-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-post-it-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-post-it-box > div.dialogPara h1,
.dspar-post-it-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}


/********************************************************************************************************/        
.dspar-perl-box > div.dialogPara #content, .dspar-perl-box > div.dialogPara #t, div.dspar-perl-box .dialogPara #b, .dspar-perl-box > div.dialogPara #b div {
 background:transparent url(/Bongo/assets/dstyles/CornerBoxes/perl-box.png) no-repeat top right;
 /*_background-image:url(/Bongo/assets/dstyles/CornerBoxes//XXX.gif); ONLY NEEDED FOR IE6 Transparency fix! !!! */
}
.dspar-perl-box > div.dialogPara { color:#666; position:relative; margin:0px auto !important; min-width:8em; max-width:1200; /* based on image dimensions - not quite consistent with drip styles yet */ margin-left:12px !important; /* default, width of left corner */ margin-bottom:0px !important; /* spacing under dialog */}
.dspar-perl-box > div.dialogPara #content { position:relative; zoom:1; _overflow-y:hidden; padding:12px 16px 0px 0px;}
.dspar-perl-box > div.dialogPara #t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px !important; /* top slice width */ margin-left:-12px !important; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left;}
.dspar-perl-box > div.dialogPara #b { /* bottom */ margin-left:0px !important; position:relative; width:100%;}
.dspar-perl-box > div.dialogPara #b,
.dspar-perl-box > div.dialogPara #b div {height:30px; /* height of bottom cap/shade */ font-size:1px;}
.dspar-perl-box > div.dialogPara #b {background-position:bottom right; }
.dspar-perl-box > div.dialogPara #b div { position:relative; width:12px !important; /* bottom corner width */ margin-left:-12px !important; background-position:bottom left;}
.dspar-perl-box > div.dialogPara #.wrapper {/* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:visible; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dspar-perl-box > div.dialogPara h1,
.dspar-perl-box > div.dialogPara p { margin:0px !important; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px;}