#header {
	background-image:url(images/header2.jpg);
	background-position:center;
	height:117px;
	background-repeat:no-repeat;
	position:relative;
	margin: 0 auto;
	width:566px;
}

.nav {
	width:566px;
	margin:0 auto;
}

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}


ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px;
}

ul.nav>li a{text-align:center;}
/*

Make the sub list items invisible

ul.nav li>ul{
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-top: 2px;
}

*/


/*

When hovered, make them appear

ul.nav li:hover>ul{
	display : block;
}

*/


/*

Make the hyperlinks as a block element, sort of a hover effect

.nav ul li a{
	display: block;
	padding: 2px;
}

*/

/*** Menu colors (customizable) ***/

/*ul.nav,
.nav ul,
 .nav ul li a{
	background-color: #fff;
	color: #369;
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #369;
	color: #fff;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #036;
	color: #fff;
}

ul.nav,
.nav ul{
	border: 1px solid #369;
}
*/

.nav a{
	text-decoration: none;
}

body {
	font-family: arial, verdana, sans-serif;
	background-color: #FFFFFF;
	cursor: crosshair;
	margin:0 auto;
	width:566px;	
	text-align:left;
}

td, th {
	color: #333333;
}

a {
	color: #FF0033;
}

H2 {
	font-size: 1.5ems;
	color: #000000;
	font-weight: bolder;
}

H3 {
	font-size: 1.2ems;
  	color: #333333;
}

H1 {
	font-size: 2ems;
  	color: #333333;
}




a:hover {
	color: #000000;
	background-color: #66FF66;
}

/* thumbs */
#thumbs {
margin:0 auto;
width:400px;
}

#thumbs img{
border:1px black solid;
margin:2px;
}