body { 
/*min-width: 30em;
max-width: 35em;*/
width: 600px; /* was 36.5em;  was  580px;  ...  was 53  ...  max-width: 70em */
font-family: sans-serif; 
color: #696969;
margin: auto; 
padding: 0;
text-align: justify; /*text-align-last: right;*/

font-size: 93% ;

	background-image: url('../_images/bglightgrey.png');
        background-color: #FFFFFF;
        background-repeat: repeat-x;
        border: 0px solid;
}

.justifylastline:after
{
	content: " ________________________";
	line-height: 0;
	color: #ffffff;
}


.serif {font-family: serif;}
.sans-serif {font-family: sans-serif;}
.cursive {font-family: cursive;}
.fantasy {font-family: fantasy;}
.comic {font-family: Comic Sans MS;}
.xx-small {font-size: xx-small;}
.x-small {font-size: x-small;}
.small {font-size: small;}
.medium {font-size: medium;}
.large {font-size: large;}
.x-large {font-size: x-large;}
.xx-large {font-size: xx-large;}
.smaller {font-size: smaller;}
.larger {font-size: larger;}
.points {font-size: 18pt;}
.percentage {font-size: 200%;}
.italic {font-style: italic;}
.oblique {font-style: oblique;} /*like italic text*/
.weight {font-weight: 900;} /*bold text*/
.smallcaps {font-variant: small-caps;}

.largish{font-size:116%;}
.x-largish{font-size:131%;}
.xxx-large{font-size: 180%;}
.xxxx-large{font-size: 339%;}

p.lessspacing{margin-top: 3px;
	margin-bottom: 3px;}

p.topspacing{margin-top: 60px;}

hr {border: none 0; 
border-top: 1px solid #FF00FF;/*the border - can also be dashed*/
/*width: 50%;*/
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

.pos_up
{
position:relative;
bottom:20px
}

.makeinline
{
  display:inline;
}

.makeblock
{
  display:block;
}

.floatleft
{
  float:left;
}

.floatright
{
  float:right;
}

.textalignright
{
  text-align:right;
}

.alignright
{
  display: block;
  margin-left: auto;
}

strong { 
/*font-weight: bold; */
font-style: none;
color: #FF00FF ;
}

.head { 
width: 99%;
} 

.header { 
padding: 1em 2em 0em 1em;
border: 0px solid; /* #b8eaff   green border d4e5ce*/ 
margin: 0em 0em 0em 2.4em;

 /* background-color: #d4e5ce; d4e5ce */
 /*1.3em 1.4em 0.3em 1.8em; */
} 

.titleandcontents {
  height:540px;
  border: 0px solid;
  padding: 0em; 
}

.email {
  height:210px;
}

.mid { 
float: left; 
clear: both; 
width: 99%; 
} 

.midder { 
padding: 1em; 
border: 1px solid #FF00FF; /*#b8eaff;*//* green border */ 
margin: 1em 0em 0em 2.4em;
width: 500px; /*shouldnt be here */
/*background-color: #b8eaff*/
color: #696969 ;
} 

.foot { 
float: left; 
clear: both; 
width: 99%; 
} 

.footer { 
padding: 1em; 
border: 0px solid #FFFFFF;/* green border */ 
margin: 1em 1.4em 1em 1.8em; 
/*background-color: #FFFFFF;*/
font-size: 85%;
text-align: center;
color: #FF00FF ;
} 

h1 {
	color: #696969 ;
	font-size: 250% ;
	text-align:left;
	margin-top: 0.5em;
	
}

h2 {
	/*font-size: 150% */
	margin-top: 0em;
}

h3 {
  color: #696969 ;
  font-size: 200% ;
}

p {
  font-size: 100%
}

ul {
  list-style-type: none;
  padding:0; /*for Safari and Firefox*/
  margin:0; /*for IE*/
}

img {
  border: 0;
}


IMG.displayRight {
  display: block;
  margin-left: auto;
  /*margin-right: auto*/ }
    
IMG.displayLeft {
    display: block;
    margin-right: auto;
    /*margin-right: auto*/ }

.displayLeftTopSpaceBtmSpace {
    display: block;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    /*margin-right: auto*/
}

IMG.displayLeftBtmSpace {
    display: block;
    margin-right: auto;
    margin-bottom: 1em;
    /*margin-right: auto*/ }

.displayLeftFloat {
    display: block;
    float: left;
    margin-right: 1em;
 }

.displayLeftFloatTopSpaceBtmSpace {
    display: block;
    float: left;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
 }

.displayLeftFloatTopSpace {
    display: block;
    float: left;
    margin-right: 1em;
    margin-top: 1em;
 }

.displayLeftFloatBtmSpace {
    display: block;
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
 }

.displayCenterWithTopGap {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
}

.displayCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.displayRightFloat {
    display: block;
    float: right;
    margin-left: 1em;
 }
 
.displayRightFloatWithNoTopGap {
    display: block;
    float: right;
    margin-left: 1em;
    margin-top: 0em;
 }
  
.displayRightFloatWithBtmGap {
    display: block;
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
 }
  
.displayRightFloatWithTopGap {
    display: block;
    float: right;
    margin-left: 1em;
    margin-top: 1em;
 }  

.centerFramed {
  padding: 1em; 
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #FF00FF;
     }

.leftFramed {
  padding: 1em; 
    display: block;
    /*margin-left: auto;*/
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #FF00FF;
     }


/* width: 500px; shouldnt be here */



a:link {
	color: #696969 ;
	font-weight: bold;
	/*text-decoration: none ;
	border-left: thin solid #ff0000;
	font-size: 85%*/
}

a:visited {
	color: #696969 ;
	font-weight: bold;
	/*text-decoration: none ;
	border-left: thin solid #ff0000;
	font-size: 85%*/
}

a:hover {
    /* background-image: url('../_images/danielnewman.png'); */
	color: #5C5C5C;
	font-weight: bold;
	/*border-right: thin solid #ff0000;*/
}

.linktomainpage { text-align: center ; padding: 2em 0 1em 0; }
.linktochat { text-align: center ; padding: 1em 0 3em 0; }

div.linkbox {
        border-style: solid ;
        border-width: 0px ;
        border-color: #800080 ;
        position: absolute ;
        left: 5px ;
        top: 5px ;
        /*text-align: left ;*/
        margin: 0cm
}

div.picbox {
        
        border-style: solid ;
        border-width: 1px ;
        border-color: #008080 ; /*purple*/
        width: 30em ;
        white-space: nowrap ;
        text-align: center ;
        margin-left: auto ;
        margin-right: auto ;
        margin-top: 100px ;
        padding: 0.5cm ;
        padding-bottom: 0.4cm
}

div.textbox {
        
        border-style: solid ;
        border-width: 1px ;
        border-color: #008080 ; /*purple*/
        width: 30em ;
        white-space: nowrap ;
        text-align: center ;
        margin-left: auto ;
        margin-right: auto ;
        margin-top: 100px ;
        padding: 0.5cm ;
        padding-bottom: 0.4cm
}

div.fileinfobox {
        
        border-style: solid ;
        border-width: 0px ;
        border-color: #008080 ; /*blue*/
        white-space: nowrap ;
        text-align: left ;
        padding: 0cm
}

div.okbox {
        border-style: solid ;
        border-width: 0px ;
        border-color: #808000 ; /*yellow*/
        text-align: center ;
        padding: 0cm ;
        padding-top: 0.5cm 
}