<!--
html, body, #contents {
min-height: 100%;
width: 100%;
height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
margin: 0;
font-family: Arial, sans-serif;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
background-color: #d9f4f9;
}

#contents {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

#footer {
position: absolute;
bottom: 0px;
/*background-color: #ccffcc;*/
width: 70%; /* See note below */
/*text-align: center;*/
padding: 0 0 0 0;
margin: 0 0 0 0;
left: 300px;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */

#footer {
\width: 100%;
w\idth: 70%;
}

#main {
margin-bottom: 5em;
height: auto;
/*padding: .5em;*/
}

/* Needed to get footer always to bottom */
#fillerp {
height: 225px; 
width: 100%;
margin: 0px;
}

#lang {
position: absolute;
top: 230px;
left: 10px;
z-index: 6;
}

img#langpic {
width: 28px;
height: 14px;
border: 0px
}

img#logo {
/*width: 100px;
height: 100px;*/
}

img#Buddha {
position: absolute;
left: 0px;
border: 0px; 
}

img#GR {
position: absolute;
right: 0px;
border: 0px;
}

#topbg {
width: 100%;
height: 225px;
background-color: #2367e3;
z-index: 2;
position: absolute;
left: 0px;
top: 0px;
display: inline;
border: 0px;
}

#toppics {
width: 100%;
position: absolute;
z-index: 3;
left: 0px;
top: 0px;
margin: 0px auto;
}

#logocontainer1 {
position: absolute; 
left: 50%; 
top: 10px; 
z-index: 5;
}

#logocontainer2 {
position:relative; 
left:-72px;
}

#titlecontainer {
position: absolute;
top: 165px;
width: 99%;
z-index: 5;
text-align:center;
}

#bigtitle {
font-size: 24px;
color: #f4b846;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

#smalltitle {
font-size: 14px;
color: #f4b846;
margin-top: 3px;
}

#menu {
position: relative;
float: left;
margin-top: 20px;
/*top: 284px;*/
left: 55px;
z-index: 5;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
width: 200px;
}

#menu h1 {
display: block;
background-color:#FF9900;
font-size: 18px;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width: 159px;
}

#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#menu ul li {
margin: 0px;
padding: 0px;
}

#menu ul li a {
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #0212ca;
width: 200px;
}

#menu ul li a:hover, 
#menu ul li a:focus
{
/*font-weight: bold;*/
background-color: #eeeeee;
color: #b80000;
}

#menu ul li.smallLi {
margin-left: 20px;
font-size: 11px;
}

#menu ul li.smallLi a {
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #0212ca;
width: 180px;
}


/*
#menu ul li a:visited
{
color: #804040;
} */

#smallmenu {
font-size: 11px;
position: relative;
margin-top: 15px;
}

#page {
/*position: absolute;*/
/*margin-left: 45px;*/
margin-left: 300px;
left: 0px;
width: 55%;
}

.captionedImageLeft {
float: left;
margin-top: 15px;
margin-right: 15px;
margin-bottom: 10px;
}

.captionedImageRight {
float: right;
margin-top: 15px;
margin-right: 15px;
margin-bottom: 10px;
}

.lineagePic {
float: left;
margin-top: 15px;
margin-right: 15px;
margin-bottom: 10px;
/*clear: both;*/
display: inline;
}

.lineagePicCenter {
width: 99%;
text-align: center;
align: center;
margin-top: 15px;
margin-right: 15px;
margin-bottom: 10px;
/*clear: both;*/
/*display: inline;*/
display: table-cell;
vertical-align: middle;
}

.caption {
color: #0212ca;
margin: 0px;
font-weight: bold;
}

a {
color: #0212ca;
text-decoration: none;
}

.copyright {
margin-top: 0px;
/*color: #f4b846;*/
color: gray;
font-size: small;
margin-top: 3em;
}

#menu .importantLink {
/*color: #b80000;*/
font-weight: bold;
}

#counter {
margin-bottom: 0px; 
margin-top: 40px; 
margin-left: 3px;
}

#visitors {
font-size: small; 
color: gray; 
margin-top: 0px;
margin-left: 3px;
}

.calendarEntry {
margin-top: 2em;
}

.quote {
margin-left: 2em;
}

-->