View source for Template:HokkaidoU Japan/css/sidebar

<html>

<style type="text/css">

#contentContainer {
	width : 700px;
	}

/* sidebar */
#sidebarContainer {
	width : 240px;
	margin-top : 20px;
	float : left;
	}

#sidebarContainer a {
	color: #565656;
	text-decoration:none;
	font-weight: bold;
	}

/* Sets the style for lists inside menuContainer  */
#sidebarContainer ul { 
	list-style: none;
	margin: 0px;
	background-color : #E8E8E9;
	}

/*Styles the list items to become menu buttons */
#sidebarContainer ul li {
	padding: 10px 0px;
	margin: 0px;
	float: left;
	width : 100%;
	text-align: center;
	}

/*For the menu buttons, changes the color when hovering*/
#sidebarContainer li:hover {
	color:  #FFF;
	background-color: #24B694;
	}

</style>

</html>