/*all pages*/
		body{
			
			
			margin:0;
			Scrollbar-Face-Color:#00ffff;
			Scrollbar-Highlight-Color:#0000ff;
			Scrollbar-Shadow-Color:#800080;
			scrollbar-3dlight-color: #9966ff;
			Scrollbar-Arrow-Color:#ff3300;
			Scrollbar-Track-Color:#cc66cc;
			Scrollbar-Darkshadow-Color:#0099ff;
			Scrollbar-Base-Color:#00ccff;
			padding:0;
			background-color: #B7F5FD;
		}
		a:link{color:blue;}
		a:visited{color:red;}
		a:active{color:white;}
		p.bottomlinks{
			clear:both;
			font: bold 7pt verdana, arial, sans-serif;
			padding-left:10%;
			text-indent:0;

		}
/*animation  html*/
iframe.viewport{
			background-color:  Aqua;
			position: absolute; top: 200px;  left:200px; height:200px; width:200px;
			margin:0; padding:0; border:0;
		}
		/*index html*/
		iframe.main{
			background-color:  Aqua;
			position: absolute; top: 0;  left:20%; height:100%; width:80%;
			margin:0; padding:0; border:0;
		}
		/*link paragraph on the index page*/
		div.navbar{
			background-color:red;
			position:relative; top:0;  height:100%; left:0%; width:20%;
			margin:0;
			overflow:  scroll;

		}
		p.menulinks{
			position:relative; top:10px; left:0; width:95%; height:auto;
			padding:0 0.5em 1em 0.5em;
			font: bold 8pt verdana, arial, 	sans-serif;
			margin:0;

		}
		p.menulinks a:link{
			color:yellow;
			background-color:red;
			text-decoration:none;
		}

		p.menulinks a:visited{
			color:silver;
			text-decoration:none;
		}
		p.menulinks a:active{
			color:white;
			text-decoration:none;
		}
		p.menulinks a:hover{
			background-color:yellow;
			text-decoration:none;
			font-weight:bold;
			-moz-border-radius:20px;
			color:black;
			text-decoration:none;
		}

		span.linksinfo, .lioninfo{
			font: bold 7pt verdana, arial, 	sans-serif;
		}
		a:link{color:blue;}
		a:visited{color:red;}
		a:active{color:white;}
		p.bottomlinks{
			clear:both;
			font: bold 7pt verdana, arial, sans-serif;
			padding-left:10%;
			text-indent:0;

		}
		/*Mozilla large jpg at the top of page1 html*/
		p.search{
			font: bold 8pt verdana, sans-serif;
			color:maroon;
		}
		.dmoz-forms{
			background:fuchsia;
			width:75%;
			margin-left:auto;
			margin-right:auto;
			-moz-border-radius:30px;
		}
		.dmoz-searches{
			-moz-border-radius:30px;
			background:aqua;
			margin-top:5px;

		}
		.dmoz-inputs{
			-moz-border-radius:30px;
			padding-left:5px;
			margin-right:5px;
			background:yellow;
		}
		ul.svg{
			margin-left:auto;
			margin-right:auto;
			-moz-border-radius:30px;
			border: Fuchsia 5px ridge;
			width:120px;
			padding-left:-10px;
			padding-top:5px;
			padding-bottom:5px;
			font: bold 8pt verdana, sans-serif;
			list-style-image:url(../images/mozli.jpg)

		}
		.p1topic, .p1main, .p1info, .p1close{
			text-indent:1em;
			border: #ff00ff 7px ridge;
			padding:0.5em 3% 0.5em 3%;
			font:normal 900  9pt, verdana, geneva, sans-serif;
			margin:0 2em 0 2em;
			-moz-border-radius:40px;
			color:maroon;
		}
		.p1main, .p1close{
			margin:0;
		}

		img.mozlarge{
			float:right;
			padding:0.5em;
			margin:0.5em -0.5em 0 0.1em;
			border: yellow 7px ridge;
			-moz-border-radius:40px 30px;
		}
		/*Gerneral heading styles*/
		h1.top, h2.toph2,h3.toph3, h4.toph4{
			background-color: #00FFCE;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			margin:0 0 0 0;
		}
		p.topic, .main, .info, .close, .info-wow-lion {
			padding:0 0 0 5px;
			text-indent:10px;
			font-weight:bold;
		}
		/*end of start page*/
		/*Cute lion XML page*/
		.info-wow-lion{
			margin:0;
			-moz-border-radius:
		0 0 20px 20px ;
			padding-bottom:5px;
		}
		p.cubinfo{float:left;
			font: bold 8pt verdana, arial, sans-serif;
			width:30%;
			padding-left:0.5em;
			text-indent:10px;
		}
		.lyon-why2{
			text-indent:10px;
			float:right;
			font: bold 8pt verdana, arial, sans-serif;
			width:30%;
		}

		div.control{
			text-align:center;
			margin:0;
			font-weight:bold;
		}
		button{
			background-color:#9C826B; color:#FFE5B2; font-size:13px;
			font-weight:900; -moz-border-radius:20px; border:2px solid;
			margin-top:5px;-moz-opacity: 0.75;

		}
		div.lyonwithout {
			width:242px;
			height:383px;
			margin:0 auto 0 auto ;
			position:absolute; top:15%;left:33%;
		}
		div.lyon {
			width:242px;
			height:383px;
			margin:0 auto 0 auto ;
			position:absolute; top:50%;left:33%;
		}
		/*Below is for Cute Lion HTML*/
		div.emblyon{
			width:242px;
			height:383px;
			margin:0;
			position:relative;
			padding-left:1em;
		}
		p.embcubinfo{
			font: bold 8pt verdana, arial, sans-serif;
			float:right;
			width:50%;
			text-indent:1.5em;
			padding:0 0.25em 0 0;
		}

		/*Below is for landschaft XML*/
		div.img1{
			margin:0 auto 0 auto;
			border:ridge 13px maroon;
			padding:0;
			width:500px;
			height:400px;
		}
		p.land{
			width:75%;
			margin:10px auto 0px auto;
			border:ridge 10px maroon;
			-moz-border-radius:20%;
			padding:2% 5%;
			text-indent:1em;
			font:normal 900  9pt, verdana, geneva, sans-serif;
			color:maroon;
		}
		.inland{
			margin-top:0;}
		/*Below is for pumucklmoz XML*/
		div.pumoz{
			margin:0 auto 0 auto;
			border:ridge 13px maroon;
			padding:0;
			width:400px;
			height:500px;
		}
		/*Below is for Smiley XML*/

		p.smtitle{
			border:groove 5px #ff00ff;
			margin:0;
			padding-left:10px;
			font:900 9pt verdana, serif;
			-moz-border-radius:0 0 2% 2%;
		}

		p.exp{
			margin: 1em 0 1em 1em;
			color: #990000;
			font-size: 0.8em;
			font-weight: bold;
			font-family: times,garamond, serif;
			text-indent:1em;
			clear:both;
		}
		div#tjp,div.mozsmsvg{
			margin:10px 10px;
			-moz-border-radius:100px;
			border: Fuchsia 8px ridge;
			padding:25px;
		}
		div#tjp{
			float:left;
		}
		div.mozsmsvg{
			float:right;
		}
		/*Below is for Mozilly XML*/
		p.moziinfo{
			-moz-border-radius:90px;
			border: Fuchsia 10px ridge;
			text-indent:10px;
			padding:1em 5% 1em 5%;
			width:60%;
			height:auto;
			font:11pt bold verdana;
			color:darkgreen;
			margin-left:auto;
			margin-right:auto;
		}
		.twomozies{
			margin:0 auto 0 auto;
			padding:0;
		}
		.moziinfo2{
			margin-top:0;
			margin-bottom:0;

		}
		/*below is for svg-pageone and turorials*/
		pre.convpre{
			padding-left:35%;
		}
		.conv1{
			clear:both;
		}
		p.conv3 b, p.conv2 b, p.conv4 b{
			vertical-align:super;
		}
		p.conv2, p.conv3, p.conv4, p.conv5, p.conv6{
			font-size: 0.9em;
			padding-left:1em;
			padding-right:1em;
			text-indent:0;
		}
		p.conv4{
			padding-left:10%;
		}

		.nav-arrows{
			text-align:center;
		}
		div.arrow-right{
			float:right;
			width:260px;
			margin:0;
			-moz-border-radius:
		20px 0 0 20px;
		}

		div.arrow-left{
			float:left;
			width:260px;
			margin:0;
			-moz-border-radius:
		0 20px 20px 0;

		}
		p.rules{
			font: bold italic 50pt  Verdana, Helvetica, Arial, sans-serif;
			color : #f5dd13;

			clear:both;
			margin:0;
			text-align:center;
		}
		p.tuts-info1{
			text-indent: 0.25in;
			margin:0;
			padding:0 0.3em;
		}
		p.tuts-info2{
			text-indent: 0.25cm;
			float:left;
			width:20%;
			padding:0 0.5em 0 0.7em;
			margin:0 0.5em 0 -0.5em;
			font: bold, 7pt, Verdana, Geneva, Arial, Helvetica, sans-serif;
			-moz-border-radius:0px 20px 20px;
		}
		pre.w3c{
			-moz-border-radius:
		20px 0 0 20px;

		}
		pre.w3c, .tuts-page2{
			padding:0.5em;
			font-weight: bold;
			font-size: 10px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			width:auto;
			float:right;
			margin:0.4em -0.5em 0 0.2em;
		}
		.tuts-page2{
			margin:0 -0.5em 0 0.2em;
		}
		p.points3{
			float:right;
			margin: 0 -0.5em -0.4em 0;
			text-align:center;
			padding:0.5em 0.5em 0.5em 0;
			-moz-border-radius:
		20px 0 0 20px;
		}

		b.dirarrow{
			vertical-align:-50%;

		}
		.tuts-page2trp{
			padding-left:0.5em;
		}
		.triangle, .tuts-page2trp {
			float:left;
			margin:0 4px 0 -0.5em;
			-moz-border-radius:
		0 20px 20px 0;
		}
		p.points3, pre.w3c, p.tuts-info1,  p.tuts-info2, p.title, div.arrow-right, div.arrow-left, .triangle, .tuts-page2, .tuts-page2trp, p.info-wow-lion{
			border-color: Fuchsia;
			border-style: ridge;
			border-width: 5px;
		}
		/*The styles below are for the new svg page*/
		.introtable{
			width:100%;
		}
		span.pinginfos{
			font-family: 'Times New Roman', Times, serif; font-size: 12px;
			font-weight: bold;

		}
		/*basic grid page styles*/
		table.grid{
			margin:5px auto 5px auto;
			padding:0;
			width:220px;
			height:240px;

		}
		tr.gridr{

		}
		th.gridh{
			width:220px;
			height : 20px;
		}
		td.gridd{
			text-align : right;
			vertical-align : bottom;
			width:20px;
			height : 20px;
			max-height:20px;
			color : red;
			font: 900 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		td.svgrid{
			padding:0;
		margin.0,
			width:200px;
			height:200px;
		}
		span.forobjpts{
			font: bolder  11px sans serif;
color:black;
		}