.sidebar {
	border:1px #567 solid;
	color:#000;
	float:right;
	margin:5px 0 5px 10px;
	padding:5px;
	width:30%;
	background-color:#def;
}
.sidebar h3 {
	color:#fff;
	background-color:#567;
	margin:-5px -5px 0 -5px;
	padding:5px 5px 7px 5px;
	text-align:center;
}
.ul2 {
	float:left;
	width:240px;
}
.ul2 li {
	line-height:1.3em;
}
/* SEMANTIC DEMO STYLE */
#mc-page .sidebar .semantic {
	background-color:#eee;
	font-family:"Times New Roman", Times, serif;
	font-size:.9em;
}
#mc-page .sidebar .semantic h1, #mc-page .sidebar .semantic h2, #mc-page .sidebar .semantic p {
	color:#000;
	margin:2px 0;
	padding:0;
}
#mc-page .sidebar .semantic a {
	margin:0;
	padding:0;
	color:#00c;
	text-decoration:underline;
}
#mc-page .sidebar .semantic a:hover {
	color:#c00;
	text-decoration:underline;
	background-color:#eee;
}
/* STYLED DEMO STYLE */
#mc-page .sidebar .csstyled {
	background-color:#FC6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
}
#mc-page .sidebar .csstyled h1 {
	background-color:#000;
	font-style:italic;
	font-weight:normal;
	letter-spacing:.3em;
	margin:-4px -4px 0 -4px;
	padding:0 0 3px 0;
	color:#fc6;
	text-align:center;
	font-variant:small-caps;
}
#mc-page .sidebar .csstyled h2 {
	color:#036;
	margin:2px 0;
	padding:0;
}
#mc-page .sidebar .csstyled img {
	float:right;
	margin:5px 0 2px 3px;
	padding:0;
	border:1px solid #420;
}

#mc-page .sidebar .csstyled p {
	color:#420;
	margin:2px 0;
	padding:0;
	text-indent:1em;
	text-align:justify;
}
#mc-page .sidebar .csstyled p.nav {
	background-color:#036;
	margin:-1px -4px 0 -4px;
	text-align:center;
	text-indent:0;
}
#mc-page .sidebar .csstyled a {
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:0 12px;
	text-decoration:none;
}
#mc-page .sidebar .csstyled a:hover {
	color:#036;
	background-color:#fff;
}