/* Copyright 2026 Virtual Interconnect Software, LLC.  All rights reserved. */
/*** General Body Elements ***/

body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background-color: #E14D04;
background: #E14D04;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
color:#587ec5;
background-color: #FF9900;
font-size:12pt;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 0 0;
color: #FFCC00
}

h2 {
font-family:Arial, Helvetica, sans-serif;
color:#af0a06;
background-color: #FFFFCC;
font-size:12pt;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 0 0;
color: #FF6600
}

a {
color:#663300;
text-decoration: none;
}

a:hover {
color:#FFFFCC;
}

#wrap {
    color: #663300;
    margin: 0 auto;
    width: 760px;
    padding: 0;
    background-color: #FFCC66;
}

.gridline
{
    position: absolute;
    background-color: #000;
    font-size: 1px;
}

.horizgrid
{
    height: 3px;
    left: 0px;
    width: 100%;
}

.horizgrid2px
{
    height: 2px;
    left: 0px;
    width: 100%;
}

.vertgrid
{
    width: 3px;
    top: 0px;
    height: 100%;
}

.vertgrid2px
{
    width: 2px;
    top: 0px;
    height: 100%;
}

.vertgrid6px
{
    width: 6px;
    top: 0px;
    height: 100%;
}

.gridoverlay63px
{
    position: absolute;
    width: 63px;
    height: 63px;
    background-image: url("http://data.virtualinterconnect.com/images/transparent/white50.png");
    _background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://data.virtualinterconnect.com/images/transparent/white50.png');
}

.gridoverlay42px
{
    position: absolute;
    width: 42px;
    height: 42px;
    background-image: url("http://data.virtualinterconnect.com/images/transparent/white50.png");
    _background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://data.virtualinterconnect.com/images/transparent/white50.png');
}

#frontphoto {
margin: 0px 0px 10px 0px;
border: 0;
}

#title {
    margin: 0 0px 5px 5px;
    padding: 10px;
    line-height: 1.6em;
    text-align: right;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #FFCC99;
    border-right-color: #FFCC99;
    border-left-color: #FFCC99;
}

#title h1, #title h2, #title h3 {
font-size: 2.0em;
margin: 0 0 0.5em 0;
color: #663300;
background-color: #FFCC66;
font-family: Arial, Helvetica, sans-serif;
}

#title p {
width: 400px;
float: left;
text-align: center;
color: #FF9933;
background-color: #FFFFCC;
margin: 0 0 0 0;
font-size: 0.8em;
line-height: 1.2em;
}


#navigation {
float: left;
clear: left;
background-color: #FFCC66;
width: 150px;
min-height: 550px;
_height: 550px;
margin: 0 0 0 0;
padding: 5px;            
border: 1px solid #E14D04;
}

#navigation h2 {
color: #663300;
background-color: #FFCC66;
font-family: Arial, Helvetica, sans-serif;
}

#navigation ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;            
width: 140px;
}

#navigation ul a {
    background-color: #FFFFCC;
    display: block;
    padding: 5px;
    width: 140px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FF9900;
}

#navigation ul a:hover {
color:#CC6714;
background-color: #FFCC66;
}

#navigation p {
    margin-top: 40px;
    padding: 5px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-color: #E14D04;
    border-bottom-color: #E14D04;
}

#navimg {
width: 125px;
height: 125px;
position: relative;
overflow: hidden;
text-align: center;
margin: 0 auto 0 auto;
border: 1px dotted #E14D04;
display:block;
}

#main{
width: 550px;
margin: auto auto auto auto;
padding: 0.5em 1.0em 0.5em 0.5em;
float: right;
}

.footer {
clear:both;
width:750px;
height:20px;
margin:0px 0 0 0;
padding:4px 0 4px 0;
font-size:.8em;
text-align:center;
}

.footer_text {
font-family:Arial, Helvetica, sans-serif;
color:#663300;
background-color: #FFCC66;
font-size:9pt;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 -8px 0;
}

#footer a {
color:#663300;
background-color: #FFCC99;
text-decoration: none;
}

#footer a:hover {
color:#587ec5;
background-color: #ffffff;
}