* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; background-repeat: repeat; text-align:center; min-height:768px;/* for good browsers*/
min-width:640px;/* for good browsers*/
}
#outer{
height:100%;
width:640px;
display:table;
vertical-align:middle;
}
#container {
text-align: left;
position:relative;
vertical-align:middle;
display:table-cell;
}
a:link { color: #880b12; }
a:active {  }
a:visited { color: #000; }
a:hover { color: #004387; }
#inner { width: 640px; text-align: center; margin-left:auto; margin-right:auto; padding: 5px; border:solid 1px #000; }
#key { background-color: #c2d0e1; position: relative; top: 60px; width: 180px; float: left; padding: 6px; border: solid 1px #004387; }
#main { font-size: 110%; line-height: 130%; position: relative; top: 60px; padding: 6px; width: 640px; float: left; margin-left: 10px; }
#main h1{ font-size: 160%; }
#tech-box { font-size: 60%; line-height: 150%; background-color: #c0c0c0; background-image: url(../image/slash.png); width: 98%; height: auto; clear: both; margin: 2px auto; padding: 5px; border: solid 1px black; display: table; }
#tech-box h4 { color: #fff; font-size: 110%; font-weight: bold; background-color: #273880; padding-top: 3px; padding-bottom: 3px; display: block; }
#tech-box ul { width: 49%; float: left; }
#tech-box li { text-align: left; margin-right: 4px; padding-right: 2px; border-bottom: 1px dotted #000; list-style-image: url(../image/pdf-tiny.gif); list-style-position: inside; }
#techcolumn { position: inherit; width: 310px; float: left; margin: 2px auto; }