@font-face {
	font-family: 'Gaiscioch';
	src: url('/css/gaiscioch.eot');
	src: local('☺'), url('/css/gaiscioch.woff') format('woff'), url('/css/gaiscioch.ttf') format('truetype');
}

@font-face {
	font-family: 'Prime';
	src: url('/css/OptimusPrincepsSemiBold.eot');
	src: local('☺'), url('/css/OptimusPrincepsSemiBold.woff') format('woff'), url('/css/OptimusPrincepsSemiBold.ttf') format('truetype'), url('/css/OptimusPrincepsSemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Celtic';
	src: local('☺'), url('/css/celtic.woff') format('woff'), url('/css/celtic.ttf') format('truetype'), url('/css/celtic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


BODY
	{
	background-color: #111111;
	background-image: url('/images/bg_e_backdrop.gif');
	color: #FFFFEE;
	font-family: Arial, Helvetica, futura;
	font-size: 10px;
    padding: 0px; margin: 0pc;
	}

header {
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(250,250,250, 0.2)), to(rgba(150,150,150, 0.1)));
     background-image: -webkit-linear-gradient(top, rgba(250,250,250, 0.2), rgba(150,150,150, 0.1));
     background-image: -moz-linear-gradient(top, rgba(250,250,250, 0.2), rgba(150,150,150, 0.1));
     background-image: -ms-linear-gradient(top, rgba(250,250,250, 0.2), rgba(150,150,150, 0.1));
     background-image: -o-linear-gradient(top, rgba(250,250,250, 0.2), rgba(150,150,150, 0.1));
     border-bottom: 1px solid rgba(255,255,255,0.2);
     padding: 2px;
}

header DIV#logo {
  text-align: center; padding: 5px;
}
FOOTER {
     position:fixed; bottom: 0px; width: 100%;
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(250,250,250, 0.1)), to(rgba(150,150,150, 0.1)));
     background-image: -webkit-linear-gradient(top, rgba(250,250,250, 0.1), rgba(150,150,150, 0.1));
     background-image: -moz-linear-gradient(top, rgba(250,250,250, 0.1), rgba(150,150,150, 0.1));
     background-image: -ms-linear-gradient(top, rgba(250,250,250, 0.1), rgba(150,150,150, 0.1));
     background-image: -o-linear-gradient(top, rgba(250,250,250, 0.1), rgba(150,150,150, 0.1));
     border-top: 1px solid rgba(255,255,255,0.2);
     vertical-align: middle;
}
FOOTER A{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,0.2);
  background-color: rgba(50,50,50, 0.2);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
  background-image: -webkit-linear-gradient(top, #333333, #111111);
  background-image: -moz-linear-gradient(top, #333333, #111111);
  background-image: -ms-linear-gradient(top, #333333, #111111);
  background-image: -o-linear-gradient(top, #333333, #111111);
  padding: 5px 15px;
  font-size: 9pt;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
  color: #FFFFFF;  
  font-family: Arial, Helvetica, futura;
  text-decoration: none;
}
FOOTER A:hover{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,0.2);
  background-color: rgba(50,50,50, 0.2);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005500), to(#113311));
  background-image: -webkit-linear-gradient(top, #005500, #113311);
  background-image: -moz-linear-gradient(top, #005500, #113311);
  background-image: -ms-linear-gradient(top, #005500, #113311);
  background-image: -o-linear-gradient(top, #005500, #113311);
  padding: 5px 15px;
  font-size: 9pt;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
  color: #FFFFFF;  
  font-family: Arial, Helvetica, futura;
  text-decoration: none;
}
FOOTER DIV#footermenu {
  text-align: center;
  padding: 10px;
}

#nav {
  margin: 10px;
  
}
#nav A {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,0.2);
  background-color: rgba(50,50,50, 0.2);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
  background-image: -webkit-linear-gradient(top, #333333, #111111);
  background-image: -moz-linear-gradient(top, #333333, #111111);
  background-image: -ms-linear-gradient(top, #333333, #111111);
  background-image: -o-linear-gradient(top, #333333, #111111);
  padding: 15px 15px;
  font-size: 8pt;
  text-shadow: 1px 1px 1px #000;
  color: #FFFFFF;  
  font-family: Arial, Helvetica, futura;
  text-decoration: none;
  list-style: none;
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
  text-align: center;
  height: 55px;
  width: 55px;
  box-shadow: 5px 5px 5px #000000;
}
#nav A:hover{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,0.2);
  background-color: rgba(50,50,50, 0.2);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005500), to(#113311));
  background-image: -webkit-linear-gradient(top, #005500, #113311);
  background-image: -moz-linear-gradient(top, #005500, #113311);
  background-image: -ms-linear-gradient(top, #005500, #113311);
  background-image: -o-linear-gradient(top, #005500, #113311);
  padding: 15px 15px;
  font-size: 8pt;
  text-shadow: 1px 1px 1px #000;
  color: #FFFFFF;  
  font-family: Arial, Helvetica, futura;
  text-decoration: none;
	list-style: none;
	display: inline-block;
  margin: 5px;
  height: 55px;
  width: 55px;
  vertical-align: middle;
  text-align: center;
  box-shadow: 0px 0px 10px rgba(100,200,0,.5);
}
UL#menu LI A {
  text-decoration: none;
  font-size: 8pt;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;  
  color: #EEEEEE;  
}
UL#menu LI SMALL {
 font-size: 6pt; 
}
NAV {
  text-align: center;
}

TABLE#login {
  margin: 10px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.5);
  
}
TABLE#login TH#top {
  border-left: 1px solid rgba(200,200,200,0.3);
  border-right: 1px solid rgba(200,200,200,0.3);
  border-top: 1px solid rgba(200,200,200,0.3);
  border-bottom: 1px solid rgba(250,250,250,0.1);
  background-color: rgba(200,200,200,0.1);
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(100,200,100,0.3)), to( rgba(50,150,50,0.3)));
  background-image: -webkit-linear-gradient(top, rgba(100,200,100,0.3),  rgba(50,150,50,0.3));
  background-image: -moz-linear-gradient(top, rgba(100,200,100,0.3),  rgba(50,150,50,0.3));
  background-image: -ms-linear-gradient(top, rgba(100,200,100,0.3),  rgba(50,150,50,0.3));
  background-image: -o-linear-gradient(top, rgba(100,200,100,0.3), rgba(50,150,50,0.3)); 
  color: #FFFFFF;
  padding: 5px;
  text-shadow: 1px 1px 3px #000;  
  font-size: 9pt;
}
TABLE#login TH {
  border-left: 1px solid rgba(200,200,200,0.3);
  border-right: 1px solid rgba(200,200,200,0.3);
  border-bottom: 1px solid rgba(250,250,250,0.1);
  border-top: 1px solid rgba(250,250,250,0.1);
  background-color: rgba(200,200,200,0.1);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(100,200,100,0.3)), to( rgba(50,150,50,0.3)));
  background-image: -webkit-linear-gradient(top, rgba(100,200,100,0.3),  rgba(50,150,50,0.3));
  background-image: -moz-linear-gradient(top, rgba(100,200,100,0.3),  rgba(50,150,50,0.3));
  background-image: -ms-linear-gradient(top, rgba(100,200,100,0.3),  rgba(50,150,50,0.3));
  background-image: -o-linear-gradient(top, rgba(100,200,100,0.3), rgba(50,150,50,0.3)); 
  color: #FFFFFF;
  padding: 5px;
  text-shadow: 1px 1px 3px #000;  
  font-size: 9pt;
}
TABLE#login TH#bottom {
  border-left: 1px solid rgba(200,200,200,0.3);
  border-right: 1px solid rgba(200,200,200,0.3);
  border-bottom: 1px solid rgba(200,200,200,0.3);
  border-top: 1px solid rgba(250,250,250,0.1);
  background-color: rgba(200,200,200,0.1);
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(100,200,100,0.3)), to( rgba(50,150,50,0.3)));
  background-image: -webkit-linear-gradient(top, rgba(100,200,100,0.3),  rgba(50,150,50,0.3));
  background-image: -moz-linear-gradient(top, rgba(100,200,100,0.3),  rgba(50,150,50,0.3));
  background-image: -ms-linear-gradient(top, rgba(100,200,100,0.3),  rgba(50,150,50,0.3));
  background-image: -o-linear-gradient(top, rgba(100,200,100,0.3), rgba(50,150,50,0.3)); 
  color: #FFFFFF;
  padding: 5px;
  text-shadow: 1px 1px 3px #000;  
  font-size: 9pt;
}
TABLE#login TD {
  padding: 5px 10px;
  background-color: rgba(250,250,250,0.1);
  border-left: 1px solid rgba(200,200,200,0.3);
  border-right: 1px solid rgba(200,200,200,0.3);
}
TABLE#login INPUT {
  background-color: rgba(50,50,50, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
 background-image: -webkit-linear-gradient(top, #333333, #111111);
 background-image: -moz-linear-gradient(top, #333333, #111111);
 background-image: -ms-linear-gradient(top, #333333, #111111);
 background-image: -o-linear-gradient(top, #333333, #111111);
 border: 1px inset #555555;
 font-size: 9pt;
 color: #AAAAAA;
 padding: 5px;
}

TABLE#login INPUT#submit {
  background-color: rgba(50,50,50, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
 background-image: -webkit-linear-gradient(top, #333333, #111111);
 background-image: -moz-linear-gradient(top, #333333, #111111);
 background-image: -ms-linear-gradient(top, #333333, #111111);
 background-image: -o-linear-gradient(top, #333333, #111111);
 border: 1px outset #555555;
 font-size: 9pt;
 color: #FFFFFF;
  text-shadow: 1px 1px 3px #000;  
 padding: 5px 20px;
 font-weight: bold;
}