/* ---------- (body styles -- not needed for image maps) ---------- */
body{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
	font-size: large ;
	background-color: #FF9900;
	line-height: 140%;
	color: #303030;
	text-align:left;
}
div{ font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif }
a{ color: #303030; }
a:hover{ color: black; }
p{text-align:left}
h1, h2{ margin: 2px 10px; padding: 5px; border-bottom: 1px solid #C8C8C8; }
code{ background-color: #FFFFBF; }

#alert{
	float: right;
	width: 250px;
	font-size: 85%;
	background: #ffffe1;
	border: 1px solid #666;
	padding: 5px;
}

div.body {/* acts as wrapper */ margin:0 auto; width: 700px}
div.explanation{ background-color: #FEFEFE; border: 1px solid #C8C8C8; padding: 5px 8px; }
div.explanation p{ margin: 5px 0 10px; padding: 0; }
div.code{ background-color: #fff; padding: 5px 8px; border: 1px solid #C8C8C8;	}
div.code pre{ margin: 0; padding: 0; }
div.code code{ background: white; color: black; }
#footer{ font-size: 85%; color: #BBBBBB; }
#footer a{ color: #BBBBBB; }
.spacer{ margin-top: 45px; }
/* ---------- (body styles -- Lelands) ---------- */
div.webunitimage{ background-color: white; border: 1px solid black; padding: 50px; text-align:left; }
div.webunittext{ background-color: white; border: 1px solid black; padding: 50px; text-align:left; }