body { color: silver;background: #C0C0C0;  }  /* colors for safety's sake */

div#header {position: fixed; top: 5px; bottom: 0; left: 0; right: 0;
  background: #C0C0C0; width:820px; height:100px; margin-bottom: 0px;}

div#sidebar {background-image: url(../images/ElementalsSideBar.gif);background-repeat:no-repeat;background-position:50% 50%;position: absolute; top: 105px; bottom: 0; left: 0; right: 0;
   margin-right: 5px; width:65px; }
/*
div#sidebar2 {background-image: url(../images/Elementals.gif);background-repeat:no-repeat;background-position:20% 50%;position: fixed; top: 0; bottom: 0; left: 90%; right: 0;
   margin-right: 2px; }
 */
div#main {position: fixed; top: 105px; bottom: 0; left: 70px; right: 0;
  overflow: auto; width:420px; background: #C0C0C0; }
  
 div#supportMain {position: fixed; top: 105px; bottom: 0; left: 70px; right: 0;
  overflow: auto; width:600px; background: #C0C0C0; }

div#mainColB {position: fixed; top: 105px; bottom: 0; left: 500px; right: 0;
   width:400px; background: #C0C0C0;  overflow: auto;}
  
.supportBody {position: relative;font-family: Verdana, Helvetica, Arial, sans-serif;
	top:1%;left:1%;right:0;
	width:580;margin:10px;
	}
 
.supportForm {position: relative;font-family: Verdana, Helvetica, Arial, sans-serif;
	top:1%;left:1%;right:0;
	width:140;margin:10px;
	}
div#label {position: float;font-family: Verdana, Helvetica, Arial, sans-serif;
	top:1%;left:1%;right:0;
	width:60;margin:2px;
	}
div#field {position: float;font-family: Verdana, Helvetica, Arial, sans-serif;
	top:1%;left:1%;right:0;
	width:60;margin:2px;
	} 
.story {position: relative;font-family: Verdana, Helvetica, Arial, sans-serif;
	top:1%;left:1%;right:0;
	width:380px;margin:10px;
	}
.videoBox {position: relative;
	top:0%; right:0; 
	 margin:10px; width:330px;
	}
.video {position: relative;
	top:0%;left:0%;right:0; 
	 margin:0px;
	}
.screenshotNav {position: relative;
	top:0%; right:0; 
	 margin:10px; width:310px;
	}
.screenshot {position: relative;
	top:1%;left:0%;right:0; 
	 margin:10px;
	}
	
.leftArrow {position: static;
	top:1%;left:0 ;right:0; 
	 margin:0px;
	}
.rightArrow {position: static;
	top:0px;left:265px ;right:0; 
	 margin:0px;
	}
.screenshotTitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align:center;
	}
	
.title {color:black;font-size:12pt;font-weight:bold;text-align:center;}
.adv-body {color:black;font-size:10pt;font-weight:normal;  margin-left:5px;
  margin-right:5px;}
.header-text {color:white;font-size:20pt;font-family: Verdana, Helvetica, Arial, sans-serif;font-weight:bold;letter-spacing: 0.25em;}
a {
	text-decoration: none;
	color: #666666
}
.storyx{display:block}
.storyx *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.story1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;
  background:#efefef}
.story2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #c6c6c6;
  border-right:1px solid #c6c6c6;
  background:#f3f3f3}
.story3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3;}
.story4{
  border-left:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb}
.story5{
  border-left:1px solid #efefef;
  border-right:1px solid #efefef}
.storyfg{
  background:#FFFFFF}