#fire {
color: #f5f5f5;
text-shadow:0px -2px 4px #fff,
	0px -2px 10px #ff3,
	0px -10px 20px #f90,
	0px -20px 40px #C33;
}

f.element {
    position: relative;
}

/*replace the content value with the
corresponding value from the list below*/

.leftArrowIcon {
    content: "\f053";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    float:left;
/*--adjust as necessary--*/
    color: #000;

    display:inline;
    padding-right: 0.0em;
/*    position: absolute; */
    top: 10px;
    left: 0;
}
.rightArrowIcon {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    float:right;
/*--adjust as necessary--*/
    color: #000;
    display:inline;
    padding-right: 0.0em;
/*    position: absolute; */
    top: 10px;
    left: 0;
}
div#navcontainer{color: blue;}
#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 10px;padding-bottom:0em;margin-top: .5em;margin-bottom: .5em;
background-repeat: no-repeat; color: blue;
background-position: 0 .5em;
}
#leftMemorial {display: inline;
	float: left;
	margin-right: auto;
	margin-left: 2%;
	margin-top: 0px;}
#rightMemorial {display: inline;
	float: right;
	margin-right: 2%;
	margin-left: auto;
	margin-top: 1px;}
.memorial1{
font-size: 10px;
font-style:normal;
font-weight: bold;
background-color:transparent;
color:white
margin-left:auto;
margin-right: auto;
margin-top:10px;
font-weight:bold;
margin-bottom:10px:
}
.memorial2{
margin-top:10px;background-image:url('Images/whitemarble.png');border:6px groove dimgray;margin-left:auto;margin-right:auto;color:dimgray;font-family:'Times New Roman', Times, serif;text-shadow: 2px 2px 1px black, 1px 1px 0px lightgray; font-size:20px;text-align:center;font-weight:bold;border:6px groove dimgray; color: dimgray;background-color:transparent;text-shadow: 1px 1px 1px black;
padding-bottom: 0em;
}

.memorial2:hover, .memorial2:focus, .memorial2:active{
border:6px ridge dimgray; color: black;text-shadow: 2px 2px 2px black;
padding-bottom: 0em;
/* -webkit-transform: scale(1.1);
  transform: scale(1.1); */
}
.memorial3{}
.memorial4{}
.memorial9{}

.memorial8{
margin-top:0px;background-image:url('Images/whitemarble.png');border:6px groove dimgray;margin-left:auto;margin-right:auto;
color:dimgray;font-family:'Times New Roman', Times, serif; font-size:11px;text-align:center;font-weight:normal; color: dimgray;background-color:transparent;text-shadow: 1px 1px 0px black;
padding-bottom: 0em;width:300px;height:100%;
}

.memorial8:hover, .memorial8:focus, .memorial8:active{
border:6px ridge dimgray; color: black;text-shadow: 2px 2px 2px black;
padding-bottom: 0em;
}
.marquee{
margin-top:0px;background-image:url('Images/whitemarble.png');border:6px groove dimgray;margin-left:auto;margin-right:auto;
color:dimgray;font-family:'Times New Roman', Times, serif; font-size:14px;text-align:center;font-weight: 700; color: dimgray;background-color:transparent;text-shadow: 1px 1px 0px black;
padding-bottom: 0em;width:400px;height:100%;
}

.marquee:hover, .memorial8:focus, .memorial8:active{
border:6px ridge dimgray; color: black;text-shadow: 2px 2px 2px black;
padding-bottom: 0em;
}
.sniper1{
font-size: 14px; font-style:normal; font-weight: bold;
margin-top: 1em;color:blue;
}

.sniper2{
border:2px solid red;
background-color: yellow;padding-bottom: 0em;
}
.sniper2:hover{
border:2px solid red;
background-color: red;padding-bottom: 0em;

}
.sniperx{
border:1px solid red;
background-color: yellow;padding-bottom: 0em;
}
.sniperx:hover{
border:1px solid red;
background-color: red;padding-bottom: 0em;

}
span.sniper3{ color: #ffffff;}

.main_container {background:#ccc; color:#fff; margin:0 15px;}
.wordpressapitop, .wordpressapibottom{
display:block;
background:#fff;
}
.wordpressapitop *, .wordpressapibottom *{
display: block;
height: 1px;
overflow: hidden;
background:#ccc;
}
.wordpressapi1{margin: 0 5px}
.wordpressapi2{margin: 0 3px}
.wordpressapi3{margin: 0 2px}
.wordpressapi4{
margin: 0 1px;
height: 2px
}

.back {
	background-color: #ff00ff;
	bgcolor: #ff00ff;
}

div.header {
	background-repeat: no-repeat;
	background-image: url(banner-bkg.png);
	background-position: center;
	padding: 0;
    margin: 0;
    border: 0;
	float: none;
}

div.navigation {
	background-repeat: no-repeat;
	background-position: center;
	padding: 0;
    margin: 0;
    border: 0;
	float: none;
}

#container {
width:772px;
margin:0 auto;
padding:0 13px;
position:relative;
background:url(bg.gif) repeat-x #dfdfdf;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
color:#454545;
text-align:left;
}
body{padding: 0px 0 0;
    font: 100.01%/1.3 Verdana,Arial,sans-serif;text-align:center;
	background-size: cover;
	background-repeat:no-repeat; -webkit-background-size: cover;}
div.bod {
	background-image: url(content_background.png);
	background-repeat: repeat-y;
	background-position: center;
	padding: 0;
    margin: 0;
    border: 0;
	float: none;

}

div.footer {
	background-image: url(Images/flower-4.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding: 0;
    margin: 0;
    border: 0;

}
h1 { text-align: center;
	font-style: italic;
	font-family: cursive;
	font-weight: bold;
	font-size: 30px;
	}

h2 { text-align: center;
	font-style: italic;
	font-family: cursive;
	font-weight: bold;
	font-size: 25px;
	color: navy;
	}

div#box4 { text-align: center;
	font-style: italic;
	font-family: cursive;
	font-weight: bold;
	font-size: 20px;
	color: blue;
	float: right;
	background: #c0c0c0;
	width: 100%;
	padding-top: 20px;padding-bottom:20px;position: relative; top: 0px;

	}
div#box{ padding-top: 20px; padding-bottom: 20px;
    background-color: transparent ;position: relative; top: -6.0em; text-align: center;
  font-weight: bold;
 font-size: 24pt;
 font-style: italic;
  width: 100%;
  margin: 0em;
  color: #cde472;}

div#box5{
 text-align: center;
	font-style: italic;
	font-family: cursive;
	font-weight: bold;
	font-size: 20px;
	color: blue;
	float: right;
	background: #c0c0c0;
	width: 100%;
	padding-top: 20px;padding-bottom:20px;position: relative; top: -100px;}

div#box6{width:100%;padding-top: 20px;padding-bottom:20px;margin-top:5em;float: right;
     font-size: 25px;background:#E60000;text-align: center; position:relative;  }


div#box3{width:50%;padding-top: 20px;padding-bottom:20px;margin-top:0em;float: right;
     font-size: 25px;font-weight: bold;
	background:#E60000;text-align: center; position:relative; top:0px; }

div#box7{width:100%;padding-top: 20px;padding-bottom:20px;margin-top:1em; margin-bottom: 1em; float: right;
     font-size: 25px; font-weight: bold;background:#08c1cd;text-align: center; color: ; }
div#box2{width:100%;padding-top: 20px;padding-bottom:20px;margin-top:1em;float: right;
     font-size: 25px; font-weight: bold;background:#E60000;text-align: center;  }

.h3p {
	text-align: center;
	font-style: italic;
	font-family: cursive;
	font-weight: bold;
	font-size: 20px;
	color: blue;
	padding:20px;
}

p#p1 {
	float:right;padding: 20px;margin-top:2px;
     font-size: 20px;text-align: left;
	 background-color: #ff0000;position:relative;top:-2em;
	 color: #ffffff;
}

p {
	margin: 0;
}
.guest{ font-weight:bold; font-style:italic; color: black;}
.special1{ font-weight:bold; font-style:normal; color: blue;}
.tiny{ font-weight:lighter; font-style:normal; color: black; font-size:x-small;}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.style2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style3 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.style4 {font-size: 5px}

.centeredImage
    {
    text-align:center;
    margin-top:5px;
    margin-bottom:5px;
    padding:0px;

    }

.centeredSalImage
  {
    text-align:center;
    margin-top:5px;
    margin-bottom:5px;
    padding:0px;
    position: relative; top:0em;
}

.leftImage
    {
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
	float:left;
	position: relative; top: 0px;
    }

.leftSalImage
    {
	padding:5px;
	border:5px solid red;
	background-color: #ff0;
	width: 205;
	height: 287;
	text-align:left;
	float: left;
}

.centeredCounterImage
    {
   padding:5px;
   border:5px solid red;
   background-color: #fff;

    text-align:center;
}
#RightTorch {
background:url(Images/whitemarble-100x198.png) ;border:6px groove gold;height:250px;z-index: +10;
}
#LeftTorch {
background:url(Images/whitemarble-100x198.png) ;border:6px groove gold;height:250px;z-index: +10;
}

div.sal
{
  margin: 0px;
  border: 0px solid #0000ff;
  height: 574px;
  width: 410px;
  text-align: center;
}
div.sal img
{
 width: 410px;
 height: 574px;
  display: inline;
  margin: 1px;
 }
 #logo
 { margin-left:auto; margin-right:auto;text-align:center; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);white-space: nowrap;color: #003366;
  
  font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
 }
#l1 
{
text-shadow:  2px -2px 4px #ffffff, 2px -4px 10px #ffff00, 8px -20px 30px gold;
}
#l2 
{
text-shadow:  2px -2px 4px #ffffff, 2px -4px 10px #fff000, 8px -20px 30px gold;
}
#l3 
{
text-shadow:  2px -2px 4px #ffffff, 2px -4px 10px #fff000, 8px -20px 30px gold;
}
#banner
{
 margin-left:auto;
 margin-right:auto;
 margin-bottom:85px;
 margin-top:20px;
 border:6px groove gold;
 position:relative;
  height:198px;
  
  width: 940px;

      background:url(Images/cropped-flagimage2.jpg) no-repeat top center;

 }
#banner-1
{
margin-top: 0em; margin-bottom:0em;
  height:250px;color: #081049;text-shadow: 5px 5px 5px #FE642E;
  width: 100%;
/*  float:left; background:url(Images/banner-flag1.jpg) no-repeat top center; */

      float:left; background:url(../Images/cropped-flagimage2.jpg) no-repeat top center;

  text-align: center;
}

div.img img
{
width: 100%;
 height: 200;
  display: inline;
  margin:0em;
 margin-bottom: 2em;
 }
div.imgx ax:hover img {border: 5px solid #0000ff;}



div.desc
{
  text-align: center;
  font-weight: bold;
 font-size: 24pt;
 font-style: italic;
  width: 100%;
  margin: 2px;
  color: red;
 background-color: rgb(255,255,240);
border: 0px inset blue;
border-bottom-left-radius:10px;
-moz-border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
-moz-border-bottom-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-top-left-radius:10px;
-moz-border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
border-top-right-radius:10px;
-moz-border-top-right-radius:10px;
-webkit-border-top-right-radius:10px;
}

#preamble p span, #participation p span, #requirements p span {
padding:0 85px 10px 17px;
display:block;
}

.flower
{
	background-image: url(Images/flower-4.gif);
	background-repeat:no-repeat;
	width:auto;

}

a:link {
	color: blue;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: blue;
}
a:hover {
	text-decoration:  none;
	color: navy;
}
a:active {
	text-decoration: none;
}
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
.alignleft,
img.alignleft {
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 48px;

}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-right: 48px;
	margin-left: 0px;

}

.crestleft,
img.crestleft {
	display: inline;
	float: left;
/*	margin-right: 24px; */
	margin-left: 30px;
	margin-top: 45px;
        z-index: +2;
}
.crestright,
img.crestright {
	display: inline;
	float: right;
	margin-right: 30px;
/*	margin-left: 24px; */
	margin-top: 39px;
        z-index: +2;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: inline;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

#box8   {
background-color: #FFFFF0;
background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
margin:auto;
position:relative;
border-style:inset;border-width:8px;border-color:darkblue;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-style: italic;
line-height: 24px;
font-weight: bold;
color: #09C;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}


form    {
background-color: #FFFF80;
background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
margin:auto;
position:relative;
border-style:inset;border-width:8px;border-color:darkblue;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-style: italic;
line-height: 24px;
font-weight: bold;
color: #09C;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

input    {
width:375px;
display:block;
border: 1px solid #999;
height: 25px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

#submit {
width:60px;
position: absolute;
right:20px;
bottom:20px;
background:#09C;
color:#fff;
font-family: Tahoma, Geneva, sans-serif;
height:30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1p solid #999;
}
#submit:hover {
background:#fff;
color:#09C;
}

#button {
position:relative;
width:60px;
margin-left: auto;
margin-right: auto;
background:#09C;
color:#fff;
font-family: Tahoma, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
height:30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1p solid #999;
}
#button:hover {
background:#fff;
color:#09C;
border: 1p solid #999;
}

#buttonBatch {
text-align:center;
display:inline-block;
position:relative;
width:120px;height:25px;
margin-top:3px;
margin-left: auto;
margin-right: auto;
background:#09C;
color:#ff0;
font-family: Tahoma, Geneva, sans-serif;
font-size:15px;
font-weight:bold;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1p solid #999;
}
#buttonBatch:hover {
background:#ff0;
color:#09C;
border: 1p solid #999;
}

#button-like {
position:relative;
width:164px;
margin-left: auto;
margin-right: auto;
background:#09C;
color:#fff;
font-family: Tahoma, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
height:50px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1p solid #999;
}
#button-like:hover {
background:#fff;
color:#09C;
border: 1p solid #999;
}
.marquee0 {
 height: 50px;	
 overflow: hidden;
 position: relative;
}
.marquee1 {
font-size:25px;
 position: absolute;
 width: 400px;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: marquee1 20s linear infinite;
 -webkit-animation: marquee1 20s linear infinite;
 animation: marquee1 20s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes marquee1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes marquee1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes marquee1 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}
.example1 {
 height: 50px;	
 overflow: hidden;
 position: relative;
}
.example1 h3 {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 animation: example1 15s linear infinite;  /* Apply the animation */
}
/* Define the animation */
@keyframes example1 {
  from {
    margin-left: 100%;
	width: 300%;
  }
  to {
    margin-left: -100%;
	width: 100%;
  }
}
#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid orange;
padding: 2px;
padding-left: 4px;
}
.sway {
 animation:firesway 1s ease-in-oout infinate alternate;
 -moz-animation:firesway 1s ease-in-oout infinate alternate;
 -webkit-animation:firesway 1s ease-in-oout infinate alternate;
 =o=animation:firesway 1s ease-in-oout infinate alternate;
}
@keyframes firesway
0% { background-position: 25% 100%;}
100% { background-position: 75% 100%;}
.fire {
  animation: animation 1.2s ease-in-out infinite alternate;
  -moz-animation: animation 1s ease-in-out infinite alternate;
  -webkit-animation: animation 1s ease-in-out infinite alternate;
  -o-animation: animation 1s ease-in-out infinite alternate;

}

.burn {
  animation: animation .75s ease-in-out infinite alternate;
  -moz-animation: animation .65s ease-in-out infinite alternate;
  -webkit-animation: animation .65s ease-in-out infinite alternate;
  -o-animation: animation .65s ease-in-out infinite alternate;
}

@keyframes animation
{
0% {text-shadow: 0 0 20px #fefe03,
  10px -10px 30px #fa4703,
  -20px -20px 40px #fa0e03,
  20px -40px 50px #fffa03,
  -20px -60px 60px #fc4603,
  0 -80px 70px #ffff00,
  10px -90px 80px #ff0000;}
100% {text-shadow: 0 0 20px #ff0000,
  10px -10px 30px #fc4603,
  -20px -20px 40px #fffa03,
  22px -42px 60px #ff0000,
  -22px -58px 50px #fc4e03,
  0 -82px 80px #fa4703,
  10px -90px 80px  #fe6e03;}
}

@-moz-keyframes animation
{
0% {text-shadow: 0 0 20px #fefcc9,
  10px -10px 30px #feec85,
  -20px -20px 40px #ffae34,
  20px -40px 50px #ec760c,
  -20px -60px 60px #cd4606,
  0 -80px 70px #973716,
  10px -90px 80px #451b0e;}
100% {text-shadow: 0 0 20px #fefcc9,
  10px -10px 30px #fefcc9,
  -20px -20px 40px #feec85,
  22px -42px 60px #ffae34,
  -22px -58px 50px #ec760c,
  0 -82px 80px #cd4606,
  10px -90px 80px  #973716;}
}

@-webkit-keyframes animation
{
0% {text-shadow: 0 0 20px #fefcc9,
  10px -10px 30px #feec85,
  -20px -20px 40px #ffae34,
  20px -40px 50px #ec760c,
  -20px -60px 60px #cd4606,
  0 -80px 70px #973716,
  10px -90px 80px #451b0e;}
100% {text-shadow: 0 0 20px #fefcc9,
  10px -10px 30px #fefcc9,
  -20px -20px 40px #feec85,
  22px -42px 60px #ffae34,
  -22px -58px 50px #ec760c,
  0 -82px 80px #cd4606,
  10px -90px 80px  #973716;}
}

@-o-keyframes animation
{
0% {text-shadow: 0 0 20px #fefcc9,
  10px -10px 30px #feec85,
  -20px -20px 40px #ffae34,
  20px -40px 50px #ec760c,
  -20px -60px 60px #cd4606,
  0 -80px 70px #973716,
  10px -90px 80px #451b0e;}
100% {text-shadow: 0 0 20px #fefcc9,
  10px -10px 30px #fefcc9,
  -20px -20px 40px #feec85,
  22px -42px 60px #ffae34,
  -22px -58px 50px #ec760c,
  0 -82px 80px #cd4606,
  10px -90px 80px  #973716;}
}
.hh {
  background-color: rgba(256,256,256,.03);
  background-image: -webkit-linear-gradient(top, #111, #0c0c0c);
  background-image: -moz-linear-gradient(top, #111, #0c0c0c);
  background-image: -ms-linear-gradient(top, #111, #0c0c0c);
  background-image: -o-linear-gradient(top, #111, #0c0c0c);
  font-size: 2em;
  font-family: 'Amethysta', serif;
  text-align: center;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: .3em;
  white-space:nowrap;
}