/* CSS Document Drawings*/
* { border: none; margin: 0; padding: 0; }
body { width: 980px; margin: 0 auto; }
p { font: bold 14px 'Courier new', Courier, mono; color: #000; }
#cont { background: #CC99CC url(draw/menubg.gif) repeat-y right; margin: 10px 0 0 0; }
#picwrap{ width: 100%; background: #C9C url(draw/menubg.gif) repeat-y right; float: left; margin: 8px -180px 8px 0; }
#menu { float: right; width: 166px;  background: #FFF url(../images/logomini.gif) no-repeat; margin: 0 7px; padding: 108px 0 8px; font: bold 12px Arial, Helvetica, sans-serif;  text-align: center; color: #C36; }
#menu img {margin: 2px; padding: 2px;}
#menu > p:first-child {border-bottom: 1px solid #c36; width: 84%; margin: 0 auto 4px;}
a:hover {color: #C36;} /* It breaks without this :p */
a img { border: 1px solid #FFF; }
a:hover img { border: 1px dashed #C36; }

#foot { background: #C9C; height: 8px; }
#sketch { margin-right: 180px; background: #eee; }

.text { margin: 8px 12px 0; padding: 12px 0 0; color: #000; text-align: center; border-top: 1px dashed #c36; }
.text  > p:first-child {border-bottom: 1px dashed #c36; margin-bottom: 14px;}
div.buttons { border-top: 1px dashed #C36; padding: 12px 0;}
div.butt { width: 140px; height: 30px; margin: 4px 0; font: bold 11px Georgia, 'Times New Roman', Times, serif; 
    background: url('../images/target2.gif') 0 0 no-repeat; }
div.butt a { display: block; width: 100%; height: 100%; color: #666; 
	text-decoration: none; background: url('../images/target.gif') top left no-repeat; }
div.butt span { display: block; margin: 0; padding: 6px 0 6px 30px; }
div.butt a:hover { background-image: none; color: #000; }
div.butt a:active { color: #000; }
.clearing { height: 0; clear: both; }