/* main style sheet */
html {
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
background:#EEEEEE; 
font-family:Verdana, Helvetica, Lucida Sans, arial, sans-serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}

#content {overflow:auto; position:absolute; z-index:3; top:100px; bottom:20px; left:0; right:0; padding:10px; font-size:0.9em}

* html #content {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:3; border-top:80px solid #fff; border-bottom:20px solid #fff; border-left:0 solid #fff; padding:10px; font-size:0.85em}

#head {position:absolute; margin:0; top:0; left:0; display:block; width:100%; height:80px; background-color: #C9CBC9; font-size:23px; z-index:5; overflow:hidden; color:red; text-align:center; font-weight:600; padding-left:5px;}

#foot {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:20px; z-index:5; overflow:hidden; background-color:black; color:white; text-align:center;  font-size:9px; font-weight:bold; padding-top:3px}


dl {margin-top:10px}
dd, #pronly {display:none;}

a.nav, a.nav:link, a.nav:visited, a.nav:active {margin-left:30px; display:block; background:transparent; width:130px; border:2px solid #000; text-decoration:none; text-align:center; line-height:15px; font-weight:bold; font-family:sans-serif; padding:2px; background:transparent; color:red; margin-top:2px}

a.nav:hover {background:#0099ff; color:#ffffff;  }

a.back, a.back:link  {margin-left:30px; display:block; background:transparent; width:130px; border:2px solid #000; text-decoration:none; text-align:center; line-height:15px; font-weight:bold; font-family:sans-serif; padding:2px; background-color:#C9CBC9; filter:alpha(opacity=60); opacity:0.6; color:#C9CBC9; margin-top:2px}


a.footer, a.footer:link a.footer:visited, a.footer:active {color:white}
a.footer:hover {color:red}



.leftimg {float:left; margin:10px; border:1px solid #000;}

.rightimg {float:right; margin:10px; border:1px solid #000;}


a.main, a.main:link, a.main:visited, a.main:active {color:blue; font-weight:bold}
a.main:hover {color:red}

#c10text {text-align:center; margin-left:10%; margin-right:10%}
#c0text {text-align:center}

#l10text {text-align:left; margin-left:10%; margin-right:10%}
#l5text {text-align:left; margin-left:5%; margin-right:5%}
#l0text {text-align}

#footer {margin-top:3px; margin-bottom:3px; text-align:center;  font-size: 0.7em}
#tabfont { text-align:center;font-size:12px}
#tabhead { text-align:center;font-size:16px}
h2 { font-size:1.8em}
h3 { font-size:1.3em}
h4 { font-size:0.85em}
#small, #prhide { font-size:0.75em}

#badge {position:absolute; left:38px; bottom:10px}

#tmenu {position:absolute; left:0px; top:0px}


.thumbnail{
position: relative;
z-index: 1;
}

.thumbnail:hover{
background-color: transparent;
z-index: 1;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 1;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
z-index: 50;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px; /*position where enlarged image should offset vertically */
left: 150px; /*position where enlarged image should offset horizontally */

z-index: 50;
}
/* unclicked style div.more */
#l5text div.more i {cursor:pointer; color:#c00; font-weight:bold;}
#l5text div.more i.hide {display:none;}
#l5text div.more ul {display:none;}
#l5text div.more img {display:none;}

/* clicked style div.click */
#l5text div.click i.show {display:none;}
#l5text div.click i.hide {display:block;}
#l5text div.click ul {display:block;}
#l5text div.click img {display:block; float:left; padding-right:10px;}