body { text-align: center;}

#container {
	width: 100%;
	margin: 10px auto;
	background-color: #CCFFCC;
	border: 1px solid gray;
	line-height: 120%;
}

div#container {
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: left;
}

#logo {
padding: .5em;
background-color: #CCFFCC;
}

#logo h1 {
	padding: 0;
	margin: 0;
	color: #0066FF; 
	letter-spacing: 10px;
	font: bold 150% verdana, arial, helvetica, sans-serif;
}

#leftnav {
	float: left;
	width: 160px;
	margin: 0;
	padding: 1em;
	text-align: left;
	background-color: #CCFFCC;
}

#main {
	margin-left: 180px;
	padding: .5em;
	max-width: 40em;
	background-color: #CCFFCC;
	text-align: left
	}

#main h1 {
	padding: 0;
	padding-left: 2em;
	margin: 0;
	color: #0066FF; 
	letter-spacing: 10px;
	font: bold 150% verdana, arial, helvetica, sans-serif;
}
#main h3 {
	padding: 0;
	padding-left: 2em;
	margin: 0;
	color: #0066FF; 
	letter-spacing: 3px;
	font: bold 120% verdana, arial, helvetica, sans-serif;
}
#main li {
	color: #0066FF;
	font-size: 100%;
	padding-left: 2em;
	margin: 0.5em 0; 
	font-family: "Times New Roman", Georgia, serif; 
}
#main h4 {
	padding: 0;
	padding-left: .1em;
	margin: 0;
	color: #0066FF;
	font: bold 9 verdana, arial, helvetica, sans-serif;
}	
#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	background-color: #CCFFCC;
	border-top: 1px solid gray;
}

 ul#navlist
{
padding: 0;
margin: 0;
font-size: 80%;
list-style-type: none;
float: left;
width: 75%;
}

ul#navlist li { display: inline; }

ul#navlist li a {
float: left;
width: 10em;
color: #fff;
background-color: #6699ff;
padding: 0.2em 1em;
text-decoration: none;
border-right: 1px solid #fff;
}

ul#navlist li a:hover
{
background-color: #ff9966;
color: #fff;
}

IMG.icon { 
  float: left;
  margin-right: 50px;
}

.floatwrap {
float: left;
width: 85%;
}

.thumbnail {
float: left;
width: 15%;
border: 1px solid #999;
margin: 0 2% 2% 0;
padding: 1%;
}
.clearboth { clear: both; }

h1 {
	color: #0066FF; 
	letter-spacing: 10px;
	font: bold 150% verdana, arial, helvetica, sans-serif;
}

h2 {
	color: #0066FF;
	font-size: 120%; 
	font-family: "Times New Roman", Georgia, serif;
}
p {
	color: #0066FF;
	font-size: 100%; 
	text-align: left;
	font-family: "Times New Roman", Georgia, serif; 
}
td {
	color: #0066FF;
	font-size: 100%; 
	font-family: "Times New Roman", Georgia, serif; 
}
th {
	color: #0066FF;
	font-size: 100%; 
	font-family: "Times New Roman", Georgia, serif; 
}
ul {
	color: #0066FF;
	font-size: 100%; 
	font-family: "Times New Roman", Georgia, serif; 
}

li {
  list-style: none; /* kills the list item "bullet" markers */
  position: relative;
	text-align: left;
	vertical-align: bottom; /* for IE5/win */
	font-weight: bold;
	font-family: "Times New Roman", Georgia, serif;
	}

a:link {
	color: blue;
}
a:visited {
	color: purple;
}
a:active {
	background-color: yellow;
}
a:hover {
	font-weight:bold;
	color:red;
	text-decoration:none;
}

#leftnav p { margin: 0 0 1em 0; }
#main h2 { margin: 0 0 .5em 0; }