body {
			background: #f0f0f0;
		}
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 28px;
			color: #666666;
			text-align: right;
		}
		h2 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 24px;
			color: #666666;
			text-align: left;
		}
		h3 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			color: #666666;
			text-align: left;
		}
		a {
			font-family: Arial, Helvetica, sans-serif;
			color: #666666;
		}		
		.myheader {
			margin-top: 30px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			color: #666666;
			margin-bottom: 10px;
			text-align: right;
		}
		.myheader_left {
			margin-top: 40px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			color: #666666;
			margin-bottom: 20px;
			text-align: left;
		}
		p {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			color: #666666;
			padding: 15px;
		}
		table {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			color: #666666;
		}
		td { 
			vertical-align: middle; 
		}
		div#wrapper {
			width: 800px;
			background: #ffffff;
		    text-align: left;
		    margin-left: 100px;
		    margin-right: 200px;
/*		    margin-top: -5px; */
		    padding: 10px;
		}
		div#right {

			width: 150px; 
			float: right;
		   /* text-align: right; */
		}
		#makeMeScrollable
		{
			width:100%;
			height: 330px;
			position: relative;
		}
		
		.myimage
		{
			position: relative;
			float: left;
			margin: 5px;
			padding: 5px;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. 
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;*/
			cursor: zoom-in;
		}
		.myimage img
		{
			display: block;
		}
		.myimage span
		{
		    background-color: silver;
		    background-color: hsla(0, 0%, 100%, 0.5);
		    position: absolute;
		    bottom: 5px;
		    width: 100%;
		    line-height: 2em; 
		    text-align: center;
   			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			color: #fcfcfc;
			cursor: text;
		}
		.footer {
			position: relative;
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #666666;
		}
		#navbar {
			margin:-5px -5px 0px -5px; 
			padding:2px; 
			height:50px;
			background:#666;
		}
		ul { 
			list-style:none; 
			height:50px; 
			margin-top: 4px;
			margin-left: 60px;
		}
		ul li { margin:0px; padding:0px; display:inline; z-index: 9999;}
		ul li a { 
			display:block; 
			float:left; 
			margin:0 0 0 5px; 
			padding:0 15px; 
			height:40px; 
			line-height:40px; 
			font-size:14px; 
			font-family:Arial, serif; 
			font-weight:bold; 
			color:#ddd; 
			background:#444; 
			-moz-border-radius:3px; 
			-webkit-border-radius:3px; 
			border-radius:3px;
			text-decoration: none; 
		}
		ul li a:hover, ul li a.selected { 
			color:#fff; 
			background:#111; 
		}