/* CSS Document */

A:link {
  color: #0000FF;
  text-decoration: underline;
}

A:visited {
  color: #0000FF;
  text-decoration: underline;
}

A:hover {
/*  color: #FF0000;
  text-decoration: underline;*/
}

BODY {
  background-color: #FFFFFF;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  font-family: Tahoma, Verdana, Arial;
  font-size: 13px;
  font-weight: normal;
}

/* The outer table that defines the actual space to be used */
TABLE.maintable {
	width: 770px;
	border: 1px solid #2682BC;
	border-top-width: 0px;
	border-bottom-width: 0px;
	text-align: left;
	margin: auto;
	padding: 0px;
}

/* The first row of the table - the header of the size */
TD.header1 {
  background: url(header_1.jpg); 
  background-repeat: no-repeat;
  height: 50px !important;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  vertical-align: top;
  padding-top: 0px;
  padding-left: 20px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
}

TD.header1 A:link {
  text-decoration: none;
  color: #000000;
}

TD.header1 A:visited {
  text-decoration: none;
  color: #000000;
}

TD.header1 A:hover {
  text-decoration: none;
  color: #3333FF;
}

TD.header2 {
  background: url(header_2.jpg); 
  background-repeat: no-repeat;
  height: 62px;
  font-family: tahoma; 
  font-size: 22px;
	font-style: italic;
  font-weight: normal;
  color: #FFFFFF;
  vertical-align: top;
  padding-top: 0px;
  padding-left: 20px;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  text-shadow: Black;
  /*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color=’#AA101010’, Positive=’true’);*/

}

TD.header3 {
  background: url(header_3.jpg); 
  background-repeat: no-repeat;
  height: 160px;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  vertical-align: top;
  padding-top: 0px;
  padding-left: 20px;
}

TD.header3 A:link {
  text-decoration: none;
  color: #FFFFFF;
}

TD.header3 A:visited {
  text-decoration: none;
  color: #FFFFFF;
}

TD.header3 A:hover {
  text-decoration: none;
  color: #FFFF33;
}

TD.maincontent {
  width: 538px;
  background: #e8eefc;
  vertical-align: top;
  text-align: left;
  color: #3357b3;
  border: none;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  padding-top: 0px;
}

TD.rightcol {
  width: 232px;
  background: #FFFFFF;
  line-height: 18px;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  color: #3357b3;
  vertical-align: top;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
}

TD.footer {
  background-color: #FFFFFF;
  background: url(footer.jpg);
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 36px;
}

DIV.gallerytitle {
  font-size: 12px;
  font-weight: bold;
  color: #0000CC;
  text-align: center;
  margin-bottom: 5px;
  margin-top: 5px;
}

.sectiontitle {
  font-size: 14px;
  font-weight: bold;
  background: url(line_left.jpg);
  background-repeat: no-repeat;
  height: 54px;
  padding-left: 22px;
  padding-top: 10px;
}

.sitetitle {
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  height: 24px;
}

TABLE.pricelist {
  width: 90%;
  text-align: center;
  border: 1px solid #2682BC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	background-color: #FFFFFF;
}

TABLE.contactinfo {
  width: 200px;
  text-align: left;
  border: 1px solid #2682BC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	background-color: #E8EEFC;
	color: #3357b3;
}

TABLE.counter {
  width: 200px;
  text-align: center;
  border: 1px solid #2682BC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	background-color: #E8EEFC;
	color: #3357b3;
}

TABLE.hostedby {
  width: 200px;
  text-align: center;
  border: 1px solid #2682BC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	background-color: #E8EEFC;
	color: #3357b3;
}

DIV.rightbartitle {
  background-image: url(right_bar_bg.jpg);
  background-repeat: no-repeat;
  height: 44px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  padding-top: 9px;
}

DIV.languages {
  padding-top: 4px;
}

DIV.sitename {
  padding-top: 12px;
}

DIV.top {
	margin-top: 4px;
	text-align: right;
	padding-top: 5px;
	padding-right: 15px;
	font-size: 9px;
	background-image: url(top_arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
}

DIV.top A:link {
  text-decoration: none;
  color: #3357b3;
}

DIV.top A:visited {
  text-decoration: none;
  color: #3357b3;
}

DIV.top A:hover {
  text-decoration: none;
  color: #3333FF;

}

DIV.topr {
  margin-right: 16px;
	margin-top: 4px;
	text-align: right;
	padding-top: 5px;
	padding-right: 15px;
	font-size: 9px;
	background-image: url(top_arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
}

DIV.topr A:link {
  text-decoration: none;
  color: #3357b3;
}

DIV.topr A:visited {
  text-decoration: none;
  color: #3357b3;
}

DIV.topr A:hover {
  text-decoration: none;
  color: #3333FF;

}

.img-shadow {
float:right;
background: url(/common/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 3px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -4px 4px 4px -4px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}