html, body {
height: 100%;
}
body {
font-family: Verdana, Arial, sans-serif;
text-decoration: none;
font-size: 10pt;
color: #ffffff;
background-color: #273D7F;
text-align: left;
margin: 0px;
padding: 0px;
}

a {
color: #C888ED; /* lavender */
/* color: #8bd35f; /* green */

}
a:hover {
color: #ffffff;
}

img {
border: 0;
}

h1, h2, h3 {
font-family: Georgia, Times New Roman, serif;
font-weight: normal;
color: #e8ec85; /* yellow */
}
h1, h2 {
color: #e8ec85; /* yellow */
}
h3 {
color: #8AC7E4; /* light blue */
}

h1 {
font-size: 20pt;
line-height: 20pt;
margin-top: 20pt;

}
h2 {
font-size: 14pt;
}
h3 {
font-size: 12pt;
margin-bottom: 5px;
}

li {
color: #8AC7E4; /* light blue */
}
li span {
color: #ffffff;
}
strong {
color: #8AC7E4; /* light blue */
}

/* Class/ID */

table.main {
margin: 0 auto;
/* width: 720px; */
width: 100%;
font-size: 10pt;
line-height: 12pt;
text-align: left;
height: 100%;
}

td.left {
/* background-color: #8AC7E4; */
}
td.img {
width: 322px;
background-image: url("images/background.gif");
background-repeat: repeat-y;
}
td.footer {
background-image: url("images/background.gif");
background-repeat: repeat-y;
}
td.header {
background-image: url("images/background.gif");
background-repeat: repeat-y;
padding-top: 5px;
height: 25px;
}
td.copy {
padding: 10px;
width: 398px;
}
span.comment {
font-family: Georgia, Times New Roman, serif;
font-weight: normal;
}

td.right {
background-color: #465992;
}

div.gallery {
height: 165px;
clear: both;
}

div.thumb {
margin: 2px;
border: 2px solid #ffffff;
width: 75px;
height: 75px;
overflow: hidden;
float: left;
}

span#caption {
font-size: 8pt;
}
span.caption2 {
font-style: italic;

}

div.nav {
font-size: 8pt;
text-align: center;
background-image: url("images/nav_background.gif");
background-repeat: repeat-x;
height: 18px;
padding-top: 2px;
margin-top: 5px;
}
div.nav a {
color: #273D7F; /* dark blue */
text-decoration: none;
}

div.footer {
font-size: 8pt;
text-align: center;
}

a.tip {
cursor: help;
}

div.tour {
padding-top: 35px;
height: 465px;
text-align: center;
}
img.tour {
border: 15px solid #e0f0ef; /* offwhite blue */
}

div.inset {
margin-top: 35px;
color: #273D7F; /* dark blue */
/*
background-image: url("images/inset.gif");
background-repeat: no-repeat;
*/
background-color: #e0f0ef; /* offwhite blue */
}

div.inset em.dropcaps {
background-color: #e0f0ef; /* offwhite blue */
border: 1px solid #e0f0ef; /* offwhite blue */
}

div.copy_images img {
border: 15px solid #465992;
}

div.copy_images span#caption {
display: block;
width: 292px;
font-size: 7pt;
text-align: center;
position: relative;
top: -15px;
/* Only Show to IE PC */
_top: -20px;
/* End IE Only */
margin-bottom: 15px;
}

p.odd {
width: 300px;
margin-bottom: 25px;
}
p.even {
margin-left: 75px;
width: 300px;
margin-bottom: 25px;
}
span.name {
font-size: 8pt;
color: #8AC7E4; /* light blue */
margin-left: 10px;
}


em.dropcaps, em.dropcaps2 {
font-size: 28pt;
width: auto;
color: #8AC7E4; /* light blue */
/* #e0f0f0; /* barely blue */
font-weight: normal;
font-family: Georgia, Times New Roman, serif;
font-style: normal;
border-left: 0;
margin-right: 2px;
padding: 1px;
padding-left: 0;
}
em.dropcaps {
float: left;
border: 1px solid #273D7F; /* dark blue */
line-height: 20pt;
}
em.dropcaps2 {
line-height: 0px;
position: relative;
top: 10pt;
}

em em.dropcaps {
font-style: italic;
}