body 
	{
		margin:0;
		padding:0;
		border:0; /* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#333366;
		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: palatino;
	}

p 
	{
		color:#e6e6fa;
		font-family: palatino;
		font-size: 14px;
	}
	
p.large
	{
		color:#e6e6fa;
		font-family: palatino;
		font-size: 18px;
	}	
h1,
h2,
h3 
	{
		font-family: palatino;
		color: #9999ee;
	}

img 
	{
		border: none;
		border: 0;
		border-style: none;
	}
	
img.x 
	{
		border: none;
		border: 0;
		border-style: none;
		padding-right: 10px;
		float:left;
	}	
	
ul
	{
		color:#e6e6fa;
		font-size: 14px;
		font-family: palatino;
	}
	
b.bold
	{
		color:#9999ee;
	}

img.floatleft
	{
		float:left;
		padding-right: 5px;
	}

img.floatright
	{
		float:right;
	}

a.link
	{
		text-decoration: none;
		color: #9999ee;
		font-family: palatino;
		font-weight: bold;
	}

a.link:visited
	{
		text-decoration: none;
		color: #9999ee;
		font-family: palatino; 
		font-weight: bold;
	}

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

/* 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:#003; 
  		color:#9999ee;
  		display:block; 
  		width:8em; 
  		padding:0.2em;
  		margin: 0.5em auto;
  		border-right:5px solid #333366;
	}

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

.topmenu, a.topmenu:visited 
	{
		background-color: #333366;
		color: #9999ee; 
  		text-decoration:none;  
	}

a.topmenu:hover, .topmenu-selected 
	{
  		background-color: #333366;
		color: #e6e6fa; 
  		text-decoration:none;  
  	}

  	
  /*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: #333366;
		text-decoration: none;
		color: #000;
		font-family: verdana;
	    font-weight: normal;
	}
	
.thumbnail:hover img
	{
		border: 1px solid #e6e6fa;
	}


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

.thumbnail span 
	{ 									/*CSS for enlarged image*/
		border: 2px 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;
	}