body { 
margin:0 auto; 
padding:0; 
background:#1a171b; 
font:76% Arial, Helvetica, sans-serif;  
line-height:150%; 
}

#principal {
	float: right;
}

#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:#000000; 
}

h3 { 
font-size:1.2em; 
font-weight:normal; 
margin:0; 
padding:0.2em 0 0 0; 
}

a { 
text-decoration:none; 
color:#000000; 
}

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 #212024;
}

.text li { 
margin:0 0 5px 0; 
padding:0 0 5px 15px; 
background:url(bullet.gif) no-repeat 0 4px; 
border-bottom:1px solid #212024; 
}


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 0; 
padding:0; 
width:50%; 
float:left;  
}

fieldset { 
margin:0; 
padding:0; 
border:none;
}

legend { 
padding-bottom:0.5em; 
font-size:1.4em; 
margin-left:30%; 
color:#041B56; 
}

form div { 
padding:1em 0; 
border-top:1px solid #FFFFFF; 
}

label {
float:left; 
width:30%; 
line-height: 200%; 
padding-right:1em; 
text-align:right; 
} 

input, textarea { 
width:60%;  
border:1px solid #212024; 
padding:3px; font-size:1em; 
background:#FFFFFF; 
color:#041B56; 
} 

textarea { 
overflow:auto; 
font-family:Arial,Helvetica,sans-serif; 
font-size:1em; width:60%; border:1px solid #212024; 
padding:3px;
}

.button input { 
border:none; 
margin-left:31%; 
font-size:1.2em; 
color:#041B56; 
background:none; 
padding:0 4px; 
cursor:pointer; 
width:auto;
}

.hoverfocus { 
border:1px solid #FFCC00;
}

#error, #response { 
float:left; 
width:30%; 
padding:3em; 
}

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

#error li, #response li { 
margin:0 0 5px 0; 
padding:0 0 5px 15px; 
background:url(bullet.gif) no-repeat 0 4px; 
border-bottom:1px solid #212024; 
}

#working { 
float:left; 
padding:3em; 
background:url(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; 
}