/* CSS for my new portal pages */

/* tags */


body {background-image: url(http://www.geocities.com/peterswebplace/web/100blue14.gif); 
      color: black;}
h1 {font-family: "Comic Sans MS", Cursive; text-align: center;             font-size: 300%; color: green;}
h2 {font-family: "Comic Sans MS", Cursive; text-align: center;             font-size: 200%; color: white;}
h3 {font-family: "Comic Sans MS", Cursive; text-align: center;             font-size: 200%; color: blue;}
h4 {font-family: "Comic Sans MS", Cursive; text-align: center;             font-size: 100%; color: red;}
h6 {font-family: "Comic Sans MS", Cursive; text-align: center;             font-size: 500%; color: white;}

address {color: #ff0000; font-family: "Comic Sans MS" ; 
       font-size: smaller; text-align: center; }

a:visited {color: #00ff00;}
a:link {color: #9acd32;}
a:active {color: #dc143c;}
a:focus {color: #4169e1;}
a:hover {color: #da70d6;}

/* id selectors */
#bkgrd {background-image: url(http://www.geocities.com/peterswebplace/web/bgparchment.gif); 
      color: black;}
#bkgrd2 {background-color: #000000;  color: black;}


/* class selectors start with a .  used many times  */

.menu { width: 25%; color: white; }
.pa {font-family: "Comic Sans", Cursive;  text-align: center; 
     font-size: 100%; color: white;}
.pb { font-size: 120%; font-family: "Comic Sans ms"; color:              #0000cd; text-align: center; }
.pc { font-size: 80%; font-family: "Comic Sans", Cursive;             text-align: center; color: #3cb371;}
.pg {font-family:"Comic Sans", Cursive; text-align: center;
      color: #000000; font-size: 80%; line-height: 80%;}
.pw {font-family: "Comic Sans", Cursive;  
     font-size: 100%; color: white;}

/* for goal.html */

#l1 {position: absolute; z-index: 1; top: 415px; left: 405px ;}

#b2 {position: absolute; z-index: 3; top: 595px; left: 205px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: left;
      color: #0000ff; font-size: 70%;}
#b3 {position: absolute; z-index: 1; top: 895px; left: 105px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: left;
      color: #ff0000; font-size: 80%;}
#b4 {position: absolute; z-index: 1; top: 655px; left: 400px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: left;
      color: #000000; font-size: 90%;}





#t1 {position: absolute; z-index: 1; top: 375px; left: 405px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: center;
      color: #0000cd; font-size: 180%;  }

#t2 {position: absolute; z-index: 1; top: 535px; left: 105px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: center;
      color: #0000dc; font-size: 180%;}






#l2 {position: absolute; z-index: 1; top: 485px; left: 405px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: left;
      color: #000000; font-size: 180%;}
#l3 {position: absolute; z-index: 1; top: 745px; left: 405px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: left;
      color: #000000; font-size: 180%;}
#bot {position: absolute; z-index: 1; top: 1000px; left: 2px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: center;
      background-color: #e6e6fa; font-size: 70%;  width: 990px; }
#bot2 {position: absolute; z-index: 1; top: 950px; left: 2px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: center;
      background-color: #e6e6fa; font-size: 70%;}
#b1 {position: absolute; z-index: 1; top: 705px; left: 405px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: center;
      color: #3cb371; font-size: 180%;}




#b5 {position: absolute; z-index: 1; top: 490px; left: 360px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: left;
      color: #000000; font-size: 90%;}
#b6 {position: absolute; z-index: 1; top: 590px; left: 220px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: left;
      color: #000000; font-size: 90%;}
#i1 {position: absolute; z-index: 1; top: 745px; left: 110px ; }
#i2 {position: absolute; z-index: 1; top: 585px; left: 110px ; }
#i3 {position: absolute; z-index: 1; top: 40px; left: 140px ; }
#i4 {position: absolute; z-index: 1; top: 755px; left: 710px ; }



#tb {background: #ffffff; width: 990px; text-align: center;}
#tb1 {position: absolute; z-index: 1; top: 625px; left: 180px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: left;
      color: #3cb371; font-size: 120%; line-height: 200%;}
#tb2 {position: absolute; z-index: 1; top: 450px; left: 400px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: left;
      color: #000000; font-size: 80%; line-height: 90%;}
#m1 {position: absolute; z-index: 1; top: 45px; left: 555px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: center;
      color: #3cb371; font-size: 180%;}

#m2 {position: absolute; z-index: 1; top: 115px; left: 525px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: center;
      color: #3cb371; font-size: 180%;}

#m3 {position: absolute; z-index: 1; top: 173px; left: 400px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: left;
      color: #ffffff; font-size: 200%;}

#m4 {position: absolute; z-index: 1; top: 230px; left: 325px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: left;
      color: #000000; font-size: 180%;}

#m5 {position: absolute; z-index: 1; top: 285px; left: 285px ; font-weight:       bold; font-family: "Times New Roman", Serif; text-align: left;
      color: #0000cd; font-size: 180%;  }