body, tr,td, table, normal, li {
background-color: #ffffff;
font-family: verdana;
font-size: 12px;
}

.mainimage {
  max-width: 90px;
  max-height: 200px;
  width: expression(this.width > 90 ? "90px" : true);
  height: expression(this.height > 200 ? "200px" : true);
}

a:link{
color: #336951;
}

a:visited{
color: #336951;
}

a:hover{
color: #336951;
}

a:active{
color: #336951;
} 

.normalbody {
	background:#336951;
}

.tablebody {
position: relative;
width:978px;
padding: 0px;
}

.aButton {
background-color: 336951;
color: ffffff;
font-family: verdana;
}

.textButton {
background-color: 336951;
color: ffffff;
border-style: ridge;
margin-top: 3px;
font-size: 8pt;
font-family: verdana;
width: 275px;
}


.bord {
position: relative;
top: 12px;
left: 35px;
}

.lefttop {
position:relative;
background:url(images/back_lefttop.jpg) no-repeat left top;
width:198px;
height:200px;
vertical-align:bottom;
}

.top {
position:relative;
width:780px;
height:200px;
right:0px;
}

.nav {
position:relative;
background:url(images/back_nav.jpg) repeat-y left top;
width:198px;
left:0px;
text-align:center;
vertical-align:top;
}

.button {
border: 0px;
}

.title {
position:relative;
left: 10px;
}

.contenttext {
position:relative;
width:745px;
font-family: verdana;
font-size: 12px;
margin-bottom: 10px;
padding-left:10px;
}

td {
font-family: verdana;
font-size: 12px;
}

.cont {
position:relative;
width:750px;
background:url(images/back_cont2.jpg) repeat-y;
padding-right:25px;
height:50px;
max-height:50px;
vertical-align:top;
}

.myDivStyle {
height: 100%;
width: 100%;
vertical-align:top;
}

.contimg {
position:absolute;
width:750px;
vertical-align:top;
}

.contiframe {
position:relative;
margin:0; 
padding:0; 
height:100%;
min-height:100%;
width:750px;
background:url(images/back_cont2.jpg) repeat-y;
padding-right:10px;
}

IFRAME { 
position:relative;
margin:0; 
padding:0; 
width:100%; 
height:100%; 
overflow: auto; 
overflow-x: hidden;
}

.botleft {
position:relative;
background:url(images/back_leftbottom.jpg) no-repeat left bottom;
width:198px;
height:32px;
left:0px;
}

.bot {
position:relative;
background:url(images/back_bottom.jpg) no-repeat left bottom;
width:780px;
height:32px;
right:0px;
text-align:right;
vertical-align:middle;
}

.inforvision {
position:relative;
right: 5px;
font-family: verdana;
font-size: 10px;
margin-right: 15px;
vertical-align:middle;
}

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}

a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-550px;
}

a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}

a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}

a.screen:hover b img {
border:0; /* remove the link border */
}

