/* csie logo, sample usage:
<div class="csielogobanner">
    <div class="csielogo">
    <h1>csie.org</h1> <h2>since 2002</h2>
    <span>CSIE is Something Interesting and Excellent</span>
    </div>
</div>
*/
div.csielogobanner {
	background: #def; 
	padding: 0em 1em 0.5em 1em;
	border-bottom: 1px dashed black;
	padding-left: 6em;
}
div.csielogo {
    color: black; padding: 0; position: relative; 
    border: 1px solid gray; background: #f0f8ff;
    width: 328px; height: 73px; 
    margin: 1em 0 0 15px; 
    margin: 20px; margin-top: 2px;
    font-size: 10px !important; 
}
div.csielogo h1 {color: #9CC; 
    margin: 0; border-width: 0; position:
    absolute; top: -10px; left: -15px;
    font: bold italic 100px Times, serif !important;
}
div.csielogo h2 {
    color: #033; letter-spacing: 1px; margin: 0; 
    border-width: 0; position: absolute; top: 27px; left: 10px;
    font: bold 18px Arial, sans-serif !important;
}
div.csielogo span {color: #535; position: absolute;
    border: 1px solid gray; border-width: 1px 0 0 1px;
    bottom: 0; right: 0; margin: 0; padding: 2px 4px;
    font: italic 10px/10px Verdana, Arial, sans-serif !important;
}