#titleOfPage{ position:absolute; top:30px; left:0px; right:0px; text-align:center;}
#controls{position:absolute; left:10px; width:400px; top:100px;bottom:0px;}
#selectorArea{position:absolute; left:0px; right:0px; top:0px; height:300px;}
#varSelector{position:absolute; left:10px; width:150px; top:0px; height:200px;}
#varButtons{position:absolute; left:0px; right:0px;top:20px;}
#modelSelector{position:absolute; left:180px; width:150px; top:0px; height:250px;}
#modelButtons{position:absolute; left:0px; right:0px;top:20px;}
#settingsArea{position:absolute; left:10px; width:150px; top:300px; height:80px;}
#runButtonsArea{position:absolute; left:180px; width:150px; top:300px; height:120px;}
#scenarioSelectorDiv{position:absolute; left:0px; top:0px; width: 150px; }
#scenarioSelector{width: 150px; }
#monthSelector{position:absolute; left:0px; top:20px; width: 150px; }
#avgIntSelector{position:absolute; left:0px; top:40px; width: 150px; }
#levelPrompt{position:absolute; left:0px; top:60px; width: 150px; }
#levelSelector{position:absolute; left:0px; top:80px; width: 150px; }
#yearLabel{position:absolute; left:0px; top:20px; width: 100px; }
#yearInput{position:absolute; left:80px; top:20px; width: 50px; }
#getMapButton{position:absolute; left:0px; top:40px; width: 150px;}
#zoomColorButton{position:absolute; left:0px; top:60px; width: 150px;display:none;}
#anomalyButton{position:absolute; left:0px; top:80px; width: 150px;display:none;}
#runButton{position:absolute; left:0px; top:100px; width: 150px;display:none;}
#statusBox{position:absolute; left:10px; top:430px; right:5px;}
.listButton { display:inline-block; padding: 2px; border: 1px solid; width:150px; background-color:#FFFFFF;text-align:center;}
.listButton.selected { background-color: Yellow; }
#listArea{position:absolute; left:0px; right:0px; top:440px; bottom:0px;}
.column1{width:350px;font:0.8em Helvetica,sens-serif;}
.column2{width:50px;}
ul{ list-style-type: none;padding:0px }
#rightSide{position:absolute; left:400px; width:500px; top:150px; bottom:0px;}
#plotTitle{position:absolute; left:0px; right:0px;text-align:center; top:-25px;}
#mapCanvas{position:absolute; left:0px; width:500px; top:0px; height:400px; border:1px solid;}
#mapSVG{position:absolute; left:0px; width:500px; top:0px; height:400px;z-index:1000}
#selectionVal{position:absolute;left:20px;top:340px;color:white;text-shadow: black 0.1em 0.1em 0.2em; z-index:1000}
#mapSelect{position:absolute; left:0px; width:500px; top:0px; height:400px;z-index:2000}
#colorbarArea{position:absolute; left:-50px; right:0px; top:455px; height:100px}
.colorbarAxis path {fill:none; stroke:black;}
