body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:6f34c0;
}

h1 {
font-size:24px;
}

h2 {
font-size:18px;
}

#content {
	margin-left:20px;
	font-weight:bold;
	font-size:14px;
	margin-top:10px;
}

#nav-area {
	float:left;
	margin-left:20px;
}

#navlist, #navlist ul {
	font-size:18px;
	list-style:none;
	font-weight:bold;
	width:170px;
}

#navlist li {  
	line-height: 40px;
	display:block;
	height:40px;
	background-color:#FFFFFF;
	text-align:left;
	width:200px;	
	margin:12px 0px;	
}

#navlist li a { 
	color:6f34c0;
    text-decoration:none;
	display:block;
	padding-left:15px;	
}

#navlist li:hover, #navlist li.sfhover  {
	background-color:d2e4fe;
	color: #6f34c0;
}

#navlist a:hover { 
    text-decoration:none;
	color: #6f34c0;
	background-color:d2e4fe;
}

#footer {
	font-weight:bold;
	text-align:right;
	padding-top:10px;
	float:right;
}

#bartoloa {
	text-align:left;
	padding-top:10px;
	padding-left:5px;
	float:left;
}
a:link {
	color: #6F34C0;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #6F34C0;
}
a:hover {
	text-decoration: none;
	color: #6F34C0;
}
a:active {
	text-decoration: underline;
	color: #6F34C0;
}