/* 
    Document   : menu
    Created on : Dec 11, 2009, 1:45:42 PM
    Author     : Kevin Howell
    Description: Menu styling for the site.
*/

body {

	background-image: url('images/backgrounds/fuzzygraymarble.png');
	background-attachment: fixed;
	background-color: silver;
	
}

#content {
	width: 800px; 
	margin:auto; 
	border-style:solid; 
	padding:2em; 
	background-image:url('images/backgrounds/oldpaper-lighter.png');
}

#title {
	text-align: right;
}

#menu li {
	margin-top: 5px;
	display: inline-block;

}

#menu li a {
	background-color: navy;
	border: 3px ridge gray;
	padding: 15px;
	text-decoration: none;
	font-weight: bolder;
	color: white;
}

#menu li a:hover {
	color: silver;
}

#menu ul {
	margin-top: 20px;
	margin-bottom: 30px;
	padding-left: 0px;
	text-align: center;
	background-image: url ("images/bgbutton.png");
	background-repeat: repeat-x;
	background-position: center;
}

#menubuttons span {
	margin-top: 25px;
	margin-bottom: 30px;
	display: inline-block;
}

#menubuttons span a {
	background-color: navy;
	border: 3px ridge gray;
	padding: 8px;
	text-decoration: none;
	font-weight: bolder;
	color: white;
}

#headerimages {
	text-align: center;
	height: 152px;
}

#headerimages img {
	border: 3px solid black;
}

#divider {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}