@font-face {font-family: "Changa One";
    src: url("//db.onlinewebfonts.com/t/eaf97b4f476e6bb0485a27c26607f588.eot");
    src: url("//db.onlinewebfonts.com/t/eaf97b4f476e6bb0485a27c26607f588.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/eaf97b4f476e6bb0485a27c26607f588.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/eaf97b4f476e6bb0485a27c26607f588.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/eaf97b4f476e6bb0485a27c26607f588.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/eaf97b4f476e6bb0485a27c26607f588.svg#Changa One") format("svg");
}

/* the div html tag places a <br> before and after the div , inline-block stops that. the following animations are implemented via the div tag */
div { 
    display: inline-block; 
}

/* ---------------------- start -------------------------------- */
#shadow_animation_blue_10_20_30 {
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {text-shadow: 10px 20px 30px blue;}
}

/* Standard syntax */
@keyframes mymove {
    50% {text-shadow: 10px 20px 30px blue;}
}
/* ----------------------  end  -------------------------------- */

/* ---------------------- start -------------------------------- */
#shadow_animation_red_10_20_30 {
    -webkit-animation: mymove_r123 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove_r123 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove_r123 {
    50% {text-shadow: 10px 20px 30px red;}
}

/* Standard syntax */
@keyframes mymove_r123 {
    50% {text-shadow: 10px 20px 30px red;}
}
/* ----------------------  end  -------------------------------- */

/* ---------------------- start -------------------------------- */
#shadow_animation_grey_5_5_5 {
    -webkit-animation: mymove_5 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove_5 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove_5 {
    50% {text-shadow: 5px 5px 5px #D6CECE;}
}

/* Standard syntax */
@keyframes mymove_5 {
    50% {text-shadow: 5px 5px 5px #D6CECE;}
}
/* ----------------------  end  -------------------------------- */

/* ---------------------- start -------------------------------- */
#shadow_animation_black_5_5_5 {
    -webkit-animation: mymove_2 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove_2 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove_2 {
    50% {text-shadow: 5px 5px 5px black;}
}

/* Standard syntax */
@keyframes mymove_2 {
    50% {text-shadow: 5px 5px 5px black;}
}
/* ----------------------  end  -------------------------------- */

/* ---------------------- start -------------------------------- */
#shadow_animation_red_5_5_5 {
    -webkit-animation: mymove_r555 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove_r555 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove_r555 {
    50% {text-shadow: 5px 5px 5px red;}
}

/* Standard syntax */
@keyframes mymove_r555 {
    50% {text-shadow: 5px 5px 5px red;}
}
/* ----------------------  end  -------------------------------- */

/* ---------------------- start -------------------------------- */
#shadow_animation_pink_5_5_5 {
    -webkit-animation: mymove_r265 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove_r265 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove_r265 {
    50% {text-shadow: 5px 5px 5px #FF00C8;}
}

/* Standard syntax */
@keyframes mymove_r265 {
    50% {text-shadow: 5px 5px 5px #FF00C8;}
}
/* ----------------------  end  -------------------------------- */


/* the div html tag places a <br> before and after the div , inline-block stops that. the following animations are implemented via the div tag */
div { 
    display: inline-block; 
}

/* ---------------------- start -------------------------------- */
#shadow_animation_blue_10_20_30 {
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {text-shadow: 10px 20px 30px blue;}
}

/* Standard syntax */
@keyframes mymove {
    50% {text-shadow: 10px 20px 30px blue;}
}
/* ----------------------  end  -------------------------------- */

/* ---------------------- start -------------------------------- */
#shadow_animation_red_10_20_30 {
    -webkit-animation: mymove_r123 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove_r123 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove_r123 {
    50% {text-shadow: 10px 20px 30px red;}
}

/* Standard syntax */
@keyframes mymove_r123 {
    50% {text-shadow: 10px 20px 30px red;}
}
/* ----------------------  end  -------------------------------- */

/* ---------------------- start -------------------------------- */
#shadow_animation_grey_5_5_5 {
    -webkit-animation: mymove_5 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove_5 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove_5 {
    50% {text-shadow: 5px 5px 5px #D6CECE;}
}

/* Standard syntax */
@keyframes mymove_5 {
    50% {text-shadow: 5px 5px 5px #D6CECE;}
}
/* ----------------------  end  -------------------------------- */

/* ---------------------- start -------------------------------- */
#shadow_animation_black_5_5_5 {
    -webkit-animation: mymove_2 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove_2 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove_2 {
    50% {text-shadow: 5px 5px 5px black;}
}

/* Standard syntax */
@keyframes mymove_2 {
    50% {text-shadow: 5px 5px 5px black;}
}
/* ----------------------  end  -------------------------------- */

/* ---------------------- start -------------------------------- */
#shadow_animation_red_5_5_5 {
    -webkit-animation: mymove_r555 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove_r555 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove_r555 {
    50% {text-shadow: 5px 5px 5px red;}
}

/* Standard syntax */
@keyframes mymove_r555 {
    50% {text-shadow: 5px 5px 5px red;}
}
/* ----------------------  end  -------------------------------- */

/* ---------------------- start -------------------------------- */
#shadow_animation_pink_5_5_5 {
    -webkit-animation: mymove_r265 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove_r265 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove_r265 {
    50% {text-shadow: 5px 5px 5px #FF00C8;}
}

/* Standard syntax */
@keyframes mymove_r265 {
    50% {text-shadow: 5px 5px 5px #FF00C8;}
}
/* ----------------------  end  -------------------------------- */


stroke-text {
  color:black; 
  text-shadow:1px 0 0 #D6CECE,0 1px 0 #D6CECE,-1px 0 0 #D6CECE,0 -1px 0 #D6CECE;
}

stroke-text-white {
  color:white; 
  text-shadow:1px 0 0 #D6CECE,0 1px 0 #D6CECE,-1px 0 0 #D6CECE,0 -1px 0 #D6CECE;
}

stroke-text-white-red {
  color:white; 
  text-shadow:1px 0 0 #FF0000,0 1px 0 #FF0000,-1px 0 0 #FF0000,0 -1px 0 #FF0000;
}

stroke-text-white-blue {
  color:white; 
  text-shadow:1px 0 0 #0000FF,0 1px 0 #0000FF,-1px 0 0 #0000FF,0 -1px 0 #0000FF;
}

stroke-text-white-green {
  color:white; 
  text-shadow:1px 0 0 #00FF00,0 1px 0 #00FF00,-1px 0 0 #00FF00,0 -1px 0 #00FF00;
}

stroke-text-white-darkgreen {
  color:white; 
  text-shadow:1px 0 0 #008c00,0 1px 0 #008c00,-1px 0 0 #008c00,0 -1px 0 #008c00;
}

stroke-text-darkgreen-white {
  color:#008c00; 
  text-shadow:1px 0 0 #ffffff,0 1px 0 #ffffff,-1px 0 0 #ffffff,0 -1px 0 #ffffff;
}

stroke-text-white-kawasaki-green {
  color:white; 
  text-shadow:1px 0 0 #6BBF23,0 1px 0 #6BBF23,-1px 0 0 #6BBF23,0 -1px 0 #6BBF23;
}

stroke-text-white-red-black {
  color:white; 
  text-shadow:1px 0 0 #FF0000,0 1px 0 #FF0000,-1px 0 0 #FF0000,0 -1px 0 #FF0000;
  text-shadow:1px 0 0 #000000,0 1px 0 #000000,-1px 0 0 #000000,0 -1px 0 #000000;
}

stroke-text-turq-black {
  color:32FFF8; 
  text-shadow:1px 0 0 #000000,0 1px 0 #000000,-1px 0 0 #000000,0 -1px 0 #000000;
}

stroke-text-black-white {
  color:black; 
  text-shadow:1px 0 0 #ffffff,0 1px 0 #ffffff,-1px 0 0 #ffffff,0 -1px 0 #ffffff;
}

stroke-text-white-black {
  color:white; 
  text-shadow:1px 0 0 #000000,0 1px 0 #000000,-1px 0 0 #000000,0 -1px 0 #000000;
}

stroke-text-white-black-thick {
  color:white; 
  text-shadow:2px 0 0 #000000,0 2px 0 #000000,-2px 0 0 #000000,0 -2px 0 #000000;
}

stroke-text-xmas-thick {
  color:white; 
  text-shadow:2px 0 0 #ff0000,0 2px 0 #ff0000,-2px 0 0 #ff0000,0 -2px 0 #ff0000;
}
stroke-text-spring-thick {
  color:#00FF00;
  text-shadow:2px 0 0 #00AA00,0 2px 0 #00AA00,-2px 0 0 #00AA00,0 -2px 0 #00AA00;
}

stroke-text-summer-thick {
  color:white; 
  text-shadow:2px 0 0 #0000FF,0 2px 0 #0000FF,-2px 0 0 #0000FF,0 -2px 0 #0000FF;
}

stroke-text-fall-thick {
  color:white; 
  text-shadow:2px 0 0 #FFA000,0 2px 0 #FFA000,-2px 0 0 #FFA000,0 -2px 0 #FFA000;
}

stroke-text-grey-white {
  color:D6CECE; 
  text-shadow:1px 0 0 #FFFFFF,0 1px 0 #FFFFFF,-1px 0 0 #FFFFFF,0 -1px 0 #FFFFFF;
}
/*
stroke-text-fall {
  color:black; 
  text-shadow:1px 0 0 #FFA000,0 1px 0 #FFA000,-1px 0 0 #FFA000,0 -1px 0 #FFA000;
}
*/
stroke-text-fall {
  color:white; 
  text-shadow:1px 0 0 #FFA000,0 1px 0 #FFA000,-1px 0 0 #FFA000,0 -1px 0 #FFA000;
}
/*
stroke-text-xmas {
  color:red; 
  text-shadow:1px 0 0 #00FF00,0 1px 0 #00FF00,-1px 0 0 #00FF00,0 -1px 0 #00FF00;
}
*/
stroke-text-xmas {
  color:white; 
  text-shadow:1px 0 0 #FF0000,0 1px 0 #FF0000,-1px 0 0 #FF0000,0 -1px 0 #FF0000;
}
/*
stroke-text-xmas {
  color:red; 
  text-shadow:1px 0 0 #00FF00,0 1px 0 #00FF00,-1px 0 0 #00FF00,0 -1px 0 #00FF00;
}
*/
/*
stroke-text-spring {
  color:white; 
  text-shadow:1px 0 0 #00FF00,0 1px 0 #00FF00,-1px 0 0 #00FF00,0 -1px 0 #00FF00;
}
stroke-text-spring {
  color:#00AA00;
  text-shadow:1px 0 0 #FFFF00,0 1px 0 #FFFF00,-1px 0 0 #FFFF00,0 -1px 0 #FFFF00;
}
stroke-text-spring {
  color:#00AA00;
  text-shadow:1px 0 0 #00FF00,0 1px 0 #00FF00,-1px 0 0 #00FF00,0 -1px 0 #00FF00;
}
stroke-text-spring {
  color:#00FF00;
  text-shadow:1px 0 0 #00AA00,0 1px 0 #00AA00,-1px 0 0 #00AA00,0 -1px 0 #00AA00;
}
*/

stroke-text-spring {
  color:#ffffff;
  text-shadow:1px 0 0 #008c00,0 1px 0 #008c00,-1px 0 0 #008c00,0 -1px 0 #008c00;
}

stroke-text-spring-black {
  color:#00FF00;
  text-shadow:1px 0 0 #000000,0 1px 0 #000000,-1px 0 0 #000000,0 -1px 0 #000000;
}
/*
stroke-text-summer {
  color:yellow; 
  text-shadow:1px 0 0 #0000FF,0 1px 0 #0000FF,-1px 0 0 #0000FF,0 -1px 0 #0000FF;
}
*/

stroke-text-summer {
  color:white; 
  text-shadow:1px 0 0 #0000FF,0 1px 0 #0000FF,-1px 0 0 #0000FF,0 -1px 0 #0000FF;
}

stroke-text-yellow-blue {
  color:yellow; 
  text-shadow:1px 0 0 #0000FF,0 1px 0 #0000FF,-1px 0 0 #0000FF,0 -1px 0 #0000FF;
}

stroke-text-blue-yellow {
  color:#0000ff; 
  text-shadow:1px 0 0 #ffff00,0 1px 0 #ffff00,-1px 0 0 #ffff00,0 -1px 0 #ffff00;
}

stroke-text-2px {
  color:black; 
  text-shadow:2px 0 0 #D6CECE,0 2px 0 #D6CECE,-2px 0 0 #D6CECE,0 -2px 0 #D6CECE;
}

stroke-text-3px {
  color:black; 
  text-shadow:3px 0 0 #D6CECE,0 3px 0 #D6CECE,-3px 0 0 #D6CECE,0 -3px 0 #D6CECE;
}

shadow_blue {
    text-shadow: 2px 2px #0000FF;
}

shadow_green {
    text-shadow: 2px 2px #00FF00;
}

shadow_dark_green {
    text-shadow: 2px 2px #008c00;
}
shadow_kawasaki_green {
    text-shadow: 2px 2px #9BFF4F;
}

shadow_orange {
    text-shadow: 2px 2px #FFA000;
}

shadow_yellow {
    text-shadow: 2px 2px #FFFF00;
}

shadow_grey {
    text-shadow: 2px 2px #D6CECE;
}

shadow_black {
    text-shadow: 2px 2px #000000;
}

shadow_white {
    text-shadow: 2px 2px #FFFFFF;
}

shadow_red {
    text-shadow: 2px 2px #FF0000;
}

shadow_pink {
    text-shadow: 2px 2px #FF00C8;
}

shadow_turq {
    text-shadow: 2px 2px #40E0D0;
}

faint_grey_blur {
    text-shadow: 2px 2px 8px #D6CECE;
}

medium_grey_blur {
    text-shadow: 2px 2px 4px #D6CECE;
}

red_neon_glow {
    text-shadow: 0 0 3px #FF0000;
}

red_blue_neon_glow {
    text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}

yellow_green_neon_glow {
    text-shadow: 0 0 3px #FFFF00, 0 0 5px #FFFF00;
}

/* changing spring neon glow to be a 3d border format
spring_neon_glow {
    color: #00FF00;
    text-shadow: 0 0 3px #006E00, 0 0 5px #006E00;
}
*/
spring_neon_glow {
	color: #00ff00;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #FFFF00, /*006E00*/
1px 2px 1px #FFFF00, 
2px 3px 1px #FFFF00, 
3px 4px 1px #FFFF00;
}

summer_neon_glow {
	color: #0000ff;
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFFF00, 
1px 2px 1px #FFFF00, 
2px 3px 1px #FFFF00, 
3px 4px 1px #FFFF00;
}

halloween_neon_glow {
	color: #000000;
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFa000, 
1px 2px 1px #FFa000, 
2px 3px 1px #FFa000, 
3px 4px 1px #FFa000;
}

xmas_neon_glow {
	color: #FF0000;
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #00FF00, 
1px 2px 1px #00FF00, 
2px 3px 1px #00FF00, 
3px 4px 1px #00FF00;
}

/*
start of effects that came from 
http://www.midwinter-dg.com/permalink-7-great-css-based-text-effects-using-the-text-shadow-property_2011-03-03.html 

on the text-shadow line 
the 1st px setting is the horizontal offset
the 2nd px setting is the vertical offset
the 3rd px setting is the amount to blur it
*/

embossed {
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #9c8468;
	opacity: 0.3;
}

embossed_grey {
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #D6CECE;
	opacity: 0.3;
}

embossed_red {
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #ff0000;
	opacity: 0.3;
}

embossed_black {
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #000000;
	opacity: 1.0;
}

three-d {
	color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

three-d-turq {
	color: #ffffff;
	text-shadow: 
0px 1px 1px #40E0D0, 
1px 2px 1px #40E0D0, 
2px 3px 1px #40E0D0, 
3px 4px 1px #40E0D0, 
-1px -1px 0px #40E0D0;
-2px -2px 0px #40E0D0;
}

three-d-turq-blborder {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #40E0D0, 
1px 2px 1px #40E0D0, 
2px 3px 1px #40E0D0, 
3px 4px 1px #40E0D0, 
-1px -1px 0px #000000,
-2px -2px 1px #40E0D0,
-3px -3px 1px #40E0D0;
}

three-d-pink {
	color: #ffffff;
	text-shadow: 
0px 1px 1px #FF00C8, 
1px 2px 1px #FF00C8, 
2px 3px 1px #FF00C8, 
3px 4px 1px #FF00C8, 
-1px -1px 0px #ff00c8;
-2px -2px 0px #ff00c8;
}

three-d-pink-blborder {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #FF00C8, 
1px 2px 1px #FF00C8, 
2px 3px 1px #FF00C8, 
3px 4px 1px #FF00C8, 
-1px -1px 0px #000000,
-2px -2px 1px #ff00c8,
-3px -3px 1px #ff00c8;
}

three-d-red-blborder {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #FF0000, 
1px 2px 1px #FF0000, 
2px 3px 1px #FF0000, 
3px 4px 1px #FF0000, 
-1px -1px 0px #000000,
-2px -2px 1px #ff0000,
-3px -3px 1px #ff0000;
}

three-d-black-grey {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #888, 
1px 2px 1px #777, 
2px 3px 1px #666, 
3px 4px 1px #555, 
-1px -1px 0px #000000,
-2px -2px 1px #555,
-3px -3px 1px #666;
}

three-d-red-grey {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #FF0000, 
0px 1px 1px #888, 
1px 2px 1px #777, 
2px 3px 1px #666, 
3px 4px 1px #555, 
-1px -1px 0px #FF0000,
-2px -2px 1px #555,
-3px -3px 1px #666;
}

/* start text effects used by 3gen website */

three-d-yellow-green-border {
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFFF00, 
1px 2px 1px #FFFF00, 
2px 3px 1px #FFFF00, 
3px 4px 1px #FFFF00, 
-1px -1px 0px #FFFFFF,
-2px -2px 1px #00ff00,
-3px -3px 1px #00ff00;
}

three-d-yellow-blue-border {
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFFF00, 
1px 2px 1px #FFFF00, 
2px 3px 1px #FFFF00, 
3px 4px 1px #FFFF00, 
-1px -1px 0px #FFFFFF,
-2px -2px 1px #0000ff,
-3px -3px 1px #0000ff;
}

three-d-orange-orange-border {
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFA000, 
1px 2px 1px #FFA000, 
2px 3px 1px #FFA000, 
3px 4px 1px #FFA000, 
-1px -1px 0px #FFFFFF,
-2px -2px 1px #FFA000,
-3px -3px 1px #FFA000;
}

three-d-red-green-border {
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FF0000, 
1px 2px 1px #FF0000, 
2px 3px 1px #FF0000, 
3px 4px 1px #FF0000, 
-1px -1px 0px #FFFFFF,
-2px -2px 1px #00FF00,
-3px -3px 1px #00FF00;
}

/* end text effects used by 3gen website */

z1 {
	color: #ffffff;
	text-shadow: -2px -2px 3px #ff00c8;
}

three-d-black {
	color: #000000;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

three-d-grey {
	color: #D6CECE;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #D6CECE;
}

/*
end of effects that came from 
http://www.midwinter-dg.com/permalink-7-great-css-based-text-effects-using-the-text-shadow-property_2011-03-03.html 
*/

/* start of font sizes */
/* 1em is equal to the current font size. */
/* The size can be calculated from pixels to em using this formula: pixels/16=em */

/* start of relative font sizes */

font_size_times_1quarter {
    font-size: 0.25em;
}
font_size_times_1half {
    font-size: 0.50em;
}
font_size_times_3quarter {
    font-size: 0.75em;
/* use pminus1 not this but leave this in here in case you used it */
}
font_size_times_minusone {
    font-size: 0.82em;
}
font_size_times_1andaquarter {
    font-size: 1.25em;
}
font_size_times_1andahalf {
    font-size: 1.5em;
}
font_size_times_1and3quarters {
    font-size: 1.75em;
}
font_size_times_2 {
    font-size: 2.0em;
}
font_size_times_2andahalf {
    font-size: 2.5em;
}
font_size_times_3 {
    font-size: 3.0em;
}

/* end of relative font sizes */


/* when base font size is 14 this makes text the same size as <font size=+2> used to do */
p1 {
font-size:18px}

/* when base font size is 14 this makes text the same size as <font size=+1> used to do */
p1a {
font-size:16px}

/* when base font size is 14 this makes text the same size as <font size=-1> used to do */
pminus1 {
font-size:13px}

/* when base font size is 14 this makes text the same size as <font size=+2> used to do */
p2 {
font-size:25px}

/* when base font size is 14 this makes text the same size as <font size=-2> used to do */
pminus2 {
font-size:10px}

/* when base font size is 14 this makes text the same size as <font size=+3> used to do */
p3 {
font-size:32px}

/* when base font size is 14 this makes text the same size as <font size=-3> used to do */
pminus3 {
font-size:9px}

/* replaces <font color="black"> */
pblack {
color: black
}

/* replaces <font color="blue"> */
pblue {
color: blue
}

/* replaces <font color="white"> */
pwhite {
color: white
}

/* replaces <font color="orange"> */
porange {
font-weight: bold;
color: orange
}

/* replaces <font color="#55FF2C"> */
plimegreen {
color: #55FF2C
}

/* replaces <font color="green"> */
pgreen {
color: #00FF00
}

pmonsterenergygreen {
color: #93D50A
}

pdarkgreen {
color: #006200
}

/* replaces <font color="yellow"> */
pyellow {
color: yellow
}
	
/* replaces <font color="red"> */
pred {
color: red
}
	
/* replaces <font color="pink"> */
ppink {
color: #FF00C8
}

pturq {
color: #40E0D0
}

/* replaces <font face="AmphionOutline"> */
pamphionoutline {
font-family:"AmphionOutline"
}

/* replaces <font face="changa one"> */
pchangaone {
font-family:"Changa One"
}

/* replaces <font face="Changa One"> */
pChanga One {
font-family:"Changa One"
}

font_size_10 {
    font-size: 10px;
}
font_size_14 {
    font-size: 14px;
}
font_size_18 {
    font-size: 18px;
}
font_size_20 {
    font-size: 20px;
}
font_size_25 {
    font-size: 25px;
}
font_size_37 {
    font-size: 37px;
}
font_size_50 {
    font-size: 50px;
}
font_size_75 {
    font-size: 75px;
}
font_size_100 {
    font-size: 100px;
}
font_size_150 {
    font-size: 150px;
}
font_size_200 {
    font-size: 200px;
}
font_size_250 {
    font-size: 250px;
}

font_size_small {
    font-size: small;
}

font_size_x-small {
    font-size: x-small;
}

font_size_xx-small {
    font-size: xx-small;
}

font_size_large {
    font-size: large;
}

font_size_x-large {
    font-size: x-large;
}

font_size_xx-large {
    font-size: xx-large;
}

big {
font-size:50px;
font-family: Changa One
} 

big_50 {
font-size:50px;
font-family: Changa One
} 

big_75 {
font-size:75px;
font-family: Changa One
} 

big_100 {
font-size:100px;
font-family: Changa One
} 

big_grey {
color: #D6CECE;
font-size:50px;
font-family: Changa One
} 

/* end of font sizes */

shadow_grey {
    text-shadow: 2px 2px #D6CECE;
}

shadow_black {
    text-shadow: 2px 2px #000000;
}

shadow_white {
    text-shadow: 2px 2px #FFFFFF;
}

shadow_red {
    text-shadow: 2px 2px #FF0000;
}

shadow_pink {
    text-shadow: 2px 2px #FF00C8;
}

shadow_turq {
    text-shadow: 2px 2px #40E0D0;
}

faint_grey_blur {
    text-shadow: 2px 2px 8px #D6CECE;
}

medium_grey_blur {
    text-shadow: 2px 2px 4px #D6CECE;
}

red_neon_glow {
    text-shadow: 0 0 3px #FF0000;
}

red_blue_neon_glow {
    text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}

yellow_green_neon_glow {
    text-shadow: 0 0 3px #FFFF00, 0 0 5px #FFFF00;
}

/* changing spring neon glow to be a 3d border format
spring_neon_glow {
    color: #00FF00;
    text-shadow: 0 0 3px #006E00, 0 0 5px #006E00;
}
*/
spring_neon_glow {
	color: #00ff00;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #FFFF00, /*006E00*/
1px 2px 1px #FFFF00, 
2px 3px 1px #FFFF00, 
3px 4px 1px #FFFF00;
}

summer_neon_glow {
	color: #0000ff;
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFFF00, 
1px 2px 1px #FFFF00, 
2px 3px 1px #FFFF00, 
3px 4px 1px #FFFF00;
}

halloween_neon_glow {
	color: #000000;
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFa000, 
1px 2px 1px #FFa000, 
2px 3px 1px #FFa000, 
3px 4px 1px #FFa000;
}

xmas_neon_glow {
	color: #FF0000;
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #00FF00, 
1px 2px 1px #00FF00, 
2px 3px 1px #00FF00, 
3px 4px 1px #00FF00;
}

/*
start of effects that came from 
http://www.midwinter-dg.com/permalink-7-great-css-based-text-effects-using-the-text-shadow-property_2011-03-03.html 

on the text-shadow line 
the 1st px setting is the horizontal offset
the 2nd px setting is the vertical offset
the 3rd px setting is the amount to blur it
*/

embossed {
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #9c8468;
	opacity: 0.3;
}

embossed_grey {
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #D6CECE;
	opacity: 0.3;
}

embossed_red {
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #ff0000;
	opacity: 0.3;
}

embossed_black {
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #000000;
	opacity: 1.0;
}

three-d {
	color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

three-d-turq {
	color: #ffffff;
	text-shadow: 
0px 1px 1px #40E0D0, 
1px 2px 1px #40E0D0, 
2px 3px 1px #40E0D0, 
3px 4px 1px #40E0D0, 
-1px -1px 0px #40E0D0;
-2px -2px 0px #40E0D0;
}

three-d-turq-blborder {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #40E0D0, 
1px 2px 1px #40E0D0, 
2px 3px 1px #40E0D0, 
3px 4px 1px #40E0D0, 
-1px -1px 0px #000000,
-2px -2px 1px #40E0D0,
-3px -3px 1px #40E0D0;
}

three-d-pink {
	color: #ffffff;
	text-shadow: 
0px 1px 1px #FF00C8, 
1px 2px 1px #FF00C8, 
2px 3px 1px #FF00C8, 
3px 4px 1px #FF00C8, 
-1px -1px 0px #ff00c8;
-2px -2px 0px #ff00c8;
}

three-d-pink-blborder {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #FF00C8, 
1px 2px 1px #FF00C8, 
2px 3px 1px #FF00C8, 
3px 4px 1px #FF00C8, 
-1px -1px 0px #000000,
-2px -2px 1px #ff00c8,
-3px -3px 1px #ff00c8;
}

three-d-red-blborder {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #FF0000, 
1px 2px 1px #FF0000, 
2px 3px 1px #FF0000, 
3px 4px 1px #FF0000, 
-1px -1px 0px #000000,
-2px -2px 1px #ff0000,
-3px -3px 1px #ff0000;
}

three-d-black-grey {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #888, 
1px 2px 1px #777, 
2px 3px 1px #666, 
3px 4px 1px #555, 
-1px -1px 0px #000000,
-2px -2px 1px #555,
-3px -3px 1px #666;
}

three-d-red-grey {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #FF0000, 
0px 1px 1px #888, 
1px 2px 1px #777, 
2px 3px 1px #666, 
3px 4px 1px #555, 
-1px -1px 0px #FF0000,
-2px -2px 1px #555,
-3px -3px 1px #666;
}

/* start text effects used by 3gen website */

three-d-yellow-green-border {
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFFF00, 
1px 2px 1px #FFFF00, 
2px 3px 1px #FFFF00, 
3px 4px 1px #FFFF00, 
-1px -1px 0px #FFFFFF,
-2px -2px 1px #00ff00,
-3px -3px 1px #00ff00;
}

three-d-yellow-blue-border {
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFFF00, 
1px 2px 1px #FFFF00, 
2px 3px 1px #FFFF00, 
3px 4px 1px #FFFF00, 
-1px -1px 0px #FFFFFF,
-2px -2px 1px #0000ff,
-3px -3px 1px #0000ff;
}

three-d-orange-orange-border {
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFA000, 
1px 2px 1px #FFA000, 
2px 3px 1px #FFA000, 
3px 4px 1px #FFA000, 
-1px -1px 0px #FFFFFF,
-2px -2px 1px #FFA000,
-3px -3px 1px #FFA000;
}

three-d-red-green-border {
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FF0000, 
1px 2px 1px #FF0000, 
2px 3px 1px #FF0000, 
3px 4px 1px #FF0000, 
-1px -1px 0px #FFFFFF,
-2px -2px 1px #00FF00,
-3px -3px 1px #00FF00;
}

/* end text effects used by 3gen website */

z1 {
	color: #ffffff;
	text-shadow: -2px -2px 3px #ff00c8;
}

three-d-black {
	color: #000000;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

three-d-grey {
	color: #D6CECE;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #D6CECE;
}

/*
end of effects that came from 
http://www.midwinter-dg.com/permalink-7-great-css-based-text-effects-using-the-text-shadow-property_2011-03-03.html 
*/

/* start of font sizes */
/* 1em is equal to the current font size. */
/* The size can be calculated from pixels to em using this formula: pixels/16=em */

/* start of relative font sizes */

font_size_times_1quarter {
    font-size: 0.25em;
}
font_size_times_1half {
    font-size: 0.50em;
}
font_size_times_3quarter {
    font-size: 0.75em;
/* use pminus1 not this but leave this in here in case you used it */
}
font_size_times_minusone {
    font-size: 0.82em;
}
font_size_times_1andaquarter {
    font-size: 1.25em;
}
font_size_times_1andahalf {
    font-size: 1.5em;
}
font_size_times_1and3quarters {
    font-size: 1.75em;
}
font_size_times_2 {
    font-size: 2.0em;
}
font_size_times_2andahalf {
    font-size: 2.5em;
}
font_size_times_3 {
    font-size: 3.0em;
}

/* end of relative font sizes */


/* when base font size is 14 this makes text the same size as <font size=+2> used to do */
p1 {
font-size:18px}

/* when base font size is 14 this makes text the same size as <font size=+1> used to do */
p1a {
font-size:16px}

/* when base font size is 14 this makes text the same size as <font size=-1> used to do */
pminus1 {
font-size:13px}

/* when base font size is 14 this makes text the same size as <font size=+2> used to do */
p2 {
font-size:25px}

/* when base font size is 14 this makes text the same size as <font size=-2> used to do */
pminus2 {
font-size:10px}

/* when base font size is 14 this makes text the same size as <font size=+3> used to do */
p3 {
font-size:32px}

/* when base font size is 14 this makes text the same size as <font size=-3> used to do */
pminus3 {
font-size:9px}

/* replaces <font color="black"> */
pblack {
color: black
}

/* replaces <font color="blue"> */
pblue {
color: blue
}

pgrey {
color: #DCDCDC
}

/* replaces <font color="white"> */
pwhite {
color: white
}

/* replaces <font color="orange"> */
porange {
font-weight: bold;
color: orange
}

/* replaces <font color="#55FF2C"> */
plimegreen {
color: #55FF2C
}

pkawasakigreen {
color: #6BBF23
}

/* replaces <font color="green"> */
pgreen {
color: green
}

/* replaces <font color="yellow"> */
pyellow {
color: yellow
}
	
/* replaces <font color="red"> */
pred {
color: red
}
	
/* replaces <font color="pink"> */
ppink {
color: #FF00C8
}

pturq {
color: #40E0D0
}

/* replaces <font face="AmphionOutline"> */
pamphionoutline {
font-family:"AmphionOutline"
}

/* replaces <font face="changa one"> */
pchangaone {
font-family:"Changa One"
}

/* replaces <font face="Changa One"> */
pChanga One {
font-family:"Changa One"
}

font_size_10 {
    font-size: 10px;
}
font_size_14 {
    font-size: 14px;
}
font_size_18 {
    font-size: 18px;
}
font_size_20 {
    font-size: 20px;
}
font_size_25 {
    font-size: 25px;
}
font_size_37 {
    font-size: 37px;
}
font_size_50 {
    font-size: 50px;
}
font_size_75 {
    font-size: 75px;
}
font_size_100 {
    font-size: 100px;
}
font_size_150 {
    font-size: 150px;
}
font_size_200 {
    font-size: 200px;
}
font_size_250 {
    font-size: 250px;
}

font_size_small {
    font-size: small;
}

font_size_x-small {
    font-size: x-small;
}

font_size_xx-small {
    font-size: xx-small;
}

font_size_large {
    font-size: large;
}

font_size_x-large {
    font-size: x-large;
}

font_size_xx-large {
    font-size: xx-large;
}

big {
font-size:50px;
font-family: Changa One
} 

big_50 {
font-size:50px;
font-family: Changa One
} 

big_75 {
font-size:75px;
font-family: Changa One
} 

big_100 {
font-size:100px;
font-family: Changa One
} 

big_grey {
color: #D6CECE;
font-size:50px;
font-family: Changa One
} 

/* end of font sizes */

a:link {
color: black;
font-size: 14; 
text-decoration: none;
font-family: Changa One}

a:active {
color: red;
font-size: 14; 
text-decoration: none;
font-family: Changa One}

a:visited {
color: black;
font-size: 14; 
text-decoration: none;
font-family: Changa One}

a:hover {
color: #ff0000;
font-size: 14;
text-decoration: none;
font-family: Changa One}

shadow_grey {
    text-shadow: 2px 2px #D6CECE;
}

shadow_black {
    text-shadow: 2px 2px #000000;
}

shadow_white {
    text-shadow: 2px 2px #FFFFFF;
}

shadow_red {
    text-shadow: 2px 2px #FF0000;
}

shadow_pink {
    text-shadow: 2px 2px #FF00C8;
}

shadow_turq {
    text-shadow: 2px 2px #40E0D0;
}

faint_grey_blur {
    text-shadow: 2px 2px 8px #D6CECE;
}

medium_grey_blur {
    text-shadow: 2px 2px 4px #D6CECE;
}

red_neon_glow {
    text-shadow: 0 0 3px #FF0000;
}

red_blue_neon_glow {
    text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}

yellow_green_neon_glow {
    text-shadow: 0 0 3px #FFFF00, 0 0 5px #FFFF00;
}

/* changing spring neon glow to be a 3d border format
spring_neon_glow {
    color: #00FF00;
    text-shadow: 0 0 3px #006E00, 0 0 5px #006E00;
}
*/
spring_neon_glow {
	color: #00ff00;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #FFFF00, /*006E00*/
1px 2px 1px #FFFF00, 
2px 3px 1px #FFFF00, 
3px 4px 1px #FFFF00;
}

summer_neon_glow {
	color: #0000ff;
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFFF00, 
1px 2px 1px #FFFF00, 
2px 3px 1px #FFFF00, 
3px 4px 1px #FFFF00;
}

halloween_neon_glow {
	color: #000000;
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFa000, 
1px 2px 1px #FFa000, 
2px 3px 1px #FFa000, 
3px 4px 1px #FFa000;
}

xmas_neon_glow {
	color: #FF0000;
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #00FF00, 
1px 2px 1px #00FF00, 
2px 3px 1px #00FF00, 
3px 4px 1px #00FF00;
}

/*
start of effects that came from 
http://www.midwinter-dg.com/permalink-7-great-css-based-text-effects-using-the-text-shadow-property_2011-03-03.html 

on the text-shadow line 
the 1st px setting is the horizontal offset
the 2nd px setting is the vertical offset
the 3rd px setting is the amount to blur it
*/

embossed {
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #9c8468;
	opacity: 0.3;
}

embossed_grey {
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #D6CECE;
	opacity: 0.3;
}

embossed_red {
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #ff0000;
	opacity: 0.3;
}

embossed_black {
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #000000;
	opacity: 1.0;
}

three-d {
	color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

three-d-turq {
	color: #ffffff;
	text-shadow: 
0px 1px 1px #40E0D0, 
1px 2px 1px #40E0D0, 
2px 3px 1px #40E0D0, 
3px 4px 1px #40E0D0, 
-1px -1px 0px #40E0D0;
-2px -2px 0px #40E0D0;
}

three-d-turq-blborder {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #40E0D0, 
1px 2px 1px #40E0D0, 
2px 3px 1px #40E0D0, 
3px 4px 1px #40E0D0, 
-1px -1px 0px #000000,
-2px -2px 1px #40E0D0,
-3px -3px 1px #40E0D0;
}

three-d-pink {
	color: #ffffff;
	text-shadow: 
0px 1px 1px #FF00C8, 
1px 2px 1px #FF00C8, 
2px 3px 1px #FF00C8, 
3px 4px 1px #FF00C8, 
-1px -1px 0px #ff00c8;
-2px -2px 0px #ff00c8;
}

three-d-pink-blborder {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #FF00C8, 
1px 2px 1px #FF00C8, 
2px 3px 1px #FF00C8, 
3px 4px 1px #FF00C8, 
-1px -1px 0px #000000,
-2px -2px 1px #ff00c8,
-3px -3px 1px #ff00c8;
}

three-d-red-blborder {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #FF0000, 
1px 2px 1px #FF0000, 
2px 3px 1px #FF0000, 
3px 4px 1px #FF0000, 
-1px -1px 0px #000000,
-2px -2px 1px #ff0000,
-3px -3px 1px #ff0000;
}

three-d-black-grey {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #888, 
1px 2px 1px #777, 
2px 3px 1px #666, 
3px 4px 1px #555, 
-1px -1px 0px #000000,
-2px -2px 1px #555,
-3px -3px 1px #666;
}

three-d-red-grey {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #FF0000, 
0px 1px 1px #888, 
1px 2px 1px #777, 
2px 3px 1px #666, 
3px 4px 1px #555, 
-1px -1px 0px #FF0000,
-2px -2px 1px #555,
-3px -3px 1px #666;
}

/* start text effects used by 3gen website */

three-d-yellow-green-border {
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFFF00, 
1px 2px 1px #FFFF00, 
2px 3px 1px #FFFF00, 
3px 4px 1px #FFFF00, 
-1px -1px 0px #FFFFFF,
-2px -2px 1px #00ff00,
-3px -3px 1px #00ff00;
}

three-d-yellow-blue-border {
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFFF00, 
1px 2px 1px #FFFF00, 
2px 3px 1px #FFFF00, 
3px 4px 1px #FFFF00, 
-1px -1px 0px #FFFFFF,
-2px -2px 1px #0000ff,
-3px -3px 1px #0000ff;
}

three-d-orange-orange-border {
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FFA000, 
1px 2px 1px #FFA000, 
2px 3px 1px #FFA000, 
3px 4px 1px #FFA000, 
-1px -1px 0px #FFFFFF,
-2px -2px 1px #FFA000,
-3px -3px 1px #FFA000;
}

three-d-red-green-border {
	text-shadow: 
0px 1px 0px #FFFFFF, 
0px 1px 1px #FF0000, 
1px 2px 1px #FF0000, 
2px 3px 1px #FF0000, 
3px 4px 1px #FF0000, 
-1px -1px 0px #FFFFFF,
-2px -2px 1px #00FF00,
-3px -3px 1px #00FF00;
}

/* end text effects used by 3gen website */

z1 {
	color: #ffffff;
	text-shadow: -2px -2px 3px #ff00c8;
}

three-d-black {
	color: #000000;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

three-d-grey {
	color: #D6CECE;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #D6CECE;
}

/*
end of effects that came from 
http://www.midwinter-dg.com/permalink-7-great-css-based-text-effects-using-the-text-shadow-property_2011-03-03.html 
*/

/* start of font sizes */
/* 1em is equal to the current font size. */
/* The size can be calculated from pixels to em using this formula: pixels/16=em */

/* start of relative font sizes */

font_size_times_1quarter {
    font-size: 0.25em;
}
font_size_times_1half {
    font-size: 0.50em;
}
font_size_times_3quarter {
    font-size: 0.75em;
/* use pminus1 not this but leave this in here in case you used it */
}
font_size_times_minusone {
    font-size: 0.82em;
}
font_size_times_1andaquarter {
    font-size: 1.25em;
}
font_size_times_1andahalf {
    font-size: 1.5em;
}
font_size_times_1and3quarters {
    font-size: 1.75em;
}
font_size_times_2 {
    font-size: 2.0em;
}
font_size_times_2andahalf {
    font-size: 2.5em;
}
font_size_times_3 {
    font-size: 3.0em;
}

/* end of relative font sizes */


/* when base font size is 14 this makes text the same size as <font size=+2> used to do */
p1 {
font-size:18px}

/* when base font size is 14 this makes text the same size as <font size=+1> used to do */
p1a {
font-size:16px}

/* when base font size is 14 this makes text the same size as <font size=-1> used to do */
pminus1 {
font-size:13px}

/* when base font size is 14 this makes text the same size as <font size=+2> used to do */
p2 {
font-size:25px}

/* when base font size is 14 this makes text the same size as <font size=-2> used to do */
pminus2 {
font-size:10px}

/* when base font size is 14 this makes text the same size as <font size=+3> used to do */
p3 {
font-size:32px}

/* when base font size is 14 this makes text the same size as <font size=-3> used to do */
pminus3 {
font-size:9px}

/* replaces <font color="black"> */
pblack {
color: black
}

/* replaces <font color="blue"> */
pblue {
color: blue
}

/* replaces <font color="white"> */
pwhite {
color: white
}

/* replaces <font color="orange"> */
porange {
font-weight: bold;
color: orange
}

/* replaces <font color="#55FF2C"> */
plimegreen {
color: #55FF2C
}

/* replaces <font color="green"> */
pgreen {
color: green
}

/* replaces <font color="yellow"> */
pyellow {
color: yellow
}
	
/* replaces <font color="red"> */
pred {
color: red
}
	
/* replaces <font color="pink"> */
ppink {
color: #FF00C8
}

pturq {
color: #40E0D0
}

/* replaces <font face="AmphionOutline"> */
pamphionoutline {
font-family:"AmphionOutline"
}

/* replaces <font face="changa one"> */
pchangaone {
font-family:"Changa One"
}

/* replaces <font face="Changa One"> */
pChanga One {
font-family:"Changa One"
}

font_size_10 {
    font-size: 10px;
}
font_size_14 {
    font-size: 14px;
}
font_size_18 {
    font-size: 18px;
}
font_size_20 {
    font-size: 20px;
}
font_size_25 {
    font-size: 25px;
}
font_size_37 {
    font-size: 37px;
}
font_size_50 {
    font-size: 50px;
}
font_size_75 {
    font-size: 75px;
}
font_size_100 {
    font-size: 100px;
}
font_size_150 {
    font-size: 150px;
}
font_size_200 {
    font-size: 200px;
}
font_size_250 {
    font-size: 250px;
}

font_size_small {
    font-size: small;
}

font_size_x-small {
    font-size: x-small;
}

font_size_xx-small {
    font-size: xx-small;
}

font_size_large {
    font-size: large;
}

font_size_x-large {
    font-size: x-large;
}

font_size_xx-large {
    font-size: xx-large;
}

big {
font-size:50px;
font-family: Changa One
} 

big_50 {
font-size:50px;
font-family: Changa One
} 

big_75 {
font-size:75px;
font-family: Changa One
} 

big_100 {
font-size:100px;
font-family: Changa One
} 

big_grey {
color: #D6CECE;
font-size:50px;
font-family: Changa One
} 

/* end of font sizes */

a:link {
color: black;
font-size: 14; 
text-decoration: none;
font-family: Changa One}

a:active {
color: red;
font-size: 14; 
text-decoration: none;
font-family: Changa One}

a:visited {
color: black;
font-size: 14; 
text-decoration: none;
font-family: Changa One}

a:hover {
color: #ff0000;
font-size: 14;
text-decoration: none;
font-family: Changa One}

b {
font-weight: bold;
font-family: Changa One} 

/* b2 is a font size specified in style1_mobile.css */
b2 {
font-weight: bold;
font-family: Changa One} 

q {
font-size: 12;
font-family: Changa One} 

/*
em {
font-size: 24;
font-family: Changa One} 
*/

nem {
color: red; 
font-size: 14;
text-decoration: underline} 

td {
color: black;
font-size: 14;
font-family: Changa One} 

.title{
color: #0000FF;
font-size: 13;
font-weight: bold;
font-family: Changa One}

.sub_title{
color: #0000FF;
font-size: 14;
font-weight: bold;
font-family: Changa One}

.box_title{
color: #ffffff;
font-size: 14;
font-weight: bold;
font-family: Changa One}

BODY {
background:none transparent;
/* background-color: #FFFFFF; this will override the background transparent above */ 
scrollbar-arrow-color: white;
scrollbar-track-color: #D6CECE;
scrollbar-face-color: white;
scrollbar-shadow-color: #D6CECE;
scrollbar-highlight-color: #D6CECE;
scrollbar-darkshadow-color: #D6CECE;
scrollbar-3dlight-color: #D6CECE;
margin-top: 0; 
margin-bottom: 0; 
margin-right: 0; 
margin-left: 0; 
color: black;
font-family: Changa One;
font-weight: normal;
/* font-size: 14; */
}

/* this sets all margins to 0 (including body) */
{
  margin: 0px;
  padding: 0px;
}