body 
	{
		margin:0;
		padding:0;
		border:0; /* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#ccffcc;
		min-width:600px; /* Minimum width of layout - remove line if not required */
		/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		font-family: verdana;
	}

p 
	{
		color:#000;
		font-family: verdana;
		font-size: 14px;
	}
	
ul 
	{
		color:#000;
		font-family: verdana;
		font-size: 14px;
	}	

h1,
h2,
h3 
	{
		font-family: verdana;
		color: #000;
	}

img 
	{
		border: none;
		border: 0;
		border-style: none;
	}

img.x 
	{
		border: none;
		border: 0;
		border-style: none;
		padding-right: 10px;
		float:left;
	}	
	
img.floatleft
	{
		float:left;
		padding-right: 5px;
	}

img.floatright
	{
		float:right;
	}

a.link
	{
		text-decoration: none;
		color: #00cc00;
		font-family: verdana;
		font-weight: bold;
	}

a.link:visited
	{
		text-decoration: none;
		color: #00cc00;
		font-family: verdana; 
		font-weight: bold;
	}

a.link:hover
	{
		text-decoration: none;
		color: #000;
	}

/* all this stuff will position your content*/

.wrapper 
	{
		margin: 1% 5%;
		padding: 0
	}

.main 
	{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
.content 
	{
		width: 67%; /* width of .main container */
		float: left; /* left side of window */
		margin: 0;
		padding: 1% 2%;
	}
	
.sidebar 
	{
		margin-left: 75%; /* past content */
		padding: 1%;
		font-size: 90%;
	}
	
.clear 
	{
		clear: both; /* extend height of .main to longest column */
		height: 1px;
		overflow: hidden; /* prevent IE expanding the container */
		margin: 0; /* keep flush with surrounding blocks */
	}
	
.sidebar ul 
	{
		margin-left: 1em;
		padding-left: 0;
	}

/* Menu styles */	

.sidemenu, a.sidemenu:visited
	{
		text-decoration:none;
  		text-align:center;
  		background-color:#003300; 
  		color:#fff;
  		display:block; 
  		width:8em; 
  		padding:0.2em;
  		margin: 0.5em auto;
  		border-right:5px solid #ccffcc;
	}

a.sidemenu:hover 
	{
  		border-right:5px solid #00cc00;
  	}
  	
.sidemenu-selected
 	{
  		text-decoration:none;
  		text-align:center;
  		background-color:#003300; 
  		color:#fff;
  		display:block; 
  		width:8em; 
  		padding:0.2em;
  		margin: 0.5em auto;
  		border-right:5px solid #00cc00;
  	}	

.topmenu, a.topmenu:visited 
	{
		background-color: #ccffcc;
		color: #003300; 
  		text-decoration:none;  
	}

a.topmenu:hover, .topmenu-selected 
	{
  		background-color: #ccffcc;
		color: #00cc00; 
  		text-decoration:none;  
  	}
  	
/* Enter Site styles */
dl#enter dt 
	{
  		display:none;
  	}
  	
dl#enter dd 
	{
		padding:0; 
		width:7em;
  		margin:0 auto 0 auto;
  	}
  	
  /*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer
	{
		position: relative;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	}

.thumbnail 
	{
		margin: 0 5px 5px 0;
		text-decoration: none;
		color: #000;
		font-family: verdana;
	    font-weight: bold;
	}

.thumbnail img
	{
		border: 1px solid #000;
	}


.thumbnail:hover
	{
		background-color: #ccffcc;
		text-decoration: none;
		color: #00cc00;
		font-family: verdana;
	    font-weight: normal;
	}
	
.thumbnail:hover img
	{
		border: 1px solid #00cc00;
	}


.thumbnail span
	{ 									/*CSS for enlarged image*/
		position: absolute;
		background-color: #00cc00;
		padding: 5px;
		left: -1000px;
		visibility: hidden;
		color: #000;
		text-decoration: none;
		font-size:12px;
	
	}

.thumbnail span 
	{ 									/*CSS for enlarged image*/
		border: 1px solid black;
		padding: 2px;
	}

.thumbnail:hover span
	{ 									/*CSS for enlarged image*/
		visibility: visible;
		top: 0px;
		left: 120px; /*position where enlarged image should offset horizontally */
		z-index: 50;
	}