#container { width:96%; margin:1em auto; text-align:left;}
.text { float:left; width:30%;  margin:1em 2% 1em 0;}
.gallery { float:left; width:49%; margin-right:1%; margin-bottom:1em;}
.last { margin-right:0;}
#footer { width:100%; margin:1em 0; padding-top:10px; border-top:1px solid #212024;}

h1 { text-indent:-9999px; width:565px; height:60px; background:url(protoformclass.jpg) no-repeat top left; }
h2 { font-size:1.4em; font-weight:normal; margin:0; padding:0 0 0.2em 0; color:#5b5b5b; }
h3 { font-size:1.2em; font-weight:normal; margin:0; padding:0.2em 0 0 0; }

a { text-decoration:none; color:#5b5b5b; }
a:hover { color:#FFFFFF;}
img { border:none; }
ul,li { margin:0; padding:0; list-style-type:none; }
p { margin:0; padding:0 0 2px; }
:focus { outline: none; }
.justify { text-align:justify; }
.text ul { margin:5px 0 10px 0; padding-top:5px; border-top:1px solid #fff;}
.text li { margin:0 0 5px 0; padding:0 0 5px 15px; background:url('/images/bullet.gif') no-repeat 0 4px; border-bottom:1px solid #fff; }


pre { margin:5px 0; padding:5px 0; border-top:1px solid #212024; border-bottom:1px solid #212024;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
pre code { display: block; margin:0; padding:0; line-height:150%; }
pre, code {font:100% "monospaced", monospace;*font-size:100%;}

#box { float:left; width:100%;}

form { margin:1.5em 0em; padding:0; width:75%; float:left;  }
fieldset {margin:0; padding:0; border:none;}
legend { padding-bottom:0.5em; font-size:1.4em; margin-left:30%; color:#5b5b5b; }

form div {padding:1em 0;}
label {float:left;width:20%;line-height:200%;text-align:right;font-size:12px;color:#3F83CA;font-weight:bold;}
input, textarea {width:275px;border:1px solid #5b5b5b;padding:3px;font-size:12px;background:#fff;color:#5b5b5b;} 
textarea {overflow:auto;font-family:Arial,Helvetica,sans-serif; font-size:1em;width:275px;border:1px solid #5b5b5b; padding:3px;}
.button {text-align:center;}
.button input { border:1px solid #5b5b5b; font-size:1.2em; color:#5b5b5b; background:none; padding:0 4px; cursor:pointer; width:auto;}

.hoverfocus {border:1px solid #5b5b5b;}

#error, #response {float:left;width:35%;margin:25px 0px;}

#response ul {border-top:1px solid #212024; margin-top:1.5em; padding-top:5px;}

#error li, #response li {margin:0 0 5px 0;padding:0 0 5px 15px;text-align:left;background:url('/images/bullet.gif') no-repeat 0 4px;}

#working {float:left;margin:0 3em;padding:1em 3em;background:url('/images/loading.gif') no-repeat left center;}

html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; 	visibility:hidden; width:0; height:0; }