body {background-color:#E6EAEB}
/*also line 355 sitemap */

a:link {text-decoration: none; 
color: blue;}

a:visited {text-decoration: none;
color: purple;}

a:active {text-decoration: none; 
color: #f00;
border: solid .1ex #cdc;}

a:hover {color: #FF0000; 
background-color: #FFFFFF; 
tect-decoration: underline;
border: solid .0ex #000;}

li {list-style-type: square; color: black;}
li:first-letter {color: teal;}
li a:link {text-decoration: none; color: red;}
li a:active {text-decoration: none; color: green;}
li a:visited {text-decoration: none; color: teal;}
li a:hover {background-color: #FFFFFF;}

/*alphabetical order for pages*/

/*clear.html*/

div#gridpk {position:absolute; top:80px; left:10px; height: 120px; width:590px;
background-color: transparent;
padding-top: 2px;
border: solid 0.01em #00FF00;}


div#ingrid01 {position:absolute; top:143px; left:42px; height: 33px; width:88px;
background-color: transparent;
border: solid 1px #000000;
z-index: 10;}

div#ingrid02 {position:absolute; top:112px; left:138px; height: 33px; width:82px;
background-color: transparent;
border: solid 1px #000000;
z-index: 10;}

div#ingrid03{position:absolute; top:143px; left:325px; height: 32px; width:85px;
background-color: transparent;
border: solid 1px #000000;
z-index: 10;}


/*red-pix*/
div#pix3 {position: absolute; top:20px; left:280px; height:12px; width:12px;
background-color: red;
border: solid .1ex black; 
z-index: 10;}

/*blue-pix*/
div#pix4 {position: absolute; top:32px; left:290px; height:12px; width:12px;
background-color: #19A1FC;
border: solid .1ex black; 
border-bottom: 0px;
z-index: 10;}

/*florescent-green-pix*/
div#pix5 {position: absolute; top:20px; left:300px; height:12px; width:12px;
background-color: #33FF33;
border: solid .1ex black; 
z-index: 10;}

/*yellow-pix*/
div#pix6 {position: absolute; top:32px; left:312px; height:12px; width:12px;
background-color: #FFFF33;
border: solid .1ex black; 
z-index: 10;}

/*top-clear-pix*/
div#pix7 {position: absolute; top:20px; left:324px; height:12px; width:12px;
background-color: #DDE6EF;
border: solid .1ex black; 
z-index: 10;}

/*bottom-pix*/
div#pix8{position: absolute; top:44px; left:324px; height:12px; width:12px;
background-color: #DDE6EF;
border: solid .1ex black; 
z-index: 10;}

/*bottom-pix*/
div#pix9{position: absolute; top:56px; left:336px; height:12px; width:12px;
background-color: #4F889C;
border: solid .1ex black; 
z-index: 10;}

/*bottom-pix*/
div#pix10{position: absolute; top:68px; left:348px; height:12px; width:12px;
background-color: #DDE6EF;
border: solid .1ex black; 
z-index: 10;}

/*clear-bottom-pix*/
div#pix11{position: absolute; top:200px; left:348px; height:12px; width:12px;
background-color: #DDE6EF;
border: solid .1ex black;
z-index: 10;}

/*yellow-pix*/
div#pix12{position: absolute; top:68px; left:324px; height:12px; width:12px;
background-color: yellow;
border: solid .1ex black; 
z-index: 10;}

/*florescent-green-bottom-pix*/
div#pix13 {position: absolute; top:200px; left:324px; height:12px; width:12px;
background-color: #33FF33;
border: solid .1ex black;
z-index: 10;}

/*darkblue-bottom-pix*/
div#pix14 {position: absolute; top:212px; left:336px; height:12px; width:12px;
background-color: #4F889C;
border: solid .1ex black; 
z-index: 10;}

/*clear-bottom-pix*/
div#pix15 {position: absolute; top:224px; left:324px; height:12px; width:12px;
background-color: #DDE6EF;
border: solid .1ex black; 
z-index: 10;}

/*florescent-green-bottom-pix*/
div#pix16 {position: absolute; top:236px; left:312px; height:12px; width:12px;
background-color: #33FF33;
border: solid .1ex black; 
z-index: 10;}

/*yellow-bottom-pix*/
div#pix17 {position: absolute; top:224px; left:300px; height:12px; width:12px;
background-color: yellow;
border: solid .1ex black; 
z-index: 10;}

/*red-bottom-pix*/
div#pix18 {position: absolute; top:236px; left:288px; height:12px; width:12px;
background-color: red;
border: solid .1ex black; 
z-index: 10;}

/*white-inside-pix*/
div#pix19 {position: absolute; top:188px; left:336px; height:12px; width:12px;
background-color: white;
border: solid .1ex black; 
z-index: 10;}


/*decisions.html*/

/*text area*/
/*width: 620px;*/
div#box2 {position:absolute; top:80px; left: 10px; height: 95%; width: 100%;
padding-left: 10px;
border: solid 1px #000000;
border-right: 0px; 
z-index: 10;}

.bx2 {font-style: normal; 
font-family: Arial Tempus Sans ITC; 
font-size: 11pt;
letter-spacing: .15ex;
color: #000000;}

.dec1{width: 70%} 

.dec2{width: 30%}

div#ftr2 { position: absolute; top: 125%; left:0px; width:640px; height:20px;
border: solid 1px #000000;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
background-color: #D0DEE1;}

.ftr1 {font-style: normal; 
font-family: Arial Tempus Sans ITC; 
font-size: 1.0em;
color: #000000; 
text-align: center;
letter-spacing: .25ex;}


/*features.html*/

.td {font-style: normal; 
font-family: Arial Tempus Sans ITC; 
font-size: 11pt; 
letter-spacing: .25ex;}

.td2{background: #FFFFFF;
border-left: solid 1px #000000;
border-bottom: #000000 1px solid;}

div#flsh {position: absolute; top: 0px; left: 5%; height: 65px; width: 600px;
border-left: #000000 1px solid;
border-bottom: #000000 1px solid;
z-index:10;}

div#menu { z-index:10;}

div#main {position: absolute; TOP: 80px; 
border: solid .1ex black;
border-left: 0px;  
font-style: normal; 
font-family: Arial Tempus Sans ITC; 
text-align: left;
font-size: 0.5pt;
color: #000000;  
z-index: 0;}


/*index.html*/

div#menu {position:absolute; left:5px; top:175px; width: 100px; height: 300px;
border: solid .1ex #182431;
border-right: 0px;
border-bottom: 0px;}

.mn1 {font-style: normal; 
font-family: Arial Tempus Sans ITC; 
color: #E1D3D0; 
text-align: center;} 

div#frame {position:absolute; top:175px; 
margin-left: 100px;
border: solid .1ex #000000;
border-bottom: solid .0ex black; 
border-right: solid .0ex black;
z-index: 10;}

div#fadeinbox {position:absolute; height: 60px;width: 400px;
border: solid 1px black;
background-color: #E6EAEB;
padding: 4px;
z-index: 10;
visibility:hidden;}

div.fadeinbox {font-style: normal; 
font-family: Arial Tempus Sans ITC; 
color: #000000; 
text-align: center;}

div#topix1{position:absolute; left:40px; top:40px; width: 40px; height: 40px;
background-color: #4F889C;
border: solid .1ex #000000;
z-index: 10;}

div#logo {border: solid .1ex black;
background-color: #FFFFFF;
position:absolute; left:55px; top:55px; width:198px; height:50px;
z-index: 10;}

div#topix2{position:absolute; left:235px; top:40px; width: 40px; height: 40px;
background-color: #F5BF54;
border: solid .1ex #000000;
z-index: 10;}


div#topix3{position:absolute; left:274px; top:80px; width: 20px; height: 20px;
background-color: #19A1FC;
border: solid .1ex #000000;
z-index: 10;}

div#topix4{position:absolute; left:294px; top:100px; width: 20px; height: 20px;
background-color: #FF0000;
border: solid .1ex #000000;
z-index: 10;}

div#topix5{position:absolute; left:314px; top:120px; width: 20px; height: 20px;
background-color: #FFFFFF;
border: solid .1ex #000000;
z-index: 10;}

div#tprtx1{position: absolute; left:390px; top:100px; width:330px;  height:50px;
background-color:  transparent;
border: solid .1ex black;
border-left: 0px;
border-bottom: 0px; 
z-index: 10;}

/*top-right-text-area*/
div#tprtx2{position: absolute; left:390px; top:55px; width:330px; height:50px;
background-color:  transparent;
border: solid .1ex black;
border-left: 0px;
border-bottom: 0px;
border-top: 0px;  
z-index: 10;}

.tpr{font-style: bold; 
font-family: Arial Tempus Sans ITC; 
font-size: 18pt;
color: #8CFFFE;
text-align: center;
padding-top:20px;
filter:DropShadow (Color=#4F889C, OffX=2, OffY=2, Positive=true)
z-index: 10;}

/*clear cross-squares*/
div#topix-1{position:absolute; left:284px; top:90px; width: 20px; height: 20px;
background-color: transparent;
border: solid .1ex #000000;
z-index: 10;}

div#topix-2{position:absolute; left:304px; top:110px; width: 20px; height: 20px;
background-color: transparent;
border: solid .1ex #000000;
z-index: 10;}

div#topix-3{position:absolute; left:324px; top:130px; width: 20px; height: 20px;
background-color: transparent;
border: solid .1ex #000000;
z-index: 10;}

div#topix-4{position:absolute; left:334px; top:140px; width: 20px; height:20px;
background-color: yellow;
border: solid .1ex #000000;
z-index: 8;}

div#topix-5{position:absolute; left:344px; top:150px; width: 20px; height:20px;
background-color: transparent;
border: solid .1ex #000000;
z-index: 8;}


/*information.html*/

/*text area*/
div#box3 {position: absolute; top: 60px; left: 0px; width: 420px; height: 208px; 
border: solid  1px  #000000; 
border-right: 0px;
padding-left: 10px;
padding-top: 10px;
margin-left: 10px;
z-index: 10;}

.bx3 {font-style: normal; 
font-family: Arial Tempus Sans ITC; 
font-size: 10pt;
letter-spacing: .20ex;
color: #000000;} 

/*server picture*/
div#box4 {position: absolute; top:60px; left:430px; width:143px; height: 160px; 
border: solid  1px   #000000; 
border-left: 0px;
padding-top:12px; 
padding:12px; 
font-size: 12px; 
font-weight: normal; 
color: #FFF538; 
z-index: 10; } 

/*monitor picture*/
div#box5 {position: absolute; top: 200px; left: 360px; width: 92px; height: 100px; 
border: solid  0px  #000000; 
z-index: 10;}

/*notepad picture*/
div#ntp {position: absolute; top: 220px; left: 28px; width: 60px; height: 60px; 
border: solid  0px  #000000; 
z-index: 10;}

/*samples.html-logo's page*/

div#smpl{position:absolute; top:20px; left:10px; height:25px; width:600px;
padding-left: 0px;
border: solid 1px #000000;
z-index: 10;}

.smpl {font-style: normal; 
font-family: Arial Tempus Sans ITC; 
font-size: 12pt;
text-align: left;
color: #000000;}

/*samples.html-page*/

div#smp02{position:absolute; top:20px; left:10px; height:25px; width:600px;
padding-left: 0px;
border: solid 1px #000000;
z-index: 10;}

.smp02 {font-style: normal; 
font-family: Arial Tempus Sans ITC; 
font-size: 12pt;
text-align: left;
color: #000000;}

/*screenshots.html*/

div#scrn1 {position:absolute; top:20px; left:10px; height:25px; width:292px;
padding-left: 0px;
border: solid 1px #000000;
border-right: 0px; 
border-top: 0px; 
z-index: 10;}

.scrn1 {font-style: normal; 
font-family: Arial Tempus Sans ITC; 
font-size: 11pt;
letter-spacing: .15ex;
text-align: right;
color: #000000;} 

div#scrn2 {position:absolute; top:60px; left: 10px; height: 280%; width: 100%;
padding-left: 10px;
border: solid 1px #000000;
border-right: 0px; 
z-index: 10;}


/*sitemap.html*/

h1 {background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
font-family: veranda;
font-size: 1.5em;
font-style: oblique;
font-variant: small-caps;
letter-spacing: .25ex;
padding: 3px;
text-align: center;
height: 25px;
z-index: 10;}

h2 {background-image: url(http://www.directionsabove.com/images/up2.gif);
width: 100%;
background-repeat: no-repeat;
background-color: #E1D3D0;
border-style: solid;
border-width: 1px;
border-right: 0px;
font-size: 1.0em;
font-family: veranda;
font-style: oblique;
font-variant: small-caps;
letter-spacing: .25ex;
padding: 3px;
text-align: center;
height: 20px;
z-index: 10;}

div#top { position: absolute; top: 0px; left: 0px; width: 100%; 
border: solid 1px red;
border-top: solid 0px;
border-left: solid 0px;}

.top {font: small-caps 10pt arial; 
color: #000000;
letter-spacing: .15ex;
text-align: center;}

div#index {position: absolute; top: 70px; left: 20px;  width: 75%;
font-style: normal; 
font-family: Arial Tempus Sans ITC; 
font-size: 1.0em;
color: #000000; 
text-align: left;
color: #9CE3F7;
letter-spacing: .25ex;
border: solid 1px red;
border-left: 0px;}

.floatr1 {border: solid 1px red;}

.floatr2 {border: solid 1px red;
border-top: 0px;}

div#mod {position: absolute; top: 4150px; left:20px; }

.stmp {width: 1540px;} 

div#date {position: absolute; top: 4860px; left: 20px;
font: small-caps 0.8em arial;
color: #9CE3F7;
letter-spacing: .25ex;
border: solid 1px red;
border-left: 0px;}

/*floating bar not used*/
.box1a {margin: 0px 5px 15px 10px;
position: absolute; top:150px; left:10px; width:3px; height:4860px;
border-style: solid;
border-width: 1px;
padding:0px; 
font-size: 12px; 
font-weight: normal; 
color: #000000; 
background-color: #9CE3F7; 
z-index: 10;} 

div#upleft { background: #FFFFFF url(/images/upleft.jpg);
position: absolute; top: 0px; left: 0; width: 120px; height: 120px;
BORDER: #660033 1px solid; 
BORDER-LEFT: #660033 0px solid; 
FONT-STYLE: normal; 
FONT-FAMILY: Arial Tempus Sans ITC; 
FONT-SIZE: 1px;
COLOR: #000000; 
TEXT-ALIGN: left;
Z-INDEX: 10; }



/*footer*/

div#ftr { position: absolute; top: 95%; left:0px; width:640px; height:20px;
border: solid 1px #000000;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
background-color: #D0DEE1;}

.ftr1 {font-style: normal; 
font-family: Arial Tempus Sans ITC; 
font-size: 1.0em;
color: #000000; 
text-align: center;
letter-spacing: .25ex;}