body { 
   background:#F0F0F0; 
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:100%;
}
   
.tagline { 
   font-style:italic; }
   
img {
   border-style: none;
   text-decoration: none;
   border:none; } 

a {outline: 0;}
ul {margin-top:0;}

h1 {
   font-size:.9em;
   font-weight:bold; }

div.inner p, div.inner li {
   font-size: 0.8em; }

.fineprint {
   font-size:0.6em; }
   
div.outer {
   background-color: #F0F0F0; 
   width: 70%;
   margin-top: 5%;
	margin-left:auto;
	margin-right:auto;
	width:900px;
}

div.inner {
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top: 6px;
	width:900px;
   -moz-box-shadow: 0 0 1em grey;
   -webkit-box-shadow: 0 0 1em grey;
   box-shadow: 0 0 1em grey;
}

.hide {
   display: none;
}

.leavespace
{
	visibility:hidden;
}

.right {
   float:right;
}

.left {
   float:left;
}

.clear {
   clear:both;
}

.content-box {
   padding: .6em;
   width: 45%;
}


.menu ul{
	margin: 2em 0 0 0;
	padding: 0;
 }

.menu ul li{
	display: inline;} 
	
.menu ul li a{
	float: left; 
	text-decoration: none; /* removes the underline from the menu text */
	font-size: 0.8em;
	color: black; 
	font-weight: bold;
	padding: 0 11px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
}

.menu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: black;
	text-decoration: none;}

.menu ul li a:hover, .menu ul li .current{
	color: red;
	} /* change the background color of the list item when you hover over it */