html{color:#000;background: #f6f7ef url(img/checker-1-gradient-2.png) repeat fixed 0% 0%}

.yui-t7 { padding: 0% 3% } 

body
	{
	max-width: 974px;
	background: #f6f7ef url(img/checker-1-gradient-2.png) repeat fixed 0% 0%; 
	}

h1
	{ 
	margin: 1% 0 0 0; 
	padding: 2% .25% 1% 2%;
	background: transparent; 
	color: #cc3333;
	letter-spacing: 4px;
	text-decoration: underline; 
	font: normal small-caps 900 425% Lucida Sans, Helvetica, sans-serif; 
	}
h1:first-letter 
	{ 
	margin: 0em;
	padding: 0em;
	font-size: 150%; 
	}
	
h2 
	{ 
	margin: 1% .5% 0 0; 
	padding: 2% 2% 1% 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 100% Helvetica, sans-serif; 
	}
h6:first-letter 
	{ 
	color: #D59F53;
	margin: 0em;
	padding: 0em;
	font-size: larger; 
	}

img { margin: 1% .25% }

/*style; variant; weight; size / line-height; family*/

/*standard site anchors - also create dedicated menu anchors */

a:link { text-decoration: underline; color: #59acff; }
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 }

/* background */

.background-teal { background: #99cccc; }

/* 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; 
	}

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

ul#top-nav-list
	{
	width: 90%;
	text-align: center;
	list-style: none;
	margin: 0 0 0 10%;
	padding: 0 .5px 29px .5px;
	}

ul#top-nav-list li
	{
	width: 100%;
	float: left;
	display: block;
	width: 21%;
	margin-right: 1%;
	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: 2% .15% 2% .15%;
	border: 2px outset #027f8c;
	border-bottom: none;
	color: #ffffff;
	text-decoration: none;
	background: #05737a;
	}

ul#top-nav-list li a:visited 
	{ 
	color: #009999; 
	text-decoration: none; 
	}
	
ul#top-nav-list li a:hover
	{
	color: #0f7bff;
	background: #09484b;
	border-bottom: none;
	}
	
ul#top-nav-list li a:active
	{
	color: #0000ff;
	background: #ccccff;
	border: 2px inset #9bb0aa;
	border-bottom: none;
	}	

	ul#top-nav-list li.here a
	{
	border: 2px inset #eadff4;
	border-bottom: 1px solid #000000;
	text-decoration: none;
	background: #bbbbbb;
	}

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



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

#hd
	{
	width: auto;
	text-align: center;
	margin: 0% 0% 0% 0%; 
	padding: .5% 0% .35% 0%;
	border: 1px outset #57bbd3;
	background: #f6f7ef url(img/header-img-1.png) no-repeat fixed 50% 0%; 
	}
	
#hd img { margin: 0; padding: 0 }	

#headerdiv-2nd-pgs 
	{
	width: auto;
	text-align: left;
	margin: 0%; 
	padding: 0%;
	background: #f6f7ef url(img/header-img-1.png) no-repeat fixed 50% 0%; 
	}	
	
#headerdiv-2nd-pgs img { margin: .25% 4%; padding: 0 }

/* ----------- main page intro ------------ */

#maindiv1 
	{
	padding: 2% .75% 1.5% 3%;
	border: 1.5px ridge #666666; 
	color: #9d9d9d;
	background: #2f2f2f url(img/checker2.png) repeat scroll 0% 0%; 
	font: normal normal normal medium/1.25 Arial, Helvetica, sans-serif;
	}

.left-panel-1
	{
	padding: 3.8% 2.25% 1.5% 3.5%;
  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;
	}

#pagesdiv1  
	{
	padding: 2% 15% 2% 5%;
	border-top: thin none #9999cc; 
	border-right: 1em none #9999cc; 
	border-bottom: thick outset #9999cc; 
	border-left: thin none #9999cc; 
	color: #000000;
	background: url(img/grey-1-tile.png) repeat fixed 0% 0%; 
	}
	
p.converting
	{
	width: 80%;
	margin: 0;
	margin-left: 6%;
	padding: 2% .75% 1.5% 3%;
	text-align: left; 
	text-indent: 2em;
	border-top: 1px outset #ffecea; 
	border-right: 1px outset #ffecea; 
	border-bottom: 1px solid #ffecea; 
	border-left: 1px outset #ffecea;
	background: url(img/tile-gradiant-1.png) repeat scroll 50% 50%; 
	}

p.upgrading
	{
	width: 80%;
	margin: 0;	
	margin-left: 6%;
	padding: 2% .75% 1.5% 3%;
  text-align: left; 
	text-indent: 2em;
  border-right: 1px outset #ffecea;
	border-bottom: 1px solid #ffecea; 
	border-left: 1px outset #ffecea;
	background: url(img/tile-gradiant-3.png) repeat scroll 50% 50%; 
	}

p.creating
	{
	width: 80%;
	margin: 0;
	margin-left: 6%;
	padding: 2% .75% 1.5% 3%;
	text-align: left; 
	text-indent: 2em;
  border-right: 1px outset #ffecea;
	border-bottom: 1px solid #ffecea; 
	border-left: 1px outset #ffecea;
	background: url(img/orange-800x500-50.png) repeat scroll 50% 50%; 
	}
	
p.mobile
	{
	width: 80%;
	margin: 0;	
	margin-left: 6%;
	padding: 2% .75% 1.5% 3%;  
	text-align: left; 
	text-indent: 2em;
  border-right: 1px outset #ffecea;
	border-bottom: 1px solid #ffecea; 
	border-left: 1px outset #ffecea;
	background: url(img/tile-gradiant-5.png) repeat scroll 50% 50%; 
	}
	
p.yui-layout
	{
	width: 80%;
	margin: 0;	
	margin-left: 6%;
	padding: 2% .75% 1.5% 3%;  
	text-align: left; 
	text-indent: 2em;
	border-right: 1px outset #ffecea; 
	border-bottom: 1px outset #ffecea; 
	border-left: 1px outset #ffecea;
	background: url(img/grey-1-tile.png) repeat fixed 0% 0%; 
	}


/* --- top mid bottom single custom p --- */
  p.ptop 
  {
	margin: 0; 
  padding: 13px 37px 7px 34px;   
  text-align: left; 
  text-indent: .9em;  
  border-right: 1px none #5c7967;
	font: normal normal normal 15px Verdana, Arial, Helvetica, sans-serif;   
  }

  .ptop:first-letter 
  { 
  color: #eabb00; 
  padding: 0em; 
  font-size: 160%; 
  }

  p.pmid 
  {
	margin: 0; 
  padding: 5px 37px 7px 34px;  
  text-align: left; 
  text-indent: .9em; 
  border-right: 1px none #5c7967;
	font: normal normal normal 15px Verdana, Arial, Helvetica, sans-serif;  
  }

  .pmid:first-letter 
  {  
  padding: 0em;
  font-weight: 400; 
  font-size: 120%; 
  }
 
  p.pbottom 
  {
	margin: 0; 
  padding: 5px 37px 13px 34px;  
  text-align: left; 
  text-indent: .9em; 
  border-right: 1px none #5c7967; 
  border-bottom: thick solid #5c7967;
	font: normal normal normal 15px Verdana, Arial, Helvetica, sans-serif;  
  }

  .pbottom:first-letter 
  { 
  padding: 0em;
  font-weight: 400; 
  font-size: 120%; 
  }

  p.psingle 
  {
	margin: 0; 
  padding: 13px 27px 13px 24px;  
  text-align: left; 
  text-indent: .9em;  
  border-right: 1px none #5c7967;
  border-bottom: thick solid #5c7967;
	font: normal normal normal 15px Verdana, Arial, Helvetica, sans-serif;  
  } 

  .psingle:first-letter 
  { 
  color: #eabb00; 
  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: 0; 
	padding: 2.5% 2% 5% 6%;
	text-align: left; 
	color: #408da0;
	letter-spacing: 1px; 
	}
	
ul.basic-symbol-square li 
	{
	margin: 0 2% .5% 2%; 
	padding: 1% 2% .5% 2%;
	letter-spacing: 1px;
	list-style: square outside;
	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; 
	}

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;
	table-layout:fixed;
	border-collapse:collapse;
	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: 7%; }
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% }
	
table,th, td
{
border: 1px solid black;
}	
	

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

#ft { width: 100%; padding: 2% 0% 4% 0%; text-align: right; background: transparent }
#footernav { margin: 0; padding: 0% 0% 0% 0%; font: normal small-caps bold medium Verdana, Arial, Helvetica, sans-serif; }

/*
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; }