<style type="text/css">

body
{
  margin:0px 0px;
  padding: 0px;
  text-align:center;
}

h3 {
padding:0px;
margin-top:0px;
font-size:24px;
font:arial-narrow;
font-variant: normal;
font-weight: lighter ;
text-align:center;
font-family:Arial, serif;
}

h2 {
font-size:16px;
font-variant: normal;
text-align:left;
font-family:Arial, serif;
margin-left:10;
  line-height:1.5;
}

h4 {
clear:both;
font-size:18px;
font-variant: normal;
text-align:left;
font-family:Arial, serif;
color:             #FF6633;
margin-left:10;
  line-height:1.5;
}


h5 {
clear:both;
font-size:18px;
font-variant: normal;
text-align:center;
font-family:Arial, serif;
color:             #FF6633;
line-height:1.5;
}

div.wrapper {
text-align:center;
width:100%;
/*width:1000px;*/
/*text-align:left;
width:100%*/
margin:0px auto;

}

div.wrap2 {
text-align:center;
width:1000px;
/*width:1000px;*/
/*text-align:left;
width:100%*/
margin:0px auto;
border: thin solid;
}

div.content {
width:1000px;
margin:0px auto;
}


div.hdr {
position:relative;
text-align:center;
margin:0 auto;
height:80;
/*left:50%
width:1000px;*/
text-align: left;
min-width:1000;

}

div.top
{
position:absolute;
height:90;
top:10;
left:9;
width:200;

}

div.menubox
{
position:absolute;
top:20;
left:520;
width:500;

}



ul.mm
{
float:left;
list-style:none;
margin-left:0px;
margin-top:0px;
font-family:Arial, serif;
}

ul.mm li
{
  float:left;
  font-size:12px;
  padding:6px;
}


div.mid2
{
position:relative;
background-image:url("webimg/banner270.jpg");
width:100%;
text-align:left;
margin-top: 15px;
margin-bottom:10px;
height:290px;
background-position: top;
background-repeat: repeat-x;

}


div.org
{
padding-top:15;
margin-left:27;
font-size:30px;
margin-top:16;
font-family:Arial, serif;
  }

div.textbox
{
position:absolute;
text-align:center;
width:400;
max-width:400;
margin-left:90px;
margin-right:0px;
margin-top:5;
}

div.text1
{
margin-top:30px;
font-size:14px;
font-family:  Arial, serif;
}

div.tryit
{
margin-top:40;
margin-left:115;
/^width:auto;
float:left; */
}

div.vid
{
clear:both;
position:absolute;
top:-14;
left:570;

margin-bottom:2px;
/*border:1px solid #000000;*/
text-align:right;
}

div.mid3
{
clear:both;
margin-top:0;
padding:0;
font-size:12px;
width:100%;
min-width:1100px;

height:186px;
}

div.fia
{
 /**background-image: url(webimg/boxback.jpg);
  background-position: top;
  background-repeat: no-repeat;**/
font-family:Arial, serif;
float:left;
margin-top:20;
margin-left:30;
width:260;
min-width:260;
padding:0px;
}

div.fib
{
/** background-image: url(webimg/boxback.jpg);
  background-position: top;
  background-repeat: no-repeat;**/
font-family:Arial, serif;
float:left;
margin-top:20;
margin-left:70;
width:260;
min-width:260;
padding:0px;
}

div.fic
{

/** background-image: url(webimg/boxback.jpg);
  background-position: top;
  background-repeat: no-repeat;
  font-family:Arial, serif;  **/
float:left;
margin-top:20;
margin-left:70;
width:260;
min-width:260;
padding:0px;

}

ul.box3a
{
margin-left:30px;
text-align:left;
font-size: 12px;
padding:0px;
margin-top:-15px;
  list-style-image: none;
  list-style-type: square;

}

ul.box3b
{
margin-left:20px;
text-align:left;
font-size: 12px;
padding:0px;
margin-top:-15px;
list-style-type: square
}

ul.box3c
{
margin-left:20px;
text-align:left;
font-size: 12px;
padding:0px;
margin-top:-15px;
list-style-type: square
}

ul.box4
{
margin-left:0px;
text-align:center;
font-size: 12px;
padding:0px;
margin-top:0px;
list-style-type: none
}


ul.footmm
{
list-style:none;
margin:0 auto;
padding:0;
width:560px;
font-family:Arial, serif;
}

ul.footmm li
{
float:left;
  list-style:none ;
  padding-top:7;
  padding-left:14;
  font-size:12px;

}

div.footera
{
position:relative;
clear:both;
font-size:12px;
  margin-top:0px;
  text-align:center;
  font-family:Arial, serif;
  color: #444444
}

div.footer
{
text-align:center;
width:100%;
background-image:url(webimg/footer270.jpg);
background-position: bottom;
background-repeat: repeat-x;
margin-top:27px;
margin:0 auto;
font-size:12px;
font-family:Arial, serif;
height:30px;

}

div.hr1
{
clear:both;
margin-left:18px;
margin-right:18px;
height:1px;
border-style:solid;
padding-bottom:10px;
border-width:1px 0 0 0;
border-color:#CDCDCD
}

div.stdtext {
 font-size:12px;
 font-family:Arial, serif;
 padding-left:10px;
 padding-top:20px;
  line-height: 1;
}

p.toptext {
text-align:center;
font-size:12px;
font-family:Arial, serif;
padding-left:90px;
padding-right:90px;
margin-top:30px;
margin-bottom:10px;
line-height: 1.5;

}

.normtext {
text-align:left;
font-size:12px;
font-family:Arial, serif;
}

.normtext h3{
margin-top:20px;
}


div.txtbox {
margin-left:10px;
 margin-top:10px;
 margin-right:10px;
 margin-bottom:10px;
text-align:left;
font-size:12px;
font-family:Arial, serif;
}

p.vidtxt {
margin-left:-5px;
 margin-top:0px;
 margin-right:0px;
 margin-bottom:0px;
text-align:center;
font-size:12px;
font-family:Arial, serif;
}


div.txtbox h3{
margin-top:20px;
}

div.txtbox p{
text-align:left;
font-size:12px;
font-family:Arial, serif;
line-height: 1.5;
margin-top:0;
margin-right:10;
margin-left:10;
padding-top:0
width:100%

}
div.pp{

}

div.pp p{

width=700;
border:1px;
}


div.helpbox {
margin-left:10px;
 margin-top:10px;
 margin-right:10px;
 margin-bottom:10px;
}

div.helpbox p{
text-align:left;
font-size:12px;
font-family:Arial, serif;
line-height: 1.25;
margin-top:0;
margin-right:10;
margin-left:10;
padding-top:0
width:100%

}

div.ctrbox {
text-align:center;
font-size:12px;
font-family:Arial, serif;
margin-top:40px;
padding:0px;
line-height: 1.5;
width:100%;
}

div.ctrbox2 {
text-align:center;
font-size:12px;
font-family:Arial, serif;
margin-top:40px;
margin-left:50px;
line-height: 1.5;
width:90%;
}


div.vidbox {
/**border:1px solid #000000;   **/

}


div.topsec
{

background-image:url(webimg/footer270.jpg);
background-repeat: repeat-x;
padding-top:7px;
margin-top:30px;
font-family:Arial, serif;
height:30px;
}

OL
{
font-size:12px;
font-family:  Arial, serif;
}

OL li
{
font-size:12px;
}

uL
{
font-size:12px;
font-family:  Arial, serif;
line-height: 2;
margin-top:0;
padding-top:0;
}

uL li
{
font-size:12px;
font-family:  Arial, serif;
}

ul.mm2
{
list-style:none;
text-align:center;
margin-top:0px;
font-family:Arial, serif;
}

ul.mm2 li
{
  float:left;
  font-size:12px;
  padding:4px;
}

ul.mm3
{
list-style:none;
text-align:center;
margin-top:0px;
margin-left:0px;
font-family:Arial, serif;
}

ul.mm3 li
{

  font-size:12px;
  margin-left:opx;
  padding:0px;
}



.highlight {
  font-weight:bold;
}

pre {
  display:inline;
}

h3.api {
  text-align:left;
}

pre.code {
        border: 1px dashed #bbb;
        font-size: 90%;
        padding: 5px;
        color: #808080;
        background: #F1F1FF;
        overflow: auto;
        display:block;
}


.indent {
  margin-left:25px;
}

</style>

