* {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: #b6b6b6; background-image: url(../images/slash.png); background-repeat: repeat; text-align:center; min-height:768px;/* for good browsers*/
min-width:1024px;/* for good browsers*/
}
#outer{
margin-top:50px;
height:100%;
width:100%;
display:table;
vertical-align:middle;
z-index:-1;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 768px;
}
a:link { color: #880b12; }
a:active {  }
a:visited { color: #000; }
a:hover { color: #004387; }
#inner { width: 1024px; background:#fff url(../images/header.jpg) no-repeat; height: 768px; text-align: center; margin-left:auto; margin-right:auto; padding: 5px; border:solid 1px #000; }
#navlist li { list-style-type: none; display: inline; }
#navlist a { padding: 3px 10px; }
ul#navlist {margin-left: 0;padding-left: 0;white-space: nowrap;}
#navlist a:link { color: #000; background-color: #c2d0e1; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; }
#navlist a:active { color: #000; text-decoration: none; background-color: #c2d0e1; border-color: #000 #fff #fff #000; border-style: solid; border-width: 1px; }
#navlist a:visited { color: #000; background-color: #c2d0e1; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; }
#navlist a:hover { color: #004387; text-decoration: none; background-color: #f39531; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; }
ul#quicklist { white-space: nowrap; margin-left: 0; padding-left: 0; }
#quicklist a { font-weight: bold; padding-right: 1px; padding-bottom: 3px; padding-left: 1px; }
ul#quicklist {margin-left: 0;padding-left: 0;white-space: nowrap;}
#quicklist a:link { color: #000; text-decoration: none; }
#quicklist a:visited { color: #000; text-decoration: none; }
#quicklist a:hover { color: #f39531; }
.pres-pic { background-image: url(../images/predentation-small.jpg); background-repeat: no-repeat; background-color: #8ba4c4; border-style: solid; border-width: 1px; margin-left:202px; text-align:left; width:822px; height:26px; }
.lit-pic { background-image: url(../images/literature.jpg); background-repeat: no-repeat; background-color: #8ba4c4; border-style: solid; border-width: 1px; margin-left:202px; text-align:left; width:822px; height:26px; margin-top: 3px; }
.tec-pic { background-image: url(../images/tec-small.jpg); background-repeat: no-repeat; background-color: #8ba4c4; border-style: solid; border-width: 1px; margin-left:202px; text-align:left; width:822px; height:26px; margin-top: 3px; }
.com-pic { background-image: url(../images/panel-small.jpg); background-repeat: no-repeat; background-color: #8ba4c4; border-style: solid; border-width: 1px; margin-left:202px; text-align:left; width:822px; height:26px; margin-top: 3px; }
.hin-pic { background-image: url(../images/hinge-small.jpg); background-repeat: no-repeat; background-color: #8ba4c4; border-style: solid; border-width: 1px; margin-left:202px; text-align:left; width:822px; height:26px; margin-top: 3px; }
.qui-pic { background-image: url(../images/fast-small.jpg); background-repeat: no-repeat; background-color: #8ba4c4; border-style: solid; border-width: 1px; margin-left:202px; text-align:left; width:822px; margin-top: 3px; }
#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: 800px; float: left; margin-left: 10px; }
#main h1{ font-size: 160%; }
.buttoned:link { color: #000; background-color: #c2d0e1; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; }
#buttoned:active { color: #000; text-decoration: none; background-color: #c2d0e1; border-color: #000 #fff #fff #000; border-style: solid; border-width: 1px; }
#buttoned:visited { color: #000; background-color: #c2d0e1; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; }
#buttoned:hover { color: #004387; text-decoration: none; background-color: #f39531; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; }
.class { background-color: #fff; background-image: none; }
#tech-box { font-size: 60%; line-height: 150%; background-color: #c0c0c0; background-image: url(../tech/image/slash.png); width: 95%; 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(../tech/image/pdf-tiny.gif); list-style-position: inside; }

#techcolumn { position: inherit; width: 49%; float: left; margin: 2px auto; }
#top {width: 100%; position: fixed; top:0; height:40px; left:0; z-index:1;}