body {
	background:#eeeeee;
	text-align:center;
	font-size: 1em;
	font-family: Calibri,Verdana,Helvetica,Arial,Sans Serif;
	color: #333333;
	padding: 0px;
}
td {
	font-size: 0.8em;
	font-family: Calibri,Verdana,Helvetica,Arial,Sans Serif;
	color: #333333;
}
div {
	margin:0px;
	padding:0px;
}
p{
	margin:0px;
	padding:0px;
}
td {
	font-size: 1em;
}
b {
	color: #111111;
}
big {
	font-size: 0.8em;
}
small {
	font-size: 0.8em;
}
img {
	border:0px;
}
hr {
	border: 0;
	color: #555555;
	background-color: #555555;
	height: 3px;
	text-align: center;
}
h1 {
	font-size: 1.5em;
	font-family: Georgia, Times, serif;
	padding:10px 10px 10px 0px;
	margin:10px 10px 10px 0px;
}
h2{
	font-size: 1.4em;
	font-family: Georgia, Times, serif;
	padding:10px 10px 10px 0px;
	margin:10px 10px 10px 0px;
}
h3 {
	font-size: 1.4em;
	font-family: Calibri,Verdana,Helvetica,Arial,Sans Serif;
	padding:10px 10px 10px 0px;
	margin:5px 5px 5px 0px;
}
h4 {
	font-size: 1.2em;
	font-family: Calibri,Verdana,Helvetica,Arial,Sans Serif;
	padding:10px;
	margin:5px;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #444444;
	text-decoration: none;
}
a:hover {
	color: #9cdf19;
	text-decoration: underline;
}
a:active {
	color: #ff5555;
	text-decoration: none;
}

a.colour:link {
	color: #9cdf19;
	text-decoration: none;
}
a.colour:visited {
	color: #ff5555;
	text-decoration: none;
}
a.colour:hover {
	color: #333333;
	text-decoration: underline;
}
a.colour:active {
	color: #ff5555;
	text-decoration: none;
}

a.dark:link {
	color: #444444;
	text-decoration: none;
}
a.dark:visited {
	color: #444444;
	text-decoration: none;
}
a.dark:hover {
	color: #9cdf19;
	text-decoration: underline;
}
a.dark:active {
	color: #ff5555;
	text-decoration: none;
}

a.light:link {
	color: #eeeeee;
	text-decoration: none;
}
a.light:visited {
	color: #eeeeee;
	text-decoration: none;
}
a.light:hover {
	color: #9cdf19;
	text-decoration: underline;
}
a.light:active {
	color: #ff5555;
	text-decoration: none;
}
#placeholder {
	text-align:center;
	width:779px;
	margin: 0px auto 0px;
}
#header {
	padding:10px;
	margin:0px;
	text-align:left;
}
#menu {
	padding:5px;
	padding-right:20px;
	margin:0px;
	text-align:right;
}
#footer {
	padding:0px;
	margin:20px 0px 0px 0px;
}
#content {
	padding:20px;
	margin:0px;
	text-align:left;
}
.light {
	color: #eeeeee;
}
.foot {
	padding-left:10px;padding-left:10px;
}
.thumb {
	border: 1px dashed #dddddd;
	padding:5px;
}
.tagline {
	width:400px;
	font-family: Georgia, Times, serif;
	border-bottom: 1px dashed #333333;
	border-top: 1px dashed #333333;
	font-style:italic;
	padding:10px 0px 10px 0px;

}
.headline {
	font-family: Georgia, Times, serif;
	font-size:1.2em;
	padding:20px 0px 10px 0px;
}
#navbar {height: 1.8em;
  font: 16px Georgia, Times, serif; overflow: hidden;
  float:right;
  }
#navbar li {float: left; padding: 0 23px 0 13px; margin-right: 5px;
  background: url(/_img/bullet.gif) 100% 66% no-repeat;}
#navbar li a {display: block; padding: 0.75em 0 0.25em;
  text-transform: uppercase; color: #000;}
#navbar #feed {background: none;}
#navbar a:hover,
  .home #navbar #home a,
  .about #navbar #about a,
  .contact #navbar #contact a,
  .info #navbar #info a,
  .feed #navbar #feed a {

 background: url(/_img/navbarlinkbg.gif) top left repeat-x; color: #555;
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightgrey;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail img{ /*CSS for enlarged image*/
border-width: 0;
padding: 20px;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -250px;
left: -500px; /*position where enlarged image should offset horizontally */