html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background:#fff; /* color background - only works in IE */
	font-size:13px; /*set default font size */
  	font-family: Arial, sans-serif, Helvetica, Geneva, SunSans-Regular;	
	}

body 	{
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:1em; /*remove padding */
	padding-left:3em;
	margin:3; /* remove margins */
	border:2px; /* remove borders */
        }

h1	{  text-align:left;   border:0px  solid #555; padding:0em ; position:relative;   font-weight:bold; font-size:26pt; }
h2  	{  padding-top:25em;	text-align:left;   border:0px  solid #555; padding:0em ; position:relative;   font-weight:bold; font-size:15pt; }

#pictureleft  { float:left;  width: 100px; }
#pictureright { float:right; width: 100px; }

a:link 		{color: blue; text-decoration:none;}
a:visited 	{color: blue; text-decoration:none;}
/* a:active 	{background: black; text-decoration:underline;} */
a:active 	{background: black; text-decoration:none;}
a:hover 	{color: black; text-decoration:none;}


.out {  display:block;   background:#aaa;   border:0px solid #ddd;   position:relative;  margin:1em; }
.in  {  text-align:left;   background: #fff;   border:1px  solid #ddd;   position:relative;   padding:1em;  padding-left:1.5em;  font-weight:normal;  }

.out2 {  display:block;   background: #aaa;   border:0px solid #ddd;   position:relative;  margin:1em 1em;  padding-top: -1em;  padding-left: -5em  }
.in2  {  text-align:left;   background: #eee;   border:0px  solid #ccc;   position:relative;   padding:12px;  font-weight:normal;  }

.out3 {  display:block;   background: #aaa;   border:0px solid white;   position:relative;  margin:2em 0em;  padding-top: -1em;  padding-left: -5em  }
.in3  {  text-align:left;  background: #ddd;    border:0px  solid #555;    position:relative;   padding:10px; font-weight:normal; }

.out4 {  display:block;   background: #aaa;   border:px solid #ddd;   position:relative;  margin:1em 1em;  padding-top: -1em;  padding-left: -5em  }
.in4  {  text-align:left;   background: #eee;   border:0px  solid #555;   position:relative;   padding:40px;  font-weight:normal;  }

.out5 {  display:block;     background: #aaa;   border:0px solid #ddd;     position:relative;  margin:1em 1em;  padding-top: -1m;  padding-left: -5em  }
.in5  {  text-align:center;   background: #555;   border:1px  solid #fff;   position:relative;   padding-bottom:0em;  }

.out6 {  display:block;   background: #aaa;   border:0px solid #ddd;   position:relative;  margin:1em 1em;  padding-top: -1em;  padding-left: -5em  }
.in6  {  text-align:left;   background: #eee;   border:0px  solid #555;   position:relative;   padding:40px;  font-weight:normal;  }

.out7 {  display:block;   background: #aaa;   border:px solid #ddd;   position:relative;  margin:1em 1em;  padding-top: -1em;  padding-left: -5em  }
.in7  {  text-align:left;   background: #fff;   border:0px  solid #555;   position:relative;   padding:40px;  font-weight:normal;  }

.out8 {  display:block;   background: #aaa;   border:0px solid white;   position:relative;  margin:2em 0em;  padding-top: -1em;  padding-left: -5em  }
.in8  {  text-align:left;  background: #fff;    border:0px  solid #555;    position:relative;   padding:10px; font-weight:normal; }



.in:hover  {background:#ddd;  border:1px  solid #ccc;}
.in2:hover {background:#fff;  border:0px  solid #eee;}
.in3:hover {background:#fff;  border:0px  solid #eee;}
.in5:hover {background:#555;  border:1px  solid #555;}
.in6:hover {background:#ddd;  border:0px  solid #eee;}
.in7:hover {background:#ddd;  border:0px  solid #ccc;}
.in8:hover {background:#ccc;  border:0px  solid #eee;}

.ltin { left:-5px; }
.tpin { top:-5px;  }

.smallfont {font-size:.75em; }

.floatleft {float:left;}
.floatright {float:right;}
.floatnone {float:none;}
.floatstop {clear:both;}

.verynarrow {width:5em;} /* change to suit */
.casiwide {width:18em;} /* change to suit */
.narrow {width:8em;} /* change to suit */
.casinarrow {width:10em;} /* change to suit */
.normal {width:15em;} /* change to suit */
.wide {width:40em;} /* change to suit */
.menoswide {width:30em;} /* change to suit */
.quitewide {width:50em;} /* change to suit */