html {overflow-x: hidden;overflow-y: hidden;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #000; text-align: justify; vertical-align: inherit; overflow: hidden; width:100%; height:100%     }
img { max-width: 100%; max-height: 100%; align:middle }
p { }
td { }
a:link {  }
a:visited {  }
a:hover {  }
a:active {  }
.content { color: #000; background-color: #fff; word-spacing: normal; letter-spacing: normal; vertical-align: text-top; position: absolute; top: 5%; right: 10%; width: 80%; height: 90%; z-index: 2; overflow: hidden; margin: 0; padding: 0; }
.menu { color: #000; background-color: #c90; text-align: left; position: absolute; top: 0; left: 0; width: 20%; height: 100%; z-index: 3; visibility: visible; float: left; margin: 0; padding: 0; }
.mainbox { color: #000; background-color: #fff; word-spacing: normal; letter-spacing: normal; vertical-align: text-top; position: absolute; top: 0; right: 0; width: 78%; height: 100%; z-index: 4; overflow: hidden; margin: 0; padding: 10px; }
.logocell {background-color: #fff; position: relative; top:0; left:0; width: 100%; height:15%}
.menucell { position: relative; width: 90%; z-index: 5; float: left; clear: both; margin: 10px; padding: 0; }
.textpad { vertical-align: middle; top: 2%; left: 2%; width: 96%; height: 96%; overflow: auto; }
.image-ul { top:2%; left: 2%; width:45%; height: 45%; float: left }
.image-ur { top:2%; right: 2%; width:45%; height: 45%; float: right }
.image-bl { bottom:2%; left: 2%; width:45%; height: 45%; float: left }
.image-br { bottom:2%; right: 2%; width:45%; height: 45%; float: right }
.pdfcell { text-align: center; width: 97%; vertical-align: middle; position: relative; top: 0; left: 0; height: auto; visibility: visible; float: left; clear: both; }
.pdfcell-l { text-align: center; margin: 2.5%; padding: 2.5%; position: relative; top: 0; left: 0; width: 37%; float: left; clear: none; vertical-align: middle; visibility: visible; }
.pdfcell-r { text-align: center; margin: 2.5%; padding: 2.5%; position: relative; top: 0; right: 0; width: 37%; float: right; clear: none; vertical-align: middle; visibility: visible; }
.pdfnavtop { text-align: center; top:0; width: 96%; height:4%; overflow: auto }
.pdfmainbox { vertical-align: middle; position:relative; top: 0; left: 2%; right: 2%; bottom: 2%; width: 96%; height: 83%; overflow: auto; visibility: visible; float: left }
.pdfnavbottom-l { position: relative; width: 70%; height: 7%; overflow:auto; float: left }
.pdfnavbottom-r { position: relative; right:2%; width: 25%; height: 7%; overflow: hidden; float: right }
.bio { padding: 10px; position: absolute; top: 0; left: 0; width: auto; height: 86%; overflow: auto; float: left; margin-right: 210px;}
.pic { position: absolute; top: 10px; right: 10px; width: 200px; float: right; }
.cell { text-align: center; position: relative; vertical-align: middle; top: 0; left: 0; width: 95%; overflow: hidden; float: left; }
.bio2 { padding: 10px; text-align: center; position: absolute; vertical-align: middle; top: 0; left: 0; width: auto; margin-right:220px; overflow: auto; float: left; margin: 20px; z-index: 5; }
.pic2 { position: relative; right: 0; vertical-align: middle; width: 210px; padding: 5px; float: right; }
.pornavtop {top:0; width: 96%; height: 5%; overflow: hidden}
.pormainbox { vertical-align: middle; top: 2%; left: 2%; right: 2%; bottom: 2%; width: 96%; height: 88%; overflow: hidden; }
.pornavbottom { position: relative; bottom: 0; width: 96%; height: 5%; overflow: hidden }
.previous { left: 0;width: 45%; overflow: hidden; float: left}
.next { right: 0;width: 45%; text-align: right; overflow: hidden; float: right}
.pormi { text-align: center; position: relative; top: 0; left: 0; width: 97%; height: 60%; overflow: hidden; float: left; }
.porbar { text-align: left; position: relative; top: 0; right: 0; width: 30%; height:96%; z-index: 4; overflow: hidden; float: right; }
.porbar2 { text-align: left; position: relative; top: 0; left: 0; width: 65%; height:96%; z-index: 5; overflow: hidden; float: left; }
.porcell { text-align: center; vertical-align: middle; position: relative; left: 0; width: 100%; height: 33%; z-index: 5; overflow: hidden; visibility: visible; float: left; clear: none; padding: 2px; }
.porcellh { text-align: center; vertical-align: middle; position: relative; left: 0; width: 28%; height: 30%; z-index: 5; overflow: hidden; visibility: visible; float: left; clear: none; padding: 2%; }
.porinfo { padding: 10px; text-align: left; position: relative; top: 0; left: 0; width: 97%; height:35%; overflow: auto; float: left; }
.footer { color: #ccc; text-align: center; font-size: xx-small; text-decoration: none; position: absolute; left: 0; bottom: 2%; width: 100%; height: 2%; z-index: 10; clear: both; }
#menu li {position:relative; padding:5px;}
#menu a {color:#000; text-decoration:none;}
#menu a:hover {color:#FFF;}
#menu, #menu ul {list-style:none; padding-left:0px; margin-left:0px;}
#menu ul {padding-left:10px; margin-left:0px;}
#menu .level2{ display:none;}
#menu li:hover .level2 {display:block;}