@charset "UTF-8";

/* CSS Document */
/* common tags */
body {
	text-align: center;
}
h1 {
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 0.6em;
}
h2 {
	font-size: 1.5em;
}

/* IDs */
#container {
	margin: 10px auto;
	width: 800px;
}
#header {
	background-color: #8EACC8;
	width: 80%;
	border: 2px solid black;
	margin: 10px auto;
}
#body {
}
#body img {
	display: block;
	margin: 10px auto;
}

ul#nav {
	float: left;
	position: relative;
	left: 50%;
}
ul.drop a { 
   color: #000; 
   text-decoration: none;
}
ul.drop ul a {
   font-family: Verdana; font-size: 14px; 
}
ul.drop, ul.drop li, ul.drop ul { 
   list-style: none; 
   margin: 0; 
   padding: 0; 
   border: 1px solid #fff; 
}
ul.drop { 
   position: relative; 
   float: left; 
}
ul.drop li { 
   background: #ddd; 
   float: left; 
   position: relative;
   right: 50%;
   line-height: 1.3em; 
   padding: 5px 10px; 
}
ul.drop li.hover, ul.drop li:hover { 
   background: #5F83A5;
}
ul.drop ul li.hover, ul.drop ul li:hover { 
   position: relative; 
   cursor: default; 
   background: #8EACC8; 
}
ul.drop ul { 
   visibility: hidden; 
   position: absolute; 
   top: 100%; 
   left: 50%;
}
ul.drop ul li { 
   float: none; 
   right: 50%;
}
ul.drop ul ul { 
   top: -2px; 
   left: 100%; 
}
ul.drop li:hover > ul { 
   visibility: visible 
}

/* classes */

.date {
   clear: both;
   padding: 20px 0 0 0;
}
.small {
	font-size: .8em;
}