body {
		margin:0px 10px 0px 10px;
		padding:0px;
		font-family: arial;
		text-align: left;
		background-image:url(images/back.gif);
		}
		h1 { font-size: 14pt;}
		
		a
{
    color: white;
}
.dialoglight A:link {color: navy;}
 .dialoglight A:Visited {color: navy;}

	
	
	#leftcontent {
	
		left:5px;
		width:362px;
	
		
		}

	#centercontent {
position: absolute;
margin-left: 390px;
}

.dropcap
{
float: left;
width: .7em;
font-size: 4em;
line-height: 83%;
}


/* Dark Boxes */

.dialog {
 position: inherit;
 margin:0px auto;
 padding: 0px;
 text-align: left;
 /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:8px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(images/darktl.gif) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(images/darktr.gif) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(images/darkms.jpg) 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(images/darkmr.jpg) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 2px 0px 4px;
 background:transparent url(images/darkms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(images/darkbl.gif) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(images/darkbr.gif) no-repeat right 0px;
 margin-right:-14px;
}
	
/* Light Boxes */

.dialoglight {
 position: inherit;
 margin:0px auto;
 text-align: left;
  /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#fff;
}

.dialoglight .hdlight .clight,
.dialoglight .ftlight .clight {
 font-size:1px; /* ensure minimum height */
 height:8px;
}

.dialoglight .ftlight .clight {
 height:14px; 
}

.dialoglight .hdlight {
 background:transparent url(images/lighttl.gif) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialoglight .hdlight .clight {
 background:transparent url(images/lighttr.gif) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialoglight .bdlight {
 background:transparent url(images/lightms.gif) 0px 0px;
 margin-right:6px;
}

.dialoglight .bdlight .clight {
 background:transparent url(images/lightmr.gif) repeat-y right 0px;
 margin-right:-6px;
 color: Navy;
}

.dialoglight .bdlight .clight .slight {
 margin:0px 8px 0px 4px;
 background:transparent url(images/lightms.gif) repeat-x 0px 0px;
 padding:1em;
}

.dialoglight .ftlight {
 background:transparent url(images/lightbl.gif) no-repeat 0px 0px;
 margin-right:14px;
}

.dialoglight .ftlight .clight {
 background:transparent url(images/lightbr.gif) no-repeat right 0px;
 margin-right:-14px;
}

/* Dark Boxes thin*/

.dialogthin 
{
     /* position: absolute; 
    bottom: 0;
     
    left: 0;*/


width: 740px;
 margin:0px auto;
 text-align: left;

  /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#fff;
}

.dialogthin  .hdthin .cthin,
.dialogthin  .ftthin .cthin {
 font-size:1px; /* ensure minimum height */
 height:8px;
}

.dialogthin  .ftthin .cthin {
 height:5px;
}

.dialogthin  .hdthin {
 background:transparent url(images/darktl.gif) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialogthin  .hdthin .cthin {
 background:transparent url(images/darktr.gif) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialogthin  .bdthin {
 background:transparent url(images/darkms.jpg) repeat-x 0px 0px;
 margin-right:6px;
  padding-left: 15px;
}

.dialogthin  .bdthin .cthin {
 background:transparent url(images/darkmr.jpg) repeat-y right 0px;
 margin-right:-6px;
}

.dialogthin  .bdthin .cthin .sthin {
 margin:0px 8px 0px 4px;
 background:transparent url(images/darkms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialogthin  .ftthin {
 background:transparent url(images/darkbl.gif) no-repeat 0px 0px;
 margin-right:14px;
}

.dialogthin  .ftthin .cthin {
 background:transparent url(images/darkbr.gif) no-repeat right 0px;
 margin-right:-14px;
}

	
/* Green Boxes */

.dialoggreen {
 position: inherit;
 margin:0px auto;
 text-align: left;
  /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#fff;
}

.dialoggreen .hdgreen .cgreen,
.dialoggreen .ftgreen .cgreen {
 font-size:1px; /* ensure minimum height */
 height:8px;
}

.dialoggreen .ftgreen .cgreen {
 height:14px; 
}

.dialoggreen .hdgreen {
 background:transparent url(images/greentl.gif) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialoggreen .hdgreen .cgreen {
 background:transparent url(images/greentr.gif) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialoggreen .bdgreen {
 background:transparent url(images/greenms.gif) 0px 0px;
 margin-right:6px;
}

.dialoggreen .bdgreen .cgreen {
 background:transparent url(images/greenmr.gif) repeat-y right 0px;
 margin-right:-6px;
 color: Navy;
}

.dialoggreen .bdgreen .cgreen .sgreen {
 margin: 0px 8px 0px 4px;
 background:transparent url(images/greenms.gif) repeat-x 0px 0px;
 padding:1em;
}

.dialoggreen .ftgreen {
 background:transparent url(images/greenbl.gif) no-repeat 0px 0px;
 margin-right:14px;
}

.dialoggreen .ftgreen .cgreen {
 background:transparent url(images/greenbr.gif) no-repeat right 0px;
 margin-right:-14px;
}