html
{
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	background: #C0C0C0;
	/*background: #39A6FF;*/
	font-size: 12px;
	font-family:verdana;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
}

body 
{
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	background: #C0C0C0;
	/*background: #39A6FF;*/
	background-image: url(bg.png);
	background-position: top center; 
	background-repeat: repeat-y;
}

table, textarea, input
{
	font-size: 12px;
	font-family:verdana;
}

table
{
  margin-left: 10px;
}

.input
{
  border: 1px solid black;
  width: 330px;
}

.input1
{
  border: 1px solid black;
  width: 50px;
}

#content
{
	/*display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:150px; 
	bottom:27px; 
	width:800px; 
	margin-left:-401px; 
	left:50%; 
	border-left:1px solid #000;
	border-right:1px solid #000;
	background:#fff;
	background-image:url(content.png);
	background-position: left bottom;
	background-repeat: no-repeat;*/
}

* html #content 
{
	/*top:0; 
	bottom:0; 
	height:100%;
	width:802px;
	border-top:150px solid #fff; 
	border-bottom:25px solid black;*/
}

#head 
{
	position:absolute; 
	margin-left:-401px; 
	left:50%; 
	top:0; 
	width:800px; 
	min-width:800px;
  height:169px;
  #height:170px;
	font-size:1em; 
	z-index:5; 
	border:1px solid #000;
	border-bottom: none;
	background:url(heading0.png);
}

* html #head 
{
	top:0px; 
  width:802px; 
  height:169px;
  #height:170px;
}

#left 
{
  padding: 5px;
	display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:168px;
  #top:169px; 
	bottom:27px; 
	width:155px; 
	margin-left:-401px; 
	left:50%; 
	border-left:1px solid #000;
	background:#E5F4FF;
	/*background-image:url(content.png);
	background-position: left bottom;
	background-repeat: no-repeat;*/
	padding-top: 29px;
}

* html #left 
{
	top:0; 
	bottom:0; 
	height:100%;
	width:802px;
	border-top:150px solid #fff; 
	border-bottom:25px solid black;
}

#right
{
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
  display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:150px;
  #top:169px;  
	bottom:30px; 
	#bottom:27px;
	_bottom:27px;
	width:615px;
  #width:644px;
  _width:644px; 
	margin-left:-245px; 
	left:50%; 
	background:#fff;
	border-right:1px solid #000;
}

* html #right 
{
	top:0; 
	bottom:0; 
	height:100%;
	width:646px;
	border-top:150px solid #fff; 
	border-bottom:25px solid black;
}

.title
{
	padding-top: 40px;
  padding-bottom: 10px; 
  font-size: 1.3em;
  font-weight: bold;
  color:#39A6FF; 
}

p
{
  line-height: 140%;
}


#foot 
{
	text-align:center;
	position:absolute; 
	margin-left:-401px; 
	left:50%; 
	bottom:0; 
	width:800px; 
	min-width:800px; 
	height:25px; 
	font-size:1em; 
	z-index:5; 
	border:1px solid #000;
	font-family: verdana
	font-weight:bold;
	font-size: 0.8em;
	color:white;
	padding-top: 4px;
	background-color: #333333;
}

* html #foot 
{
	bottom:0px; 
  width:802px; 
  height:23px;
}

#elisa
{
  float: left;
  padding-left: 10px;
}

#frogdesign2
{
  float: right;
  padding-right: 10px;
}

#frogdesign2 a
{
  color: rgb(209,205,193);
}

sup
{
  vertical-align: text-top;
  color: orange;
  text-decoration: none;
}

ul#menu3, ul#menu3 ul 
{
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 145px;
}

ul#menu3
{
  padding-top: 20px;
}

ul#menu3 a 
{
  display: block;
  text-decoration: none;
  height: 25px;	
}

ul#menu3 li 
{
  margin-top: 1px;
}

ul#menu3 li a 
{
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#menu3 li a:hover 
{
  background: #39A6FF;
}

ul#menu3 li ul li a 
{
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu3 li ul li a:hover 
{
  background: #aaa;
  border-left: 5px #39A6FF solid;
  padding-left: 15px;
}

a
{
  color: #39A6FF;
  text-decoration: none;
}

.product
{
  font-size: 0.9em;
  color: #404040;
  width: 300px; 
  border: 1px solid black; 
  padding: 10px;
}

.product img
{
  margin: 10px;
  border: 1px solid gray;
}

img.border 
{
  width: 200px;
  border: 3px solid white;
}

.imgborder
{
  float: right;
  border: 1px solid #39A6FF;
  width: 206px;
  text-align: center;
}

img.border1 
{
  width: 600px;
  border: 3px solid white;
}

.imgborder1
{
  float: right;
  border: 1px solid #39A6FF;
  width: 606px;
  text-align: center;
}

ul
{
  list-style-image: url("bullet-ul.gif");
}

.inputfields
{
  border: 1px solid black; 
  padding: 2px 2px 2px 2px;
  width: 325px;
  height: 22px;
  font-family: verdana;
}

.products
{
  width: 200px; 
  height: 200px; 
  border: 1px solid black;
  background-color: #E5F4FF;
  cursor: pointer;
}

.productd
{
  font-size: 0.9em;
  color: #404040;
  padding: 10px;
}

.usecase
{
  width: 580px;
  border: 1px solid black;
  border-collapse: collapse;
  cursor: pointer;
}

.usercase td
{
  padding: 5px;
}

