/* ---------- general ---------- */
BODY { background-color: #dcdcdc; color: #ff6600; font: 12px/16px Verdana, Helvetica, sans-serif; margin: 0; }
HR { clear: left; }
/* ---------- site container ---------- */
	#site { left: 100px; position: absolute; top: 50px; width: 620px; }
/* ---------- navigation area ---------- */
			#navi { float: left; margin: 27px 0 0; width: 134px; }
				#navi .item { background-color: transparent; color: #ff6600; font: 11px/14px Verdana, Helvetica, sans-serif; margin: 0 0 20px; }
					.item A, 
					.item A:LINK, 
					.item A:VISITED { background-color: transparent; color: #4169e1; text-decoration: none; }
					.item A:HOVER, 
					.item A:ACTIVE, 
					.item A:FOCUS { background-color: transparent; color: #000; text-decoration: underline; }
					.item A IMG { border: 0; }
/* ---------- content area ---------- */
			#content { float: right; margin: 27px 0 0 50px; width: 436px; }
				#content H1 { background-color: transparent; color: #ff6600; font: bold 16px/18px Verdana, Helvetica, sans-serif; margin: 0 0 10px;; padding: 0; }
				#content H2 { background-color: transparent; color: #ff6600; font: bold 13px/18px Verdana, Helvetica, sans-serif; margin: 0 0 10px; padding: 10px 0 0; }
				#content H3 { background-color: transparent; color: #ff6600; font: bold 12px/16px Verdana, Helvetica, sans-serif; margin: 0; padding: 10px 0 0; }
				#content P  {background-color: transparent; color: #ff6600; font: 12px/16px Verdana, Helvetica, sans-serif; margin: 0 0 12px; padding: 0; text-align: justify; }
				#content LI {background-color: transparent; color: #ff6600; font: 12px/16px Verdana, Helvetica, sans-serif; margin: 0 0 0px; padding: 0; text-align: left; }

/* ---------- links ---------- */
				#content A, 
				#content A:LINK, 
				#content A:VISITED { background: transparent url(../img/bg_arr.gif) no-repeat 0 5px; color: #ff6600; padding: 0 0 0 10px; text-decoration: none; }
				#content A:HOVER, 
				#content A:ACTIVE, 
				#content A:FOCUS { background-color: transparent; color: #060; text-decoration: underline; }
				#content A.anchor, 
				#content A.anchor:LINK, 
				#content A.anchor:VISITED { background: transparent; color: #000; padding: 0; text-decoration: none; }
				#content A.anchor:HOVER, 
				#content A.anchor:ACTIVE, 
				#content A.anchor:FOCUS { background: transparent; color: #000; text-decoration: none; }
				#content A.top, 
				#content A.top:LINK, 
				#content A.top:VISITED { background: transparent; border-top: 1px solid #6C6; color: #6C6; display: block; margin: 4px 0 0; text-align: right; text-decoration: none; }
				#content A.top:HOVER, 
				#content A.top:ACTIVE, 
				#content A.top:FOCUS { background: transparent; color: #060; text-decoration: none; }
				#content A.mail, 
				#content A.mail:LINK, 
				#content A.mail:VISITED { background: transparent; color: #6C6; padding: 0; text-decoration: none; }
				#content A.mail:HOVER, 
				#content A.mail:ACTIVE, 
				#content A.mail:FOCUS { background: transparent; color: #060; text-decoration: none; }
/* ---------- lists ---------- */
				#content UL, 
				#content LI { margin-top: 0; padding-top: 0; }
/* ---------- forms ---------- */
				.box { clear: left; display: block; width: 436px; }
					.left { float: left; width: 150px; }
					.right { float: left; }
				#content TEXTAREA { height: 100px; margin: 0 0 10px; width: 250px; }
				#content INPUT.text { width: 250px; }
/* ---------- footer---------- */
		.footer { background-color: transparent; border-top: 1px solid #4169e1; clear: both; color: #4169e1; font: 9px/12px Verdana, Helvetica, sans-serif; margin: 50px 0 0; }
