/* COMMON RULES */
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; line-height:100%; }

#container { width:360px; margin:0 auto; text-align:left; }

.box { padding:1px 1px 1px 1px; border:0px solid #E3E3E3; background:#ffffff; margin-bottom:0px;  }

h1 { font-size:11px; font-weight:normal; padding:0; margin:20px 0; text-transform:uppercase; }
h2 { font-size:11px; font-weight:normal; padding:0; margin:0 0 10px 0; text-transform:uppercase; }

a { color:#CC0000; text-decoration:none;  }
a:hover { color:#0033FF; }
em { font-size:10px; color:#0033FF; }

pre { margin:0; padding:10px; border:1px solid #000; background:#ffffff; }


/* HORIZONTAL MARQUEE */
#example {
 	border:1px solid #666;
 	background:#ffffff;
 	width:350px;
 	height:18px;
 	overflow:hidden;
}

#example  p {
 	padding:0 35px;
 	margin:0;
 	width:auto;
 	display:inline;
 	float:left;
 	white-space:nowrap;
	line-height:15px;
}

/* VERTICAL MARQUEE */
#example2 {
 	border:1px solid #000;
	background:#E1F0F9;
 	width:300px;
 	height:220px;
 	overflow:hidden;
}

#example2 div {
	padding:0 10px;
}

#example2  p {
 	padding:10px 0;
 	margin:0;
}

#example2 a, #example2 em {
	display:block;
}