/* external style sheet mystyles1.htm */

<STYLE TYPE="text/css">

//this is a class
//all means any tags can use it
//   all.GREENBOLD {color:#44CC22; font-weight:bold;}
//eg.<H1 CLASS=GREENBOLD>This Heading Is Very Green</H1>

//this is a style
//  all.STYLE1 {line-height: 20px; font-size: 18pt; 
//         font-weight: bold; color: red;}
//<P CLASS="STYLE1">Here normally is.</P>
//the difference between stlye and class is that
//class is more general style is more specific and detailed


//this is for a tag
//    P {color:blue;}
//    B {color:green;}
//<P>This is a blue paragraph, as determined by the style sheet. But these 
//   <B>bold words are green,</B> as you see.</P>
//class
//textarea,select and input are used by explorer
//select is for selection area of explorer
//input is  for the button name of explorer
//textarea is for textarea of explorer
// 	left:0;
// 	top:0;
// 	width:150;  NO EFFECT ON netscape
// 	height:20;  NO EFFECT ON netscape
//      color: blue;
//        background-color:transparent;
// 	clip:rect(a,b,c,d);  Affect netscape but not visible
//      a top margin                 ddaaaaaaaabb
//      b right margin frm left      dd        bb
//      c bottom frm top             dd        bb
//      d left margin                ddccccccccbb
//      height = c-a
//      width = b-d
//      clip:rect(0,width,height,0);
//      clip      frm top, frm left to right,frm to to bottom, frm left
// 	background-image: none;
// 	layer-background-image: none;
//	visibility:hidden;
//        font-size:10pt;    NO EFFECT ON netscape
//        font-style: normal; 
//        font-weight: normal;
//        font-Family: Arial, Helvetica, sans-serif ;
//        line-height:normal;
//        text-transform:none;
//       *** netscape layer properties and methods
//        POSITION 
//      ID 
//      LEFT and TOP 
//      PAGEX and PAGEY 
//      SRC and source-include 
//      Z-INDEX, ABOVE and BELOW 
//      WIDTH 
//      HEIGHT 
//      CLIP 
//      VISIBILITY 
//      BGCOLOR and BACKGROUND-COLOR 
//      BACKGROUND and BACKGROUND-IMAGE 
//      OnMouseOver, OnMouseOut 
//      OnFocus, OnBlur 
//      OnLoad 
//}

all.Blue     {
               color: Blue;
               }


all.textxs {
               font-size:8pt; 
               font-Family: Arial, Helvetica, sans-serif ;
              }
SELECT  {
	font-size : 8pt; 
	font-Family : Arial, Helvetica, sans-serif;
        }

INPUT   {
	font-size : 8pt;
	font-Family : Arial, Helvetica, sans-serif;
        }

    all.texts {
               font-size:12pt; 
               font-Family: Arial, Helvetica, sans-serif ;
              }

    all.textis {
               font-size:12pt; 
               font-Family: Arial, Helvetica, sans-serif ;
               font-style: italic;
              }

    all.textm {
               font-size:14pt; 
               font-Family: Arial, Helvetica, sans-serif ;
               }
TEXTAREA  {
	font-size : 14pt; 
	font-Family : Arial, Helvetica, sans-serif;
         }


   all.textx {
               font-size:24pt; 
               font-Family: Arial, Helvetica, sans-serif ;
               }
   all.textxl {
               font-size:32pt; 
               font-Family: Arial, Helvetica, sans-serif ;
               }


   noutusedtag {
               font-size:8pt; 
               font-style: normal; 
               font-weight: normal;
               font-Family: Arial, Helvetica, sans-serif ;
               line-height:normal;
               text-transform:none;
               color: black;
               }


   P.xlrg      {
               font-size:x-large; 
               font-Family: Arial, Helvetica, sans-serif ;
               }

   P.xsml     {
               font-size:7pt; 
               font-Family: Arial, Helvetica, sans-serif ;
               }

   notused.nstyle1          {
               font-size:8pt; 
               font-style: normal; 
               font-weight: normal;
               font-Family: sans-serif;
               line-height:normal;
               text-decoration: none;
               text-transform:none;
               text-align:left;
               color: red;
               }




#layer1 {
 position:absolute;
 top:250px;
 left:20px;
 width:400px;
 height:200px;
}


#layer2 {
 position:absolute;
 top:480px;
 left:20px;
 width:400px;
 height:200px;
 border-width:1;
}

#layer3 {
 position:absolute;
 top:710px;
 left:20px;
 width:400px;
 height:200px;
 layer-background-image:url("http://www.geocities.com/jooaik/bluelite.gif");

}

#bannerr2lns {
	position:absolute;
 	left:0;
 	top:0;
 	width:280;
 	height:20;
          color: rgb(60%, 80%, 90%);
        background-color:transparent;
        layer-background-color :transparent;
 	background-image: none;
 	layer-background-image: none;
	visibility:hidden;
        font-size:12pt; 
        font-style: normal; 
        font-weight: normal;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height:normal;
        text-transform:none;
        z-index: 99999;
 	clip:rect(0,280,20,0);
}


#liner2lns {
	position:absolute;
       /*formatting for text area */
 	left:0;
 	top:0;
        /*any text extends beyond the width is wrapped */
 	width:10%;
 	height:25;
        color: black;
        font-size:12pt; 
        font-style: normal; 
        font-weight: normal;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height:normal;
        text-transform:none;
        /*formatting for block area */
        background-color:rgb(0%, 0%, 0%);
        layer-background-color :rgb(0%, 0%, 0%);
 	background-image: none;
 	layer-background-image:none;
        /* top=10pt, right=20pt, bottom=30pt, left=40pt */
        /*specifies distance from borders of other layers */
        /* margin:0% 0% 0% 0%; */
        /* top=10pt, right=20pt, bottom=30pt, left=40pt */
        /*specifies the space between the content and the text */
        /* padding:0% 0% 0% 0%; */
        /* border-width:10pt 10pt 10pt 10pt; */
        /* border-style:inset;               */
        /* border-color:rgb(20%, 20%, 20%);  */
        /* clip      frm top, frm left to right,frm top to bottom, frm left */
        z-index: 99999;
 	clip:rect(0,800,20,0);
	visibility:hidden;
}

#bannerr2lex {
        position:absolute;
 	left:0;
 	top:0;
 	width:280;
 	height:25;
        color: rgb(60%, 80%, 90%);
        background-color:transparent ;
        layer-background-color :transparent;
 	background-image: none;
 	layer-background-image: none;
        font-size:12pt; 
        font-style: normal; 
        font-weight: normal;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height:normal;
        text-transform:none;
        z-index: 99999;
 	clip:rect(0,280,25,0);
	visibility:hidden;

}

#liner2lex {
	position:absolute;
 	left:0;
 	top:0;
 	width:100%;
 	height:25;
        color: black;
        font-size:12pt; 
        font-style: normal; 
        font-weight: normal;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height:normal;
        text-transform:none;
        /*formatting for block area */
        background-color:rgb(0%, 0%, 0%);
        layer-background-color :rgb(0%, 0%, 0%);
 	background-image: none;
 	layer-background-image:none;
        /* top=10pt, right=20pt, bottom=30pt, left=40pt */
        /*specifies distance from borders of other layers */
        /* margin:0% 0% 0% 0%; */
        /* top=10pt, right=20pt, bottom=30pt, left=40pt */
        /*specifies the space between the content and the text */
        /* padding:0% 0% 0% 0%; */
        /* border-width:10pt 10pt 10pt 10pt; */
        /* border-style:inset;               */
        /* border-color:rgb(20%, 20%, 20%);  */
        /* clip      frm top, frm left to right,frm top to bottom, frm left */
        z-index: 99999;
 	clip:rect(0,1000,25,0);
	visibility:hidden;
}



#coat1 {	
	position:absolute;
 	left:0;
 	top:0;
 	width:165;
 	height:20;
        /*color: rgb(15%, 25%, 40%);*/
        color : transparent;
        background-color:transparent;
        layer-background-color :transparent;
 	background-image: url(1jooaik.gif);
 	layer-background-image: url(1jooaik.gif);
        font-size:10pt; 
        font-style: normal; 
        font-weight: normal;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height:normal;
        text-transform:none;
        z-index: 1000;
 	clip:rect(0,165,20,0);
	visibility:hidden;
}

#coat2 {	
	position:absolute;
 	left:0;
 	top:0;
 	width:165;
 	height:20;
        /* color: rgb(30%, 15%, 25%);*/
        color : none;
        background-color:transparent;
        layer-background-color :transparent;
 	background-image: url(2at.gif);
 	layer-background-image: url(2at.gif);
        font-size:10pt; 
        font-style: normal; 
        font-weight: normal;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height:normal;
        text-transform:none;
        z-index: 1000;
 	clip:rect(0,165,20,0);
	visibility:hidden;
}

#coat3 {	
	position:absolute;
 	left:0;
 	top:0;
 	width:165;
 	height:20;
        /*color:  rgb(15%, 25%, 40%);*/
        color : none;
        background-color:transparent;
        layer-background-color :transparent;
 	background-image: url(3yahoo.gif);
 	layer-background-image: url(3yahoo.gif);
        font-size:10pt; 
        font-style: normal; 
        font-weight: normal;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height:normal;
        text-transform:none;
        z-index: 1000;
 	clip:rect(0,165,20,0);
	visibility:hidden;
}

#coat4 {	
	position:absolute;
 	left:0;
 	top:0;
 	width:165;
 	height:20;
        /*color:rgb(15%, 25%, 40%);*/
        color : none;
        background-color:transparent;
        layer-background-color :transparent;
 	background-image: url(4com.gif);
 	layer-background-image: url(4com.gif);
        font-size:10pt; 
        font-style: normal; 
        font-weight: normal;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height:normal;
        text-transform:none;
        z-index: 1000;
 	clip:rect(0,165,20,0);
	visibility:hidden;
}


#p1c {	
	position:absolute;
 	left:0;
 	top:0;
 	width:50;
 	height:50;
        color:rgb(95%, 25%, 70%);
        /*color : transparent;*/
        background-color:transparent;
        layer-background-color :transparent;
 	background-image: none;
 	layer-background-image: none;
        font-size:6pt; 
        font-style: normal; 
        font-weight: normal;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height:normal;
        text-transform:none;
        z-index: 1000;
 	clip:rect(0,50,50,0);
	visibility:hidden;
}

#p2c {	
	position:absolute;
 	left:0;
 	top:0;
 	width:50;
 	height:50;
        color:rgb(25%, 85%, 40%);
        /*color : transparent;*/
        background-color:transparent;
        layer-background-color :transparent;
 	background-image: none;
 	layer-background-image: none;
        font-size:6pt; 
        font-style: normal; 
        font-weight: normal;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height:normal;
        text-transform:none;
        z-index: 1000;
 	clip:rect(0,50,50,0);
	visibility:hidden;
}

#p3c {	
	position:absolute;
 	left:0;
 	top:0;
 	width:50;
 	height:50;
        color:rgb(25%, 85%, 40%);
        /*color : transparent;*/
        background-color:transparent;
        layer-background-color :transparent;
 	background-image: none;
 	layer-background-image: none;
        font-size:6pt; 
        font-style: normal; 
        font-weight: normal;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height:normal;
        text-transform:none;
        z-index: 1000;
 	clip:rect(0,50,50,0);
	visibility:hidden;
}



#coatx {	  /* Dummy layer */
	position:absolute;
 	left:0;
 	top:0;
 	width:165;
 	height:20;
        color: blue;
        background-color:transparent;
        layer-background-color :transparent;
 	background-image: none;
 	layer-background-image: none;
        font-size:10pt; 
        font-style: normal; 
        font-weight: normal;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height:normal;
        text-transform:none;
        z-index: 10;
 	clip:rect(0,165,20,0);
	visibility:hidden;
}

#coatc {	
	position:absolute;
 	left:0;
 	top:0;
 	width:165;
 	height:20;
         color:rgb(65%, 55%, 80%);
        background-color:transparent;
        layer-background-color :transparent;
 	/*background-image: url(Email.gif); */
 	/*layer-background-image: url(Email.gif); */
        background-image: none;
 	layer-background-image: none;
        font-size:10pt; 
        font-style: normal; 
        font-weight: bold;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height:normal;
        text-transform:none;
        z-index: 10;
        clip:rect(0,165,20,0);
	visibility:hidden;
}
#coatjj {	
	position:absolute;
 	left:0;
 	top:0;
 	width:160;
 	height:20;
          color:rgb(65%, 55%, 80%);
        background-color:transparent;
        layer-background-color :transparent;
 	/*background-image: url(5Femailadd.gif);*/
 	/*layer-background-image: url(5Femailadd.gif);*/
        background-image: none;
 	layer-background-image: none;
        font-size:10pt; 
        font-style: normal; 
        font-weight: bold;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height:normal;
        text-transform:none;
        z-index: 10;
        clip:rect(0,160,20,0);
	visibility:hidden;
       }




#datenotice{	
	position:absolute;
 	Left:0;
 	Top:0;
 	Width:200;
 	Height: 25;
        color:rgb(65%, 45%, 40%);
        font-size:6pt; 
        font-style: normal; 
        font-weight: normal;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height: normal;
        text-transform:none;
        /*formatting for block area */
        layer-background-color :transparent;
        background-color:transparent;
 	background-image: none;
 	layer-background-image:none;
        /* top=10pt, right=20pt, bottom=30pt, left=40pt */
        /*specifies distance from borders of other layers */
        /* margin:0% 0% 0% 0%; */
        /* top=10pt, right=20pt, bottom=30pt, left=40pt */
        /*specifies the space between the content and the text */
        /* padding:0% 0% 0% 0%; */
        /* border-width:10pt 10pt 10pt 10pt; */
        /* border-style:inset;               */
        /* border-color:rgb(20%, 20%, 20%);  */
        /* clip      top, right,bottom, left */
        z-index: 10;
 	clip:rect(0,200,25,0);
	visibility:hidden;
}


#dd{	
	position:absolute;
 	Left:0;
 	Top:0;
 	Width:50;
 	Height:35;
        color:rgb(65%, 45%, 40%);
        font-size:6pt; 
        font-style: normal; 
        font-weight: normal;
        font-Family: Arial, Helvetica, sans-serif ;
        line-height: normal;
        text-transform:none;
        /*formatting for block area */
        layer-background-color :transparent;
        background-color:transparent;
 	background-image: none;
 	layer-background-image:none;
        z-index: 10;
 	clip:rect(0,50,35,0);
	visibility:hidden;
}






  </STYLE>
   /* end of file */