/* http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html */
body { position: relative; padding: 0px; margin: 0px;}

h1 { padding: 15px 5px 0px 0px; background: #ace; margin: -9px -9px 0.5em; font: bold 25px sans-serif; vertical-align: middle; text-transform: lowercase; color: #024; white-space: nowrap; letter-spacing: 0.5em; height: 28px; text-align: right }

div#content { position: absolute; right: 25px; left: 161px; top: 26px; font: 13px Verdana, sans-serif; color: #eed; padding: 10px; border-color: #ffcc99;  border-style: solid;}

div#content p { margin: 0px 1em 1em }
div#content h3 { margin-bottom: 0.25em }

div#content a:link { color: white }
div#content a:visited { color: #bbc }
div#content a:hover { color: #ff0 }
div#content a:hover { color: #cc0 }

div#links { left: 0px; font: 16px Verdana, sans-serif; width: 160px; position: absolute; top: 52px; height: 700px }

div#links a {
	border-width: 0px; padding: 5px 5px 10px 10px; display: block; margin: 0px 0px 2px; font: bold 1em sans-serif; color: #ffc; text-align: center; text-decoration: none }
div#links a:hover { color: #411 }

dt { font-weight: bold }
dd { margin-bottom: 0.66em }

div#content { background: #468 }
.deco { float: right; margin: .5em 1em 3px 3px; position: relative; }
.deco1 { float: left; margin: .5em 1em 3px 3px; position: relative; }
.imp {background: #ebf5fc; color:black;}
div#content .imp  a:link { color: black}
div#content .imp a:visited { color: brown}
div#content .imp a:hover { color: red }