/* general styling */
*{margin:0;padding:0}
body {
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:20px;
	}
.outer{
	padding:0px 0 0 0;
	width:800px;
	margin:auto;
	border:5px solid wheat;
	position:relative;
	text-align:left
}
.image{border:5px solid #000;}
img{display:block;border:none;}

/* drop up */
ul#nav,ul#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#nav {
	width:800px;
	height:150px;
	background:#FFFF;
}

ul#nav li {
	position: relative;
	float: left;
	width:199px;
	height:150px;
	border-right:1px solid silver;
	background:#FFFF;
	color:#fff;
	text-align:left;
}
ul#nav li a {
	text-decoration: none;
	color:#000;
}
#nav li ul {
	position: absolute;
	left: 0; 
	top:-305px;
	margin-left:-999em;
	border:none;
	height:455px;
	width:199px;
	background:#000;
	border-right:1px solid silver;
 /*opacity for IE5+*/
  filter: alpha(opacity=70);
  /*opacity for older Mozilla browsers*/
  -moz-opacity: 0.7;
  /*opacity for mozilla/safari*/
  opacity: 0.7;
}
ul#nav li li{height:auto;border:none;}
ul#nav li li a{
	color:#FFF;
	padding:5px 10px 5px 20px;
	display:block;
}
ul#nav li:hover ul, 
ul#nav li.over ul {
	margin-left:0;
}
ul#nav li:hover,
ul#nav li.over,
ul#nav li:hover a,
ul#nav li.over a {color:#000}

ul#nav li:hover li a,ul#nav li.over li a{color:#fff;}
ul#nav li li a:hover{color:red;}
ul#nav li p {padding:5px;}
ul#nav li.last,ul#nav li.last ul{border:none;width:200px;}