﻿body {
   background-color : #ffffff;
   color : #000000;
   margin: 0;
   padding: 0;
}

/* Following is a hack for IE 6 and earlier browsers. 
   I use the hack to take care of the issue that 
   IE does not support the CSS property position 
   with value fixed.
   * html is a selector that only IE <= version 6 uses.
*/
* html body {
  background: #FFFFFF url(wpMenuSideRed.gif) repeat-y;
} 
   
#NavMenu{
  position: fixed; 
  top: 0;
  left: 0;
  width: 130px; 
  text-align: center;
  height: 100%;
	background: #FFFF3F url(wpMenuSideRed.gif) repeat-y;
	z-index: 30;
}

.NavButton a{
   display: block;
   height: 32px;
   width: 100px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 14px;
   line-height: 32px;
   font-weight: 700;
   margin-top: 30px;
   margin-left:10px;
	 margin-right:10px;
	 color: #CCCC00;
   background: #990000 url("btLinks.gif") no-repeat;
   text-align: center;
   text-decoration: none;
}
.NavButton a:hover {background-position: 0 -32px; color: #FFFF00;}
.NavButton a:active {background-position: 0 -32px; color: #FFCC33;}  
  
.Lang {
   display: block;
   width: 100px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   margin-top: 20px;
   margin-left:10px;
	 margin-right:10px;
	 color: #BBBB00;}
.Lang a { padding: 2px;  margin:2px; border: 1px outset #663333; font-size: 9pt;}
.Lang a:link {color: #CCCC00;}
.Lang a:visited {color: #DDDD00;}
.Lang a:hover {color: #FFFF00;   padding: 2px;  margin:1px; border: 2px outset #993333;}
.Lang a:active {color: #FFCC33;}  

#Content{
 	position: absolute;
  top: 0;
  left:130px;
	width: 750px;
	z-index: 20;
}
small {font-size: 7.5pt;}
p{
	font-family: Georgia, serif;
	font-size:12pt; 
	margin-top: 4pt; 
	margin-bottom: 2pt;
	margin-left: 40px;
	line-height: 16pt;
	text-indent: 20pt;
	width: 500px;
	text-align: justify;
}
h1{
	color:#009999;
	margin-left: 20px;
}
h3{
  margin-left: 50px; 
  margin-top:40px; 
  margin-bottom:5px; 
  color: #0000CC;
}
h4{margin-top:40px; margin-left:40px; font-weight:500; color: #009999;} 
h5{margin-top:40px; margin-left:40px; font-weight:500; color: #990099;} 

a{ text-decoration: none; color: #990099 ;}
a:hover{color: #FFCC00; } 

img { vertical-align: bottom; }
p img { margin-top: 8px; }
.photos img{margin-top:5px; margin-left:20px; 
  vertical-align:text-top; }
.photos{margin-left:50px; margin-right:10px; margin-bottom:50px;}
