html {
	padding: 0ex;
 	margin: 0ex;
  	height: 100%;
	background: #fff; }
body {
	padding: 0ex;
 	margin: 0ex;
	background: #fff;
	color: #000;
	font: small/1.3em Arial, Helvetica, sans-serif;
	height:100%; }
	
.left {
	float: left;
	width: 75%;
	margin: 0ex; padding: 0ex;
	height:auto !important;
  	height:88%;
  	min-height:88%;  }
.left100 {
	float: left;
	width: 100%;
	margin: 0ex; padding: 0ex;
	height:auto !important;
  	height:88%;
  	min-height:88%;  }
.leftpad {
	margin: 0ex; padding: 3ex }
	
.right {
	margin: 0ex; padding: 0ex;
	float: right; width: 24% }
.rightpad {
	margin: 0ex; padding: 3ex }
	
.bottom {
	clear: both;
	text-align: center; 
	color:#fff;
	background: #069;
	margin: 2ex 0ex 0ex 0ex; padding: 0ex;
	width: 100% }
.bottompad {
	margin: 0ex; padding: 0.5ex }
.bottompad a:link, .bottom a:visited, .bottom a:hover, .bottom a:active {
	text-decoration:underline;
	color:#fff }

h1 {
	margin:0ex;
	padding:  0ex 0ex 1ex 0ex;
	color:#069;
	font-size: x-large; font-weight:bold;
	line-height:1.3em }
h2 {	
	margin: 0ex;
	padding: 1ex 0ex;
	color:#0b0;
	font-size: large; font-weight:bold;
	text-align:center }
h3 {	
	margin: 0ex;
	padding: 1ex 0ex 0.5ex 0ex;
	color:#069;
	font-size: small; font-weight:bold }
h4 {	
	margin: 0ex;
	padding: 0ex;
	color:#000;
	font-size: small; font-weight:bold }
h5 {	
	margin: 0ex;
	padding: 0ex;
	color:#fff;
	font-size: small; font-weight:bold; text-align:center }
	
p { margin: 0ex; padding: 0ex 0ex 1.5ex 0ex }

ol li {
	margin: 2ex 0ex;}

/* added to allow captions formatted like H2 but left aligned */
.h2left {	
	margin: 0ex;
	padding: 1ex 0ex;
	color:#0b0;
	font-size: large; font-weight:bold}

.centre { text-align:center }
	
.bold { font-weight: bold }

img { border:0px }
img.textp {
	float: left;
	padding: 0ex 2ex 2ex 0ex }
	
.yellowbox {
	margin: 1ex 0ex; padding: 1ex;
	background-color:#FFFFCC;
	border: 1px solid #cccccc;
	clear:both }
.rightcolumn { /*for images*/
	float: left; 
	position: relative;
	margin-bottom: 1ex} 
	
.text-left100 { margin: 0ex 0ex 0ex 100px }
.text-left50 { margin: 0px 0px 0px 50px }
.text-left60 { margin: 0px 0px 0px 60px }

.prodindex { margin: 0ex; padding: 2ex 0ex 1ex 0ex}


hr { 
	height: 0px; width: 100%;
	border: 0px solid #ccc; 
	border-top-width: 1px;
	margin: 0.5ex 0ex 1.5ex 0ex; padding: 0ex }
	
ul { list-style-position: outside }
/*.ulleft {margin:2ex}*/

.screenshot {
	clear: both;
	padding:0ex; margin:1ex 0ex }
.screenshot img {
	padding: 0ex; margin: 0ex 2ex 2ex 0ex;
	float:left }
	
.clearboth { clear:both }

form { padding: 0.7ex 0ex; margin: 0ex }

a:link {
	color: #069;
	text-decoration: underline }
a:visited {
	color: #069;
	text-decoration: underline }
a:hover, a:active { 
	color: #08b;
	text-decoration: underline }	
	
.red { color:#f00 }

.box {
	width: 100%;
	background: #f0f0f0;
	border: 1px solid #000;
	margin: 0ex; padding: 0ex }
.boxhead {
	width: 100%;
	background: #0b0;
	color: #fff;
	font-weight: bold;
	text-align: center; 
	margin: 0ex; padding: 0ex }
.boxheadpad {
	margin: 0ex; padding: 0.4ex }
.boxcontentpad {
	margin: 0ex; padding: 1ex }

.textinput{
	font: small Arial,Helvetica,sans-serif;
	background: #FFF}
.button{ font: small Arial,Helvetica,sans-serif}

.border0-valigntop { border: 0px}
.border0-valigntop td { vertical-align: top}
.border0 { border: 0px}

/*must be last*/	
.menutable {
	width: 100%;
	margin: 0ex;
	padding: 0ex;
	border: 0px;
	border-bottom: 6px solid #069}	
.menutd { 
	background: #000;
	font: bold small Arial, Helvetica, sans-serif}	
	
.products, .news, .download, .order, .support, .forum { 
	float: left;
	background: #000}
.products a, .news a, .download a, .order a, .support a, .forum a { 
	display: block;
	padding: 1ex;
	text-decoration: none; color: #fff}
.products a:visited, .news a:visited, .download a:visited, .order a:visited, .support a:visited, .forum a:visited { 
	text-decoration: none; color: #fff}
.products a:hover, .products a:active{  
	text-decoration: none; background: #0b0; color: #fff}
.news a:hover, .news a:active{  
	text-decoration: none; background: #c00; color: #fff} 
.download a:hover, .download a:active{  
	text-decoration: none; background: #f60; color: #fff} 
.order a:hover, .order a:active{  
	text-decoration: none; background: #06c; color: #fff}
.support a:hover, .support a:active{  
	text-decoration: none; background: #fb0; color: #fff} 
.forum a:hover, .forum a:active {  
	text-decoration: none; background: #90a; color: #fff}
	
.about, .map{ 
	float: right;
	background: #000}
.about a, .map a{ 
	display: block;
	padding: 1ex;
	text-decoration: none; color: #fff}
.about a:visited, .map a:visited{
	text-decoration: none; color: #fff} 
.about a:hover, .about a:active{  
	text-decoration: none; background: #690; color: #fff}
.map a:hover, .map a:active{  
	text-decoration: none; background: #f06; color: #fff} 
	
/* HELP */

.helpleft {
	float: left;
	width: 20%;
	margin: 0ex; padding: 0ex;
	height:auto !important;
  	height:88%;
  	min-height:88%;  }
.helpleftpad {
	margin: 0ex; padding: 1ex }
.helpright {
	width: 79%;
	margin: 0ex; padding: 0ex;
	float: right;  }
.helprightpad {
	margin: 0ex; padding: 2ex }
	
.level-1-book {
	background: #FFF url(images/book.gif) top left no-repeat;
	margin: 0.5ex; padding: 0ex;}
	
.level-1-book p {margin: 0.5ex; padding: 0ex 0ex 0ex 3ex; font-weight:bold;}

.level-1-sheet {
	background: #FFF url(images/sheet.gif) top left no-repeat;
	margin: 0.5ex; padding: 0ex;}
.level-1-sheet p {margin: 0.5ex; padding: 0ex 0ex 0ex 3ex;}

.level-2-book {
	background: #FFF url(images/book.gif) top left no-repeat;
	margin: 0.5ex 0.5ex 0.5ex 3.5ex; padding: 0ex;}
.level-2-book p {margin: 0.5ex; padding: 0ex 0ex 0ex 3ex; font-weight:bold;}

.level-2-sheet {
	background: #FFF url(images/sheet.gif) top left no-repeat;
	margin: 0.5ex 0.5ex 0.5ex 3.5ex; padding: 0ex;}
.level-2-sheet p {margin: 0.5ex; padding: 0ex 0ex 0ex 3ex;}

.level-3-book {
	background: #FFF url(images/book.gif) top left no-repeat;
	margin: 0.5ex 0.5ex 0.5ex 6.5ex; padding: 0ex;}
.level-3-book p {margin: 0.5ex; padding: 0ex 0ex 0ex 3ex; font-weight:bold;}

.level-3-sheet {
	background: #FFF url(images/sheet.gif) top left no-repeat;
	margin: 0.5ex 0.5ex 0.5ex 6.5ex; padding: 0ex;}
.level-3-sheet p {margin: 0.5ex; padding: 0ex 0ex 0ex 3ex;}

.picture { /* for images width 700px + border=1px*/
	margin: 3ex 1ex 1ex 1ex;
	width: 700px;
	padding: 0px;
	border: 1px solid #000;
    text-align: center;
	margin-left: auto; margin-right: auto;} /*for opera and FF, they don't centre div by text-align:center, and IE doesn't understand 'auto'*/