body 
{
  background-image: url("Background.png");
  background-color: white;
  background-repeat: no-repeat;
  background-position: top left;
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, san-serif;
  font-size: 10pt;
  width: 800px;
}

#pageNavigatorContainer 
{
  margin-left: auto;
  margin-right: auto;
  margin-top: 1px;  
  margin-bottom: 10px;
  font-family: "Myriad Web", "Verdana Bold", Verdana, Impact, Trebuchet, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, san-serif;
  font-size: 9pt;
  font-weight: 500; 
}

#pageNavigator li
{
  display: inline;
  padding-bottom: 14px;
  padding-left: 10px; 
}

#pageNavigator a
{
  padding-left: 10px; 
  padding-bottom: 14px;
  text-decoration: none;
}

#pageNavigator a:link, #pageNavigator a:visited
{
  padding-left: 10px; 
  color: red;
}

#pageNavigator a:hover
{
  padding-left: 10px;    
  color: #3366cc;
} 

#pageNavigator li.current a:link, #pageNavigator li.current a:visited   
{
  padding-left: 10px;    
  color: #3366cc;
} 

ul#keyOrgNavigator
{
 list-style-type : none; 
}

#keyOrgNavigator li a
{
  text-decoration: none;     
}

#keyOrgNavigator li#konRiskEng
{
  position:absolute;
  left: 600px;
  top: 40px;
  height: 60px;
  width: 110px; 
  font-size: 18pt;   
  text-decoration: none;    
}

#keyOrgNavigator li#konFugro
{
  position:absolute;
  left: 710px;
  top: 40px;
  height: 60px;
  width: 110px; 
  font-size: 24pt;     
  text-decoration: none;    
}

#keyOrgNavigator li a span
{ 
  visibility: hidden;
}

div#subPageNavigatorContainer
{
  width: 350px;

  float: left;
}

body#techDetailedAnalysis div#subPageNavigatorContainer
{
  height : 325px;
}


#subPageNavigator li
{
  list-style-type: none
}


#subPageNavigator a
{
  font-size: 9pt;
  color: black;
  text-decoration: none;
  font-weight: 600;
  background-image: url("RedBall.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-left: 30px;
  padding-bottom: 0px;
  line-height: 1.5em;
}

#subPageNavigator  a:hover, #subPageNavigator li.current a:visited
{
  background-image: url("BlueBall.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-left: 30px;
  padding-bottom: 0px;
  line-height: 1.5em;      
}


div#keyOrgNavigatorContainer
{
  height: 55px;
  width: 800px;
}


#subPageNavigator  a:hover
{
  text-decoration: underline;
}
ul#subPageNavigator li
{
  text-indent: -30px;
  padding-left : 30px;    
}


li#spn100 
{
  position:absolute;
  left:  170px; 
  width: 150px; /* 350px - 30px - 170px  */      
  top: 185px;
}
li#spn150 
{
  position:absolute;
  left:  151px; 
  width: 169px;    
  top: 202px;
}
li#spn200 
{
  position:absolute;
  left: 133px;
  width: 187px;   
  top: 220px;
}
li#spn250 
{
  position:absolute;
  left: 119px;
  width: 201px;  
  top: 237px;
}
li#spn300 
{
  position:absolute;
  left:105px;
  width: 215px;  
  top: 255px;  
}
li#spn350 
{
  position:absolute;
  left: 94px;
  width: 226px;     
  top: 272px;
}
li#spn400 
{
  position:absolute;
  left: 83px;
  width: 237px;   
  top: 290px;  
}
li#spn450 
{
  position:absolute;
  left: 76px;
  width: 244px;      
  top: 307px;
}
li#spn500 
{
  position:absolute;
  left: 69px;
  width: 251px;  
  top: 325px;    
}
li#spn550 
{
  position:absolute;
  left: 62px;
  width: 258px;  
  top: 342px;
}
li#spn600 
{
  position:absolute;
  left: 55px;
  width: 265px;  
  top: 360px;
}
li#spn650 
{
  position:absolute;
  left: 50px;
  width: 270px;    
  top: 377px;
}
li#spn700 
{
  position:absolute;
  left: 42px;
  width: 278px;  
  top: 395px;
}
li#spn750 
{
  position:absolute;
  left: 36px;
  width: 284px;  
  top: 412px;
}
li#spn800 
{
  position:absolute;
  left: 30px;
  width: 290px;  
  top: 430px;  
}
li#spn850 
{
  position:absolute;
  left: 30px;
  width: 290px;  
  top: 447px;  
}
li#spn900 
{
  position:absolute;
  left: 30px;
  width: 290px;   
  top: 465px;   
}
li#spn950 
{
  position:absolute;
  left: 30px;
  width: 290px;  
  top: 482px;  
}
li#spn1000 
{
  position:absolute;
  left: 30px;
  width: 290px;   
  top: 500px;
}





div.mainText
{
  margin-top: 10px;    
  margin-left: 350px;  
  width: 450px;  
}


p 
{
  padding-left: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
}



h1{
  font-family: "Myriad Web", "Verdana Bold", Verdana, Impact, Trebuchet, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, san-serif;
  font-size: 16pt;
  font-weight: 400;
  color: #CA7437;
}
h2
{
  font-family: "Myriad Web", "Verdana Bold", Verdana, Trebuchet, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, san-serif;
  font-size: 12pt;
  font-weight: 800;
}
h3
{
  font-family: "Myriad Web", "Verdana Bold", Verdana, Trebuchet, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, san-serif;
  font-size: 12pt;
  font-weight: 400;
}
h4
{
  font-family: "Myriad Web", "Verdana Bold", Verdana, Trebuchet, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, san-serif;
  font-size: 12pt;
  font-weight: 400;
}


div#attentionBoxPosition
{
  position: absolute;
  top: 420px;
  left: 10px;  
  width: 290px;
}

div.attentionBoxTop
{
  height: 15px;
  background-image: url("attentionBoxTop.png");
  background-repeat: no-repeat;
  background-position: -0px 0px;      
}

div.attentionBoxBottom
{
  height: 15px;    
  background-image: url("attentionBoxBottom.png");
  background-repeat: no-repeat;
  background-position: -0px 0px; 
  margin-top: -15px;      
}

div.attentionBoxContents
{
  padding: 20px;  
  border: solid 1px #F3E0D3;
  background-color: #F3E0D3;
}



div.attentionBoxContents h1
{      
  margin-top: -15px;   
}
div.attentionBoxContents p
{
    margin-bottom: 5px;
}


body#home div#pageNavigatorContainer 
{
  visibility: hidden;
}


div#assistingOwnersGraphic
{
  position: absolute;
  top: 500px;
  left: 10px;  
  width: 320px;
  border: none;   
}

p#sidebarComment1
{
  position: absolute;
  top: 800px;
  left: 50px;  
  width: 250px;
  border: none;   
  color: orange; 
  font-size: 16pt;
  font-weight: 600;  
  text-align: center;
}

p#sidebarComment2
{
  position: absolute;
  top: 1300px;
  left: 50px;  
  width: 250px;
  border: none;   
  color: orange; 
  font-size: 16pt;
  font-weight: 600;  
  text-align: center;  
}

img#strisk_fema_worksheet
{
  position: absolute;
  top: 400px;
  left: 1px;  
  width: 320px;
  height: 358px;
  border: none;
}

img#hazardSpectra
{
  position: absolute;
  top: 350px;
  left: 10px;  
  width: 320px;
  border: none;    
}

div#hazusCapacitySpectrum
{
  position: absolute;
  top: 750px;
  left: 10px;  
  width: 320px;
  border: none;   
}

div#hazusCapacitySpectrum img
{
  width: 320px;
  border: none;        
}

div#hazusFragilityCurve
{
  position: absolute;
  top: 1000px;
  left: 10px;  
  width: 320px;
  border: none;      
}

div#hazusFragilityCurve img
{
  width: 320px;
  border: none;        
}



div#hazusDistributionOfRiskChart
{
  position: absolute;
  top: 1200px;
  left: 10px;  
  width: 320px;
  border: none;    
}

div#liquefactionMapExample
{
  position: absolute;
  top: 700px;
  left: 10px;  
  width: 320px;  
  border: none;   
}

div#soilConditionMapExample
{
  position: absolute;
  top: 1000px;
  left: 10px;  
  width: 320px;  
  border: none;   
}

/*
img#strisk_liquefac_conditions
{
  height: 358px;
}
*/