
@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");
}

pchangaone {
font-family:"Changa One"
}

/* default font size is 20 */

/* 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  -------------------------------- */


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-red {
  color:white; 
  text-shadow:1px 0 0 #FF0000,0 1px 0 #FF0000,-1px 0 0 #FF0000,0 -1px 0 #FF0000;
}

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

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

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-blue-white {
  color:blue; 
  text-shadow:1px 0 0 #ffffFF,0 1px 0 #ffffFF,-1px 0 0 #ffffFF,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;
}

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 #FF006E;
}

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;
}

spring_neon_glow {
    color: #00FF00; /* orig was yellow */
    text-shadow: 0 0 3px #006E00, 0 0 5px #006E00; /* orig was 00FF00 */
}

summer_neon_glow {
    color: blue; /* was white */
    text-shadow: 0 0 3px #FFFF00, 0 0 5px #FFFF00;
}

halloween_neon_glow {
    color: black;
    text-shadow: 0 0 3px #FFa000, 0 0 5px #FFa000;
}

xmas_neon_glow {
    color: red;
    text-shadow: 0 0 3px #FF0000, 0 0 5px #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 
*/

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-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;
}

three-d-green {
	color: #006e00;
	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;
}

three-d-red-grey {
	color: #000000;
	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;
}

three-d-green-blborder2 {
	color: #00ff00;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #006E00, 
1px 2px 1px #006E00, 
2px 3px 1px #006E00, 
3px 4px 1px #006E00;
}

three-d-green-blborder {
	color: #ffffff;
	text-shadow: 
0px 1px 0px #000000, 
0px 1px 1px #006E00, 
1px 2px 1px #006E00, 
2px 3px 1px #006E00, 
3px 4px 1px #006E00, 
-1px -1px 0px #000000,
-2px -2px 1px #006E00,
-3px -3px 1px #006E00;
}


/*
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_5eights {
    font-size: 0.65em;
}

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;
}

font_size_times_4 {
    font-size: 4.0em;
}

font_size_times_5 {
    font-size: 5.0em;
}

/* end of relative font sizes */


/* start of absolute font sizes */
/* these do not work properly for mobile version */

p1 {
font-size:18px}

/* 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}

/* end of absolute font sizes */

/* 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="#FF006E"> */
ppink {
color: #FF006E
}

pgrey {
color: #C0C0C0
}

/* replaces <font face="changa one"> */
/* not live linking to fonts any more so replaced live linked font */
pchangaone {
font-family:"times new roman"
}

/* replaces <font face="Changa One"> */
/* not live linking to fonts any more so replaced live linked font */
pChanga One {
font-family:"times new roman"
}

font_size_10 {
    font-size: 10px;
}
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: times new roman
} 

big_50 {
font-size:50px;
font-family: times new roman
} 

big_75 {
font-size:75px;
font-family: times new roman
} 

big_100 {
font-size:100px;
font-family: times new roman
} 

big_grey {
color: #D6CECE;
font-size:50px;
font-family: times new roman
} 

/* end of font sizes */

a:link {
color: white;
text-decoration: none}

a:visited {
color: white;
text-decoration: none}

a:hover {
font-size: 1.5em;
font-weight: bold}

/* left to show text-decoration possibilities
a:hover {
font-size: 1.5em;
font-weight: bold;
text-decoration-line: overline underline;
text-decoration-style: wavy}
*/

b {
font-weight: bold;
font-family: times new roman} 

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

q {
font-size: 12;
font-family: times new roman} 

/*
em {
font-size: 20;
font-family: times new roman} 
*/

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

nemb {
  text-decoration: underline;
  text-decoration-color: blue;
}

td {
/*
background-color: black;
color: white;
*/
font-size: 20;
/*font-weight: bold;*/
font-family: times new roman} 

.title{
color: #0000FF;
font-size: 13;
font-weight: bold;
font-family: times new roman}

.sub_title{
color: #0000FF;
font-size: 20;
font-weight: bold;
font-family: times new roman}

.box_title{
color: #ffffff;
font-size: 20;
font-weight: bold;
font-family: times new roman}

BODY {
background-color: black;
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-left: 0; 
margin-right: 0; 
font-weight: normal;
color: white;
font-family: times new roman
}
