<style type="text/css">
#menudiv {
	width: 100px;
	background-color: #0000FF;
	float: center;
        padding: 0px;
}

	

a:link {
	color: Gray;
text-decoration: none;
}
a:visited {
	/*color: Gray;
        */color: Gray;
text-decoration: none;
}
a:active {
	color: Gray;
text-decoration: none;
}
a:hover {
	color: Gray;
        text-decoration: none;
}

.menu {
	width: 150px;
	border: 0px solid #000000;
	background-color: #FFFF00;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menu li a:link ,
.menu li a:visited {
	 display: block;
	 font-family: Verdana;
	 font-size: 11px;
	 color: #000;
	 border-left: 0px dotted #FFF;
	 padding-left: 15px;
	 margin-left: 0px;
	 height:16px;
	 border-bottom: 1px solid #000;
	 border-right: solid 1px #000;
         text-decoration: none;
}
.menu li a:hover {
	 display: block;
	 height: 1%;
	 color: #FFF;
	 font-weight: normal;
	 border-left: 0px;
	 background: #0000CC;
	 height:16px;
         text-decoration: none;
}

.subpiadas {
	background: url(imagens/barrapiadas.JPG) repeat-x;
	height: 20px;
}
.subembranco {
	background: url(imagens/barraembranco.JPG) repeat-x;
	height: 20px;
}

.suboutros {
	background: url(imagens/barraoutros.JPG) repeat-x;
	height: 20px;
}
.subhumor {
	background: url(imagens/barrahumor.JPG) repeat-x;
	height: 20px;
}
</style>
