body {
	background-color: #cccc99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	font-style: italic;
}
h3 {
	text-decoration: underline;
}
h4 {
	font-style: italic;
	font-weight: bolder;
	text-decoration: underline;
}
h5 {
	font-weight: bolder;
	text-decoration: underline;
}
.medtext {
	font-size: 90%;
}
.onpage {
	color: #6699ff; 
	text-decoration: underline;
}
.smtext {
	font-size: 85%;
}
.sample1 {
	font-size: 70%; 
	color: #ffff99; 
}
.sample2 {
	font-size: 85%; 
	color: #ffff99;
}
.textlink { 
	color: #ffcc33;
	text-decoration: underline;
}
.toplink {
	text-decoration: underline;
	color:#6699ff;
}
#container {
	margin-left: auto;
	margin-right: auto;
	background-color: #000033;
	width: 700px;
	border-right: ridge;
	border-right-color: #6699ff;
	border-right-width: thick;
	border-left: ridge;
	border-left-color: #6699ff;
	border-left-width: thick;
	text-decoration: none;
	color: #ffff99;
	font-size: 80%;
	padding: 0px 5px 0px 5px;
}
#container2 {
	margin-left: auto;
	margin-right: auto;
	background-color: #000033;
	width: 840px;
	border-right: ridge;
	border-right-color: #6699ff;
	border-right-width: thick;
	border-left: ridge;
	border-left-color: #6699ff;
	border-left-width: thick;
	text-decoration: none;
	color: #ffff99;
	font-size: 80%;
	padding: 0px 5px 0px 5px;
}
#container h3 {
	font-style: italic;
}
#container2 h3 {
	font-style: italic;
}
#content1 {
	position: relative;
	top: -28px;
}
#content2 {
	position: relative;
	top: 5px;
}
#content3 {
	position: relative;
	top: 8px;
}
#content4 {
	position: relative;
	top: 5px;
}
#footer {
	font-size: 85%;
	z-index: 1;
}
#imagesBox {
    height: auto;
	width: 820px;
    margin: 0 auto 0 auto;
}        
#imagesBox img {
    width: 80px;
    height: 60px;
	float: left;
    margin: 1px 1px;
    cursor: pointer;
}
#image-comment {
    padding: 5px 0 15px 0;
}	
#image-title {
    font-weight: bold;
    margin-top: 5px;
	padding-bottom: 5px;
}
#logo {
	margin-left: 55px;
	margin-top: 10px;
	z-index: -5;
}
#logo2 {
	margin-left: 75px;
	margin-top: 15px;
	z-index: -5;
}
#nav1 {
	position: relative;
	top: -35px;
	z-index: 1;
}
#nav1 a:link {
	text-decoration: none;
	color: #ffff99;  
}
#nav1 a:visited {
	text-decoration: none; 
	color: #ffff99; 
}
#nav1 a:hover {
	text-decoration: none; 
	color: #ffcc33; 
}
#nav2 {
	z-index: 1;
}
#nav2 a:link {
	text-decoration: none;
	color: #ffff99;  
}
#nav2 a:visited {
	text-decoration: none; 
	color: #ffff99; 
}
#nav2 a:hover {
	text-decoration: none; 
	color: #ffcc33; 
}
#nav3 {
	position: relative;
	top: 15px;
	font-size: 90%;
}
#nav3 a:link {
	text-decoration: none;
	color: #ffff99;  
}
#nav3 a:visited {
	text-decoration: none; 
	color: #ffff99; 
}
#nav3 a:hover {
	text-decoration: none; 
	color: #ffcc33; 
}
#nav5 a:link {
	text-decoration: none; 
	color: #ffcc33; 
}
#nav5 a:visited {
	text-decoration: none; 
	color: #99ccff;
}
#nav5 a:hover {
	text-decoration: none; 
	color: #99ccff; 
}
#viewer,
#image-title, 
#image-comment {
    width: 500px;
    margin: 0 auto 0 auto;
}
#viewer,
#imagesBox {
    border: none;
    overflow: auto;
}
#viewer {
    height: 375px;
    text-align: center;
    vertical-align: middle;
}
#viewer img {
    width: 500px;
    height: 375px;
    cursor: pointer;
    display: block;
    margin: 0 auto 0 auto;
}