body, p, td, th, div, blockquote, dl, ul, ol { color: #000000; }
body 
	{
	width: 100%; 
	max-width: 970px; 
	text-align: center; 
	margin: 0% 1% 0% 0%; 
	padding: 0% 0% 0% 0%; 
  background: #f6f7ef; 
	font: normal normal normal small Verdana, Arial, Helvetica, sans-serif;
	background: #f6f7ef url(img/checker-1-gradient-2.png) repeat fixed 8px 0%; 
	}
/* 		
<img alt="checker-1-gradient-1 (7K)" src="img/checker-1-gradient-1.png" height="600" width="8" />
background: #f6f7ef url(img/tile-gradiant-1.png) repeat fixed 8px 0%; 
      width: 81%;
max-width: 960px
*/
h1
	{ 
	margin: 0 0 0 0; 
	padding: .15% .25% 0 2%;
	background: transparent; 
	color: #cc3333;
	letter-spacing: 4px;
	text-decoration: underline; 
	font: normal small-caps 900 425% Lucida Sans, Helvetica, sans-serif; 
	}
	
/*  consider using a separate style sheet for the actual adds for things like:  letter-spacing: 10px; bolder paragraph text; ) */
h1:first-letter 
	{ 
	margin: 0em;
	padding: 0em;
	font-size: 150%; 
	}
	
		
h2 
	{ 
	margin: 0 .5% 0 0; 
	padding: 0 2% 0 1%;
	text-align: center; 
	color: #8649c2; 
	font: normal normal 900 315% Lucida Sans, Helvetica, sans-serif; 
	}
h2:first-letter 
	{ 
	margin: 0em;
	padding: 0em;
	font-size: larger; 
	}	

		
h3 
	{ 
	margin: 0 0 0 0; 
	padding: .5% 1% 0 4%; 
	color: #8649c2;
	letter-spacing: 6px;
	text-align: left; 
	font: normal normal 900 190% Lucida Sans, Helvetica, sans-serif; 
	}
h3:first-letter 
	{ 
	color: #8649c2;
	margin: 0em;
	padding: 0em;
	font-size: larger; 
	}	

h4 
	{ 
	margin: 0 5% 0 0; 
	padding: .15% 0 0 .25%; 
	color: #cc3333;
	text-align: left; 
	font: normal normal 900 140% Lucida Sans, Helvetica, sans-serif; 
	}
h4:first-letter 
	{ 
	color: #cc3333;
	margin: 0em;
	padding: 0em;
	font-size: larger; 
	}	
	
h5
	{ 
	margin: .15% 3% 0 2%; 
	padding: .15% 0 .5% 1%; 
	color: #D59F53;
	text-align: left; 
	font: normal normal 900 110% Helvetica, sans-serif; 
	}	

h5:first-letter 
	{ 
	color: #D59F53;
	margin: 0em;
	padding: 0em;
	font-size: larger; 
	}

h6
	{
	width: 90%; 
	margin: .5% 3% 0 2%; 
	padding: 1% 0 .15% 1%; 
	color: #ac752b;
	text-align: left; 
	font: normal normal 900 90% Helvetica, sans-serif; 
	}
h6:first-letter 
	{ 
	color: #D59F53;
	margin: 0em;
	padding: 0em;
	font-size: larger; 
	}

img { margin: 1% .25% }
	
/*background images*/
/*
.bodybackground1 
	{ 2
	background: #668fd2 url(img/widqb24.png) no-repeat fixed top left;
	}
*/
/*style; variant; weight; size / line-height; family*/

/*standard site anchors - also create dedicated menu anchors 800080 #cc99ff*/

a:link { text-decoration: underline }
a:visited { text-decoration: underline; color: #cc99ff }
a:hover { text-decoration: underline; background: #ffffff; color: #ff0000 }
a:active { text-decoration: none }
a:link img { border-style: none }
a:visited img { border-style: none }

/* font-size */

.x-small { font-size: x-small }
.small { font-size: small }
.medium { font-size: medium }
.large { font-size: large }
.larger { font-size: larger }
.x-large { font-size: x-large }
.xx-large { font-size: xx-large }

/* colors */
.pink { color: #ffcccc }
.dark-pink { color: #d6546a }
.med-gray  { color: #9d9d9d }

/* font-decorations */

.italic { font-style: italic }
.underline { text-decoration: underline }
.bolder { font-weight: bolder }

/* ------- floats  and positions ------- */
.align-right { text-align: right }
.align-left { text-align: left }
.float-left { float: left }
.float-right { float: right }

/*

#image-float-right 
	{ 
	float: right; 
	margin: 0 0 1% .5%; 
	padding: 0 0 1% .5%;
	background: transparent; 
	}
#image-float-left 
	{ 
	float: left; 
	margin: 0 3% .5% 0; 
	padding: 0 3% .5% 0;
	background: #cacaca; 
	}

#float-par-right1 
	{ 
	float: right;
	position: relative; left: 2%; top: -4%;
	width: 20%; 
	margin: 0% 0 1% .75%; 
	padding: 2% .75% 1.5% 1%; 
	background: url(img/orange-40.png) repeat fixed 20% 0%; 
	border-top: thin outset #faedfa; 
	border-right: thin groove #faedfa; 
	border-bottom: .5em inset #faedfa; 
	border-left: thin groove #faedfa; 
	text-align: center; 
	color: #000000; 
	font: normal normal bold x-large/1 Helvetica, sans-serif; 
	}

	*/
	

	
/* 	position: relative; left: 0%; top: -10%;  */
/* -------------------  top horizontal nav -------------------- */

/* -------------------  top horizontal nav -------------------- */

#top-nav-div
	{
	float: left;
	width: 92.75%;
	background: #000000;
	margin: 0 0 0 4%;
	padding: .75% .25% .25% 4%;
	border-bottom: 5px solid #000000;
	}
/* 
padding: .5% .5% .5% 0;
position: relative; left: 7%; top: 0%; 
width: 92.75%;
width: 87.75%;
*/	
	
/* position: relative; left: 4%; top: 0%; */	
ul#top-nav-list
	{
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0 .5px 10px .5px;
	width: 100%;
	}
/* padding: 0 .5% 1% .5%; */
ul#top-nav-list li
	{
	float: left;
	display: block;
	width: 20%;
	padding: 0;
	font: normal normal bold 115% Verdana, Arial, Helvetica, sans-serif;
	}

ul#top-nav-list li a
	{
	display: block;
	width: 100%;
	margin: 0 .5%;
	padding: .5% .15% 0% .15%;
	border: 1px outset #474747;
	color: #ffffff;
	text-decoration: none;
	background: #000000;
	}

ul#top-nav-list li a:visited 
	{ 
	color: #91737f; 
	text-decoration: none; 
	}
	
ul#top-nav-list li a:hover
	{
	color: #0f7bff;
	background: #2f2f2f;
	border: thin inset #9bb0aa;
	}
	
ul#top-nav-list li a:active
	{
	color: #0000ff;
	background: #ccccff;
	border: thin inset #9bb0aa;
	}	

	ul#top-nav-list li.here a
	{
	border: thin inset #eadff4;
	text-decoration: none;
	background: #bbbbbb;
	}

	
/* ---------------------------- end top horizontal nav ----------------- */



/* --------------- header ---------------------- */

#headerdiv 
	{
	width: 96.25%; 
	text-align: left;
	margin: 0% 0% 0% 4%; 
	padding: .5% 0% 0% .5%;
	border: 1px outset #57bbd3;
	background: #f6f7ef url(img/header-img-1.png) no-repeat fixed 8px 0%; 
	}
/* width: 96.25%; */	
#headerdiv img { margin: 0; padding: 0 }
/*	
#sub-headerdiv 
	{
	width: 100%; 
	text-align: left;
	margin: 0x 0% 1px 0%; 
	padding: 0% 0% .2% 20%;
	}	
*/	
/* background: url(img/orange-800x500-50.png) no-repeat scroll 0% 0%; */	
	
/* position: relative; left: 0%; top: 0px; */
/* ----------- main page intro ------------ */

#maindiv1 
	{ 
	width: 53%; 
	margin: 3.5% 0% .5% 39.25%; 
	padding: 2% .75% 1.5% 3%;
	border-top: thin none #999999; 
	border-right: .6em none #999999; 
	border-bottom: thick none #999999; 
	border-left: thin none #ffffff; 
	color: #9d9d9d;
	background: #2f2f2f url(img/checker2.png) repeat scroll 0% 0%; 
	font: normal normal normal medium/1.25 Arial, Helvetica, sans-serif;
	}
/* 		width: 100%; 
	background: transparent; 
	margin: 0 0 .25% 0;
	padding: 0% 0% .25% .25%;  
<img alt="checker2 (1K)" src="img/checker2.png" height="8" width="8" />
	width: 55%; 
	margin: 0% 0% .5% 35%; 
	padding: 2% .75% 1.5% 3%;

	original 	
	width: 51%; 
	background: #2f2f2f; 
	margin: 3.5% 0% 2% 40%; 
	padding: 2% .15% 1% 3%;
*/
	
#float-panel-left1 
	{
	float: left; 
	width: 31%; 
	margin: .5% 1% 1% 4%; 
	padding: 2.75% 2.25% 1.5% 1.75%; 
  background: #e9e9e9; 
	border-top: 1px outset #ffecea; 
	border-right: 1px outset #ffecea; 
	border-bottom: .5em inset #ffecea; 
	border-left: 1px outset #ffecea; 
	text-align: left; 
	color: #408da0; 
	font: normal normal normal large/1 Helvetica, sans-serif;
	}
/* 	 
	float: left;
	width: 35%; 
	margin: 0% 0% 1% 1%; 
	padding: 2.75% 2.25% 1.5% 1.75%; 
*/	

	
	
#pagesdiv1  
	{
	width: 70%; 
	margin: 3.5% 15% 0 10%; 
	padding: 2% 5% 2% 5%; 
	border-top: thin none #9999cc; 
	border-right: 1em none #9999cc; 
	border-bottom: thick outset #9999cc; 
	border-left: thin none #9999cc; 
	color: #000000;
	font: normal normal normal medium/1.25 Arial, Helvetica, sans-serif;
	background: url(img/grey-1-970-800-80.png) repeat fixed 0% 0%; 
	}
/* background: url(img/goldgreen-650-40.png) repeat scroll 0% 0%;  */	
	
p.converting
	{
	width: 55%; 
	margin: 0% 0% .5% 39%; 
	padding: 2% .75% 1.5% 3%; 
	text-align: left; 
	text-indent: 2em;
	font: normal normal normal 18px Arial, Helvetica, sans-serif;
	border-bottom: thin none #9cbfc0;
	background: url(img/tile-gradiant-1.png) repeat scroll 50% 50%; 
	}

/* background: url(img/lavendar-60.png) no-repeat scroll 50% 50%; */	
	
/* width: 450px; 	margin: 0% .15% .5% 0%; 
	padding: 2% .75% 1.5% 3%; */	
p.upgrading
	{
	width: 55%; 
	margin: 0% 0% .5% 39%; 
	padding: 2% .75% 1.5% 3%;  
	text-align: left; 
	text-indent: 2em;
	font: normal normal normal 18px Arial, Helvetica, sans-serif;
	border-bottom: thin none #9cbfc0;
	background: url(img/tile-gradiant-3.png) repeat scroll 50% 50%; 
	}

/* background: url(img/salmon-60.png) no-repeat scroll 50% 50%; */	
	
p.creating
	{
	width: 55%; 
	margin: 0% 0% .5% 39%; 
	padding: 2% .75% 1.5% 3%;   
	text-align: left; 
	text-indent: 2em;
	font: normal normal normal 18px Arial, Helvetica, sans-serif;
	border-bottom: thin none #9cbfc0;
	background: url(img/orange-800x500-50.png) repeat scroll 50% 50%; 
	}

p.mobile
	{
	width: 55%; 
	margin: 0% 0% .5% 39%; 
	padding: 2% .75% 1.5% 3%;   
	text-align: left; 
	text-indent: 2em;
	font: normal normal normal 18px Arial, Helvetica, sans-serif;
	border-bottom: thin none #9cbfc0;
	background: url(img/floralw-80.png) repeat scroll 50% 50%; 
	}
	
		
/* background: url(img/green-60.png) repeat scroll 50% 50%; */	

/* --- top mid bottom single custom p --- */
  p.ptop 
  { 
  margin: 0 26px 0 34px; 
  padding: 13px 37px 7px 34px;   
  text-align: left; 
  text-indent: .9em;  
  border-right: medium solid #5c7967; 
  font: normal normal normal 16px Verdana, Arial, Helvetica, sans-serif; 
  } 
	
/* background: url(img/orange-60.png) repeat fixed 20% 0%; */
	
  .ptop:first-letter 
  { 
  color: #ffc816; 
  padding: 0em; 
  font-size: 160%; 
  }
  
  p.pmid 
  { 
  margin: 0 26px 0 34px; 
  padding: 5px 37px 7px 34px;  
  text-align: left; 
  text-indent: .9em; 
  border-right: medium solid #5c7967; 
  font: normal normal normal 15px Verdana, Arial, Helvetica, sans-serif; 
  }
	
/* background: url(img/lavendarviolet-60.png) repeat fixed 20% 0%; */
	
  .pmid:first-letter 
  {  
  padding: 0em;
  font-weight: 400; 
  font-size: 120%; 
  } 
  p.pbottom 
  { 
  margin: 0 26px 12px 34px; 
  padding: 5px 37px 13px 34px;  
  text-align: left; 
  text-indent: .9em; 
  border-right: medium solid #5c7967; 
  border-bottom: thick solid #5c7967; 
  font: normal normal normal 15px Verdana, Arial, Helvetica, sans-serif; 
  }
	
/* background: url(img/lavendar-60.png) repeat fixed 20% 0%; */
	
  .pbottom:first-letter 
  { 
  padding: 0em;
  font-weight: 400; 
  font-size: 120%; 
  }
  p.psingle 
  { 
  margin: 0 6px 0 14px; 
  padding: 13px 27px 13px 24px;  
  text-align: left; 
  text-indent: .9em;  
  border-right: medium solid #5c7967;
  border-bottom: thick solid #5c7967; 
  font: normal normal normal 15px Verdana, Arial, Helvetica, sans-serif; 
  } 
	
/* background: url(img/floralw-80.png) repeat fixed 20% 0%; */
	
  .psingle:first-letter 
  { 
  color: #ffc816; 
  padding-right: 0em; 
  font-size: 160%; 
  }
/* ------------------------ end of custom p ------------ */

/* ------------- screen shot pages ------------ */

#screen-shot-div1 { margin: 0 5% 0 0%; padding: 2%; background: #ffffff; }


/* ------------------ lists ------------------- */
/* ---------------- basic unordered list - a ---------------- */

ul.basic-symbol-square 
	{
	width: 90%; 
	margin: 1% 2% 2% 4%; 
	padding: 2.5% 2% 5% 5%;
	text-align: left; 
	color: #408da0;
	letter-spacing: 1px;
	list-style: square outside; 
	}

/* background: url(img/blue-40.png) repeat fixed 20% 0%; */
	
ul.basic-symbol-square li 
	{
	margin: 0 2% .5% 2%; 
	padding: 1% 2% .5% 2%;
	letter-spacing: 1px; 
	font: normal normal normal medium Arial, Helvetica, sans-serif; 
	}
	
/* ---------------- basic ordered list - 1 (decimal) ---------------- */

ol.basic-1 
	{
	width: 85%; 
	margin: 0 2% 2% 2%; 
	padding: 2.5% 4% 1.5% 8%;
	text-indent: 0em;
	text-align: left; 
	color: #000000;
	letter-spacing: 1px;
	list-style: decimal outside; 
	font: normal normal normal medium Arial, Helvetica, sans-serif; 
	}

/* background: url(img/green-40.png) repeat fixed 20% 0%; */
	
ol.basic-1 li 
	{
	margin: 0 2% 0 2%; 
	padding: 1% 4% .5% 2%;
	letter-spacing: 1px;
	}

/* --------------- end of lists ----------- */	

/* ----------- tables ----------------- */

/* --------------- table - fees chart -----------*/

table#fees-chart
  {
	float: left;
	width: 100%; 
	background: #000000;
	margin: 1% 0 1.5% 0; 
	padding: .25% .1% .3% .1%;
	letter-spacing: 1.15px;  
	text-align: left;
	font: normal normal normal small Arial, Helvetica, sans-serif; 
	}
table#fees-chart th	
  {
	width: 100%; 
	background: #e8e8e8;
	margin: 1% 1% 0 .5%; 
	padding: .25% 1% .3% 1%;  
	text-align: center; 
	}
table#fees-chart td
  { 
	margin: 0; 
	padding: 1% 1.5% .5% 1.5%; 
	background: #f1e7da; 
	text-align: left;  
	}

table#fees-chart .fee-chart-td1
  { 
	width: 14%;
	padding: 1.5%;  
	}	
table#fees-chart .fee-chart-td2
  { width: 6%; }
table#fees-chart .fee-chart-td3
  { width: 75%; }
	
/* ------------ table - sample chart ------------ */
table#typical-cost
  {
	width: 90%; 
	background: transparent;
	margin: .25% 8% 0 5%; 
	padding: .25% 2% .3% 2%;  
	text-align: left; 
	}
table#typical-cost td
  { 
	margin: 0; 
	padding: 1% .5% .5% 3%; 
	background: transparent; 
	text-align: left;  
	}
table#typical-cost .td2
  { width: 25% }
	

/* ------------ footer menu ------------- */

#navfooterdiv { width: 100%; float: left; margin: 1% 0% 4% 0%; padding: .25% 0% 1% 0%; text-align: right; }
#footernav { margin: 0; padding: 0% 0% 0% .75%; font: normal small-caps bold small Verdana, Arial, Helvetica, sans-serif; }
#footernav li { list-style: none; margin: 0% 0%; padding: 0 .25%; display: inline; }
#footernav li a { padding: 0% .25% 0% .25%; background: transparent; text-decoration: none; }
#footernav li a:link { color: #9966ff; }
#footernav li a:visited { color: #e3808e; }
#footernav li a:hover { color: #0000ff; background: #cee7b6; }

/* short-hand - font: (style)- normal*italic*oblique (variant)- normal*small-caps (weight)- normal*bold*bolder*lighter size/1.7line-height (family)- Tahoma, Verdana, Arial, Helvetica, sans-serif } 
*/