body {
  min-width: 680px;      
  max-width: 1280px;      
  margin-left: 1.5em;
  margin-right: 1.5em;
  font-family: Arial, Sans-Serif;
  font-size: 0.8em;
  
  background:url('images/bg1.jpg');
    background-repeat:repeat-x;
}

.line {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}

.item {
  position: relative;
  float: left;
  left: 100%;

 /* border: black 1px solid */;
}

.sap_content {
  padding-left:0.2em;
  padding-right:0.2em;
  padding-top:0em;
  padding-bottom:0.2em;
/*border: solid 1px blue;*/
}

.sideimage {
width:100%;
}

.topnavver {
float:left;
margin-left:0.7em;
margin-right:0.7em;
padding-left:0.2em;
padding-right:0.2em;
height:80%;

font-weight:bold;
background-color:gray;
color:silver;
cursor:pointer;
cursor:hand;
}

.nav { background-color:gray; color:white; border: 1px solid gray; padding:0; cursor: pointer; text-align: center; white-space:nowrap; overflow:visible;  }
.subnav {background-color: #DAFFFA; color:gray; border: 1px solid silver; padding:0; cursor: pointer; text-align: center;margin-top:0.2em;filter: alpha(opacity=80); -moz-opacity: .80; white-space:nowrap;}
.navbox {float:left;padding:0; margin:0.2em; margin-top:0;width:5.5em}


html>body .navbox  /* work around i.e. width=min-width malarky */  
{
width: auto;
min-width: 5em;
}

.bottomlinks {
width:20%; /* e.g. 5 accross */
float:left;
/*border:1px black solid;*/
}

.bottomlinkshead {
font-weight:bold;
/*border:1px black solid;*/

}

.bottomlinks a {text-decoration:none}
.bottomlinks a:visited {color:blue}


#hd1pad {
float:left;
height:36%;
padding-bottom:0.33em;
margin-bottom:0;
border: 1px black solid;
}

#coolflash {
width:99%;
}

#logoim {
width:13%; /* for image at width 168px, for 1280px res, 168/1280=0.131 = 13% of screen size. when new width of image is gotten, need for new calculation (could automate this with JS, but it's only got to be done once. */

}

#specialdisplay {
width:100%;  
}



#header1 {
  margin-left: -85%;
  width: 70%;
  text-align:center;
  padding-bottom:0.4em;
  
}

#header2 {
  margin-left: -100%;
  width: 100%;
  

}

#sap_header1 {
padding: 0;

}

#sap_content {
padding-left: 1em;
padding-top: 3em;
}



#sap_header2 {
padding: 0;

}


#special {
  margin-left: -85%;
  width: 75%;
  position:relative;
  top: 1.8em;
  height:15%;

z-index:0;
}



#topnav {
   margin-left: -85%;
   padding-left:1px;
   margin-top:22%;
  width: 60%;
z-index:1;

}

#sap_topnav {
position:absolute;

}

#footerlinks {
 margin-left: -100%;
 width: 100%;
 text-align:center;
 float:both;

}



#footer {
 margin-left: -100%;
 width: 100%;
text-align:center;
float:both;
}

#sap_special {
padding:0;
position:absolute;
left:0;

}

#sap_leftbar {
padding-top:4em;
padding-right: 2em;
}

#leftbar {
  margin-left: -81%;
  width: 18%;
  height: 100%;
}

#leftpad {
  margin-left: -95%;
  width: 10%;
  
}



#content {
  margin-left: -57%;
  width: 89%;
  height: 40em;
}


html>body #content  /* work around i.e. width=min-width malarky */  
{
height: auto;
min-height: 40em;
}


#line3{
width:80%;

}

#aviclifecom {
float:left;
background-color:gray;
color:silver;
font-weight:bold;
padding-left:1em;
padding-right:0.2em;
padding-bottom:0.2em;
line-height:0.6em;
cursor:pointer;
cursor:hand;
}

#logreg {
position:absolute;
right:0.5em;
top:0.2em;
z-index:10;
}

#logreg a {
font-size:0.75em;
text-decoration:none;
}

#logreg a:VISITED {
color:blue;
}

#welcuser {
position:absolute;
left:0.5em;
top:0.4em;
font-size:0.75em;
font-family: sans serif;
}


#line4 {
margin-left:20%;
width:88%;
margin-top:2%;

}


#line5 {
margin-left:1%;

}

#bgmap {
position:absolute;
top:0px;
left:0px;
}

#bglogo {
position:absolute;
top:0px;
left:0px;
}