/* CSS Document */

@media screen {

#picture {
	margin: 0px auto 0;
	width: 150px;
	vertical-align:top;
	clear: both;
	
}
#nav {
	margin: 0px;
	width: 150px;
	height: 40px;
	vertical-align:top;
	background-color: #663366;
	clear: both;
}
#nav ul {
	list-style: none;
	line-height: 40px; 
	font-weight: bold;
	font-size: 12px;
}
#nav li {
	float: left;
	background: transparent;
}
#nav li a {
	display: block;
	width:50px;
	line-height: 40px;
	color: #fff;
	text-decoration: none;
	text-align: left;
}
#nav ul li a:hover {
	color: #fff;
	background: #000;
}
#nav li ul {
	position: absolute;
	background: #000;
	left: -5000px;
	top: 50px;
}
#nav li li {
	width: 600px;
}

li#blue a {
	background: #09f;
}
li#red a {
	background: #c00;
}
li#green a {
	background: #390;
}
li#blue:hover ul {
	margin-left: -400px;
	left: auto;
	width: 400px;
	height: 150px;
}
li#red:hover ul {
	margin-left: -450px;
	left: auto;
	width: 400px;
	height: 150px; 
}
li#green:hover ul {
	margin-left: -500px;
	left: auto;
	width: 400px;
	height: 150px; 
}
}