﻿/* CSS Document */

html,body {
	background-color: #000000;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
table#layout {
	height: 100%;
}
table {
	background-color: #000000
}
body,td,th {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
td.nav {
	vertical-align: bottom;
	line-height: 0px;
	height: 20px;
	width: 100px;
}
td.nav_line {
	vertical-align: bottom;
	line-height: 0px;
	height: 1px;
	width: 100px;
}
table.background {
	background-image: url(../Images/main_background.jpg);
	background-repeat: no-repeat;
}
a:link {
	color: #FF9900;
}
a:visited {
	color: #FF9900;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
a:active {
	color: #FF9900;
}
div#screen a:hover {
	visibility:visible;
}

div#screen a div table {
	border: 1px solid #FF9900;
	width: 150px;
}
div#screen a div {
	display: none;
}

div#screen a:hover div {
	display: block;
	position: absolute;
	z-index: 100;
	background-color: #000000;
	padding: 0px;
	margin: 0px;
	width: 150px;
}
div#screen a.plain:link {
	text-decoration: none;
	font-weight: normal;
	border: 0;
}
div#screen a.plain:visited {
	text-decoration: none;
	font-weight: normal;
	border: 0;
}
div#screen a.plain:hover {
	text-decoration: none;
	font-weight: normal;
	border: 0;
}
div#screen a.plain:active {
	text-decoration: none;
	font-weight: normal;
	border: 0;
}
td.orange_thin_border {
	border: 1pt solid #FF9900;
	
}
body.green {
	background-color: #5C764F;
}
td.images {
	border: 3px solid #FFFFFF;
}
img.border {
	border: 3px solid #FFFFFF;
}
.white_12_normal {
	color: #FFFFFF;
	font-size: 12px;
}
.orange_bold_11 {
	color: #FF9900;
	font-weight: bold;
}
.orange_normal_11 {
	color: #FF9900;
	font-weight: normal;
}
.orange_normal_11_italic {
	color: #FF9900;
	font-weight: normal;
	font-style: italic;
}
.green_bold_11 {
	color: #009900;
	font-weight: bold;
}
div#{
	border:<div id="Layer1">
  <p align="right"><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
  <div id="Layer2">
    <div align="left">
      <p><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
      <p><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
      <p><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
      <p><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
      <p><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
      <p><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
    </div>
  </div>
  <p align="right"><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
  <p align="right"><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
  <p align="right"><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
  <p align="right"><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
  <p align="right"><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
</div>

}
div#{
	border:<div id="Layer2">
    <div align="left">
      <p><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
      <p><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
      <p><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
      <p><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
      <p><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
      <p><img src="/images/gaelic_knot.jpg" width="54" height="115" /></p>
    </div>
  </div>
  }