
* { margin: 0; padding: 0; }
body { padding: 0; background: #fff url(../../images/grad2.png) 0 0 repeat-x; color: #d9d9d9; font: 14px/normal Tahoma, Arial, Helvetica, sans-serif; }

td {padding:2px; border:1px solid #666;}

img {border: 0px solid black;}
img:link {border: 0px solid black; }
img:visited {border: 0px solid black;}
img:hover {border: 0px solid black;}

a:link {text-decoration:none; color:#fff;}
a:visited {text-decoration:none; color:#fff;}
a:hover {text-decoration:none; color:#02d9ff;}

#mainpanel { padding: 50px; background: #fff url(../images/grad1.png) 0 0 repeat-x; color: #d9d9d9; font: 14px/normal Tahoma, Arial, Helvetica, sans-serif; width:980px; height:550px; margin:auto; border-left:1px solid black; border-right:1px solid black;}
#mainpanel h1 { padding:0; margin-bottom: .5em; border-bottom: solid 1px #d9d9d9; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 100%; text-indent: 5px; letter-spacing: -1px; }
#mainpanel h1 img {margin:5px; font-size:180%; width:300px; height:55px;}
#mainpanel h2 {float:right; padding-left:10px;}
#mainpanel h5 {float:right; padding-left:30px;}
#mainpanel cite { float: right; }
#mainpanel ul.classic { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
#mainpanel div.section { clear: both; padding-top: 50px; }
#mainpanel .header img {margin:5px; font-size:180%; width:300px; height:55px;}
#mainpanel .header { padding:0; margin-bottom: .5em; border-bottom: solid 1px #d9d9d9; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 100%; text-indent: 5px; letter-spacing: -1px; }


#webspanel { padding: 50px; background: #fff url(../images/grad3.png) 0 0 repeat-x; color: #d9d9d9; font: 14px/normal Tahoma, Arial, Helvetica, sans-serif; width:980px; height:750px; margin:auto; border-left:1px solid black; border-right:1px solid black;}
#webspanel h1 { padding:0; margin-bottom: .5em; border-bottom: solid 1px #d9d9d9; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 100%; text-indent: 5px; letter-spacing: -1px; }
#webspanel h1 img {margin:5px; font-size:180%; width:300px; height:55px;}
#webspanel h2 {float:right; padding-left:10px;}
#webspanel h5 {float:right; padding-left:30px;}
#webspanel cite { float: right; }
#webspanel ul.classic { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
#webspanel div.section { clear: both; padding-top: 50px; }
#webspanel .header img {margin:5px; font-size:180%; width:300px; height:55px;}
#webspanel .header { padding:0; margin-bottom: .5em; border-bottom: solid 1px #d9d9d9; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 100%; text-indent: 5px; letter-spacing: -1px; }


#fadeshow1{float:right; margin-right:50px;}

.column1 {width:300px; height:450px; padding-top:30px;}
.column1 h3{color: #02d9ff; text-align:center; border-bottom:1px solid gray; padding-bottom:5px;}
.column1 p {padding:5px;}
.column1 li {margin-top:5px;}
.column1 ul ul{text-indent:10px; list-style-type:square;}
.column1 img {padding-top:50px;}

.dircolumn1 {width:340px; padding-top:30px;}
.dircolumn1 h3{color: #02d9ff; text-align:center; border-bottom:1px solid gray; padding-bottom:5px;}
.dircolumn1 p {padding:5px;}
.dircolumn1 li {margin-top:5px;}
.dircolumn1 ul ul{text-indent:10px; list-style-type:square;}
.dircolumn1 img {padding-top:50px;}

.box{width:250px; padding:5px; border-bottom:1px solid gray;}
.box h3{color: #02d9ff; text-align:center; border-bottom:1px solid gray;}
.box p {padding:5px;}
.box li {margin-top:5px;}
.box ul ul{text-indent:10px; list-style-type:square;}
.box img {padding-top:50px;}

.dirbox{width:320px; margin:5px 0 0 0px; padding:5px; border-bottom:1px solid gray;}
.dirbox h3{color: #02d9ff; text-align:center; border-bottom:1px solid gray;}

.wide{width:800px; height:450px;}

.widefront {width:559px;}
.widefront img {padding-top:75px; padding-left:150px;}
.short{height:200px;}

.left{float:left; clear:both;}
.left ul ul{padding-left:20px;}

.right{float:right; border-left:1px solid gray; padding-right:30px;}
.rightno{float:right; padding-right:30px;}
.right ul{padding-left:20px;}

.center{margin:auto; clear:both;}

.tagline{text-align:left; color:#02d9ff; font-weight:bold; font-size:18pt;}

.tagline2{text-align:left; color:#d9d9d9; font-weight:bold; font-size:22pt;}

.nodeco{border-left:0px;}
.nodeco ul{list-style-type:none;}
.topbord{padding-top:50px; border-top: 1px solid gray;}

.invalid{width:980px; height:50px; margin-top:100px; text-align:center;}

.computer_wrapper {width:920px; height:450px; overflow:auto; margin:auto; border:1px solid white; clear:both;}
.computer_box {text-transform:uppercase; border: 2px outset white; width:280px; height:650px; padding:8px; float:left;}
.computer_box th {font-size:.8em;}

.picture_box {margin:auto; height:112px; width:150px; background:url('../images/default.jpg');}

.footer {text-align:center; color:#404040;}
.altnav li{ display:inline; padding:10px;}
.altnav li a:link {text-decoration:none; color:#404040}
.altnav li a:visited {text-decoration:none; color:#404040}
.altnav li a:hover {text-decoration:none; color:#808080}

.numbers {margin:0; float:right; padding-top:40px; width:630px; height:20px; border:0px solid white;}
.numbers li{ font-size:1.2em; display:inline; padding:10px;}

#map_canvas {float:right; width:560px; height:440px; margin-right:50px;}