<style >

div, p{
 		padding-left: 3px;
}
.subtitle{
	background-: gold;

}
.subtitle, .subtitle2{
 		padding-left: 2px;
 		margin: 0px;
 		text-decoration: underline;
 		font-weight: normal;
}
.subtitle2{
 		font-size: 14pt;
		color: red;
 		margin-top: 10px;
}
.intro1{
 width: 160px;
 height: auto;
 float: left;
 color: blue;
 font-weight: bold;
 margin-right: 3px;
}
.intro2{
 width: 180px;
 height: auto;
 float: left;
 color: blue;
}

.maxWidth{
 	width: 950px; 
}
.majorDiv, .minorDiv{
  		border: solid 1px;
		margin-bottom: 3px;
		margin-top: 3px;
		text-align: left;
}
.majorDiv{
		width: 950px; 
}
.minorDiv,  .majorDiv{
  		border-color: silver; 	
}
.div, .divn{
	margin: 0px; 
}
.divn{
		font-size: 12pt; font-weight: normal;
}
.salute{
 		color: gray;
 		margin: 0px;
 		font-size: 12px;
 		padding-top: 0px;
 		padding-bottom: 3px;
 		padding-left: 25px;
 		padding-right: 0px;
}
.left{
 float: left;
 width: 162px;
}
.title{
		color: brown-;
               	margin-bottom: 0px;
		font-size: 16pt;
}

.gcalc-d, .gcWide, .fga, .divAp{ 
		width: 630px;
		height: 480px;

	
}
.gcalc-d{
	float: center;
        padding-left: 0px;
	border-bottom: gray solid 1px; 
}
.divAp {
 		border: gray solid 1px; 
		float: left;
		margin-right: 12px;

}
.narrow,.minorDiv {
  		width: 180px;
}
.grapher{
  		color: red; 
		font-weight: bold;	
		font-size: larger;
}
.coorSys{
  		color: brown; 
		font-weight: bold;
		text-decoration: underline;	
}

.instruction-links{
  		width: 140px;
  		float: left;
		margin-right: 3px;
                border: silver solid 1px; 



}
.instruction-links a{
		display: block;
		margin-top: 6px;
		margin-bottom: 6px;
                font-size: 11pt;
 		padding-left: 3px;

}
.fDescrip{
		color: brown;
		font-weight: normal;
		margin-bottom: 0px;
                font-size:11pt;

}
.predefined{
        font-family1: arial;
	width: 340px;
	float: left;
	border-right:  solid 1px; 
	margin-left: 2px;
	margin-right: 2px;
	background-: white;
	font-size: 10pt;
        height--: 700px;
}
.minorDiv {
 		font-size: 12pt;
		font-weight: bold;
}


.non-window{
 		font-size: 10pt;
		background: orange-;
		margin-top: 3px;
		margin-bottom: 3px;
}
.rel{		position: relative;
}

.t, .top{
 position: absolute;
 left: 330px;
 top: 0px;
}
.tab{
 position: relative;
 left: 330px;
 top: 0px;
}

ul{
margin-top: 3px; margin-bottom: 3px;
}
li, .li-larger {
		background-color-: white;
		list-style-type: square; 
		padding-left: 3px; 
		padding-right: 0px; 
  		padding-bottom: 3px;
		margin-bottom: 1px;
            font-size: 10pt;
}
.li-larger {
	        font-size: 12pt;
}

ul.rel li	{position: relative;}
.jars{
 width: 120px; 
 float: right;
 boarder; 1px;
}

a:hover {
  color: red;  
  background-color: yellow;
}
a:active{color: lime; 
} 
a:link {color: blue; 
} 
a:visited {color: purple; }

.smaller {font-size: smaller};
.larger{font-size: larger};
.black{color: black};

.demoApplet{
  float: left; 
  width: 245px;
  border: 2px red solid;
  padding-bottom: 10px;
}
.sup{
	vertical-align: super;
	font-size: 65%;
}
.sup .sup{
	vertical-align: super;
	font-size: 100%;
}
.suo .sub{
	vertical-align: sub;
	font-size: 65%;
}
.sup1{
	position: relative;
	font-size: 65%;
  	top: -.65em;
}
.sub1{
	position: relative;
	font-size: 65%;
  	top: .65em;
}
.l{	 font-size: larger;}
.ll{	 font-size: large;}
.red{	color: red;}
.blue{	color: blue}
.br{	color: brown}
.gray{	color: gray}
.bold, .b, .bi, .center-block-b{font-weight: bold;}
.italic, .i, .bi{	font-style: italic;}
.red-larger, .rl, .ril{	color: red; font-size: larger;}

.blue-larger, .bl, .bil{color: blue; font-size: larger;}
.red-bold, .bold-red, .rb, .rbl{font-weight: bold;	color: red;}
.blue-bold, .bold-blue, .bb, .bbl{font-weight: bold;	color: blue;}
.rbl, .bbl{	font-size: larger;}
.red-italic-larger, .ril{font-style: italic;}
.blue-italic-larger, .bil{font-style: italic;}
.bold-brown{color: brown; font-weight: bold;} 
.brown{color: brown; }
.brownl{color: brown; font-size: larger;}
.underline, .u, .qline{ text-decoration: underline;}
.overline, { text-decoration: overline;}
.linethrough, { text-decoration: line-through;}
.inline, .in-line{display: inline;}
.center-block, .center-block-b, .cb{text-align: center;display: block;}   
.center, .c{ text-align: center;}
.float-left, .fl{float: left;}
.float-center, .fc{float: center;}
.float-right, .fr{float: right;}


.numr, .deno{text-align: center; font-size-: 12pt;}
.numr{border-bottom: black solid 1px; }
.deno{border-top: black solid 1px; }
.clear{ clear: both;}

.bordered1, .bordered{border: gray solid 1px; margin:3px; padding: 3px;height: auto;}
.bordered2{border: gray solid 2px; margin:3px; padding: 3px;height: auto;}
.bordered3{border: gray solid 3px; margin:3px; padding: 3px;height: auto;}
.borderedBlack{border: black solid 1px; margin:3px; padding: 3px;height: auto;}

.percentFull{width: 100%; height: auto}
.percent80{ width: 80%; height: auto}
.percent75{ width: 75%; height: auto}
.percent70{ width: 70%; height: auto}
.percent65{ width: 65%; height: auto}
.percent60{ width: 60%; height: auto}
.percent55{ width: 55%; height: auto}
.percent50, .percent{ width: 50%; height: auto}
.percent45{ width: 45%; height: auto}
.percent40{ width: 40%; height: auto}
.percent35{ width: 35%; height: auto}
.percent30{ width: 30%; height: auto}
.percent25{ width: 25%; height: auto}

.marL3{margin-left: 3px;}
.marL5{margin-left: 5px;}
.marR3{margin-right: 3px;}
.marR5{margin-right: 5px;}
.mar-bor{margin-left: 4px; border-left: solid silver 1px; padding-left: 3px;}

.mar12-bor{margin-left: 12px; border-left: solid silver 1px; padding-left: 3px;}
.mar15-bor{margin-left: 15px; border-left: solid silver 1px;padding-left: 3px;}


.mar140{margin-left: 140px;}	
.mar250{margin-left: 250px;}
.pad160{padding-left: 75px;}	
.pad2{padding-left: 2px;}
.pad3{padding-left: 3px;}	
.pad5{padding-left: 5px;}
.pad6{padding-left: 6px;}
.pad8{padding-left: 8px;}
.pad10{padding-left: 10px;}
.pad12{padding-left: 12px;}

.pad15{padding-left: 15px;}

.pad18{padding-left: 18px;}
.gtype{
  width: 320px;
  float: left; 
  margin-right: 3px;
  border-right: solid silver 1px;
}		

table{
 
   font-size: 10pt;
   padding-left-: 3px;
   padding-right: 3px;
}
th{background: gold;
}
td{   padding-left: 3px;
      padding0000-right: 3px;
}







}
.grapher{
  		color: red; 
		font-weight: bold;	
		font-size: larger;
}
.coorSys{
  		color: blue; 
		font-weight: bold;
		text-decoration: none;
                background: skyBlue--;	
}
.main-body{
position: relative;
}
.left-border{
 		border-left: black solid 1px; 
}
.right-border{
 		border-right:  solid 1px; 
}.smaller{
 font-size: smaller;
}
ul ul{
		margin: 10;
}
 ul ul li{
		background-color-: white;
		list-style-type: disc; 
		padding-left: 3px; 
		padding-right: 0px; 
  		padding-bottom: 3px;
		margin-bottom: 1px;
		font-size: 10pt;
}
.comment{
               margin-top: 6px;
               margin-bottom: 3px;
               border: red solid 1px;
               padding-top: 6px; 
               padding-left: 3px; 
}
.var2fg{
	width: 250px;
	height: 150px;
	float-: left;
        background-color1: red;
	margin: 3px;
}
.var2fg-img-{
	width: 100px;
	height: 100px;

}
.form-rate{
       color: gray-;
       margin: 5 5 5px 5;  
       clear-: both;
       padding-left: 9px;
	border: solid silver 1px; 
	width: 100%;
 } 
.users-comments{
       color: gray-;
       margin: 5 5 5px 5;  
       clear-: both;
       padding-left: 9px;
	border: solid silver 1px; 
	width: 100%;
 } 
 p{
  	margin-top: 6px; 
	margin-bottom: 3px;	
}
.mt6b0{
  	margin-top: 6px; 
	margin-bottom: 0px;	
}
.mt0b3{
  	margin-top: 0px; 
	margin-bottom: 3px;	
}

.pli {
		background-color-: white;
		padding-left: 0px; 
		padding-right: 0px; 
  		padding-bottom: 1px;
		margin-left: 9px;
		margin-top: 1px;
		margin-bottom: 2px;
                font-size: 10pt;
}

 body{
	background-: azure;
	font-family: verdana;
	font-size: 10pt;	
	margin-top: 2px;
 }
.aboutGCalcD.{
 	border: solid silver 1px; 
  	margin-bottom: 5px;	
}
.search{
  margin-top: 25px;
  margin-bottom: 15px;
  margin-left: 123px;
  margin-right: 3px;
}
.adw730{
 width: 730px;
 height: 120px;
 margin-left-: 140px;
 border: solid silver 1px; 
 border-top: solid silver 0px; 
 border-bottom: solid silver 0px; 
 float: left;
}
.adw160, .adw160fl, .adw160fr{

 width: 160px;
 height: 600px;
 border-right: solid silver 1px; 
}
.adw160fl, .adw160fl{
 float: left;
 
}
.adw160fr, .adw160fr{
 float: right;
}
</style>

