html, body, h1, h2, h3, h4, ul, li  { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 }
h1 img {
	display: block;
}
a {
	color: #464544;
}
a:hover  { color: #c4ae7c }
.left  { font-family: Verdana, Arial, Helvetica, sans-serif; float: left }
.right  { font-family: Verdana, Arial, Helvetica, sans-serif; float: right }
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body       { color: #000; font: 11px verdana, arial, sans-serif; background-color: #000; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-align: center; padding-bottom: 10px }

/** layout **/
#wrapper {
	text-align: left;
	margin: auto;
	width: 778px;
  position: relative;
  background: url(images/body_bg.gif) repeat-y;
}

#header {
  position: absolute;
  top: 0;
  left: 243px;
  width: 535px;
  height: 279px;
  background: url(images/header_2.jpg) no-repeat;
}
#left   { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 243px; height: 100%; float: left }
#logo  { color: #000; background: url("images/header_1.jpg") no-repeat; text-align: center; width: 244px; height: 152px }
#logo h1         { font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; padding-top: 30px }
#logo p {
  margin: 8px 25px 4px 25px;
  border-top: 1px solid #B8B8B8;
  border-bottom: 1px solid #B8B8B8;
  padding: 3px;
  letter-spacing: 0.2em;
  font-weight: bold;
}

#nav  { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background: url("images/nav_left.jpg") no-repeat }
#nav ul {
  margin-left: 9px;
  padding-left: 1px;
  padding-bottom: 29px;
  background: #2A2A2A bottom left url(images/nav_bot.jpg) no-repeat;
}
#nav li  { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background: url("images/arr_white.gif") no-repeat 188px 10px; list-style: none; padding: 7px 0 0 31px; border-top: 1px solid #959595 }
#nav a {
  color: #fff;
  text-decoration: none;
  border-left: 1px solid #959595;
  padding-left: 10px;
  display: block;
  width: 90%;
  padding: 2px 0 6px 8px;
}
#nav a:hover       { color: #e1dbcd }
#nav .important  { background: url("images/arr_orange.gif") no-repeat 188px 10px; border-style: solid none none; border-width: 1px medium medium; border-color: #959595   }
#nav .important a   { color: #c4ae7c; border-top: #959595 }

#news  { background: url("images/news_bg.jpg") repeat-y; padding-right: 22px; padding-bottom: 3px; padding-left: 37px }
#news h2  { color: #be8b06; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }
#news h3, #news p {
  font-size: 11px;
  margin: 1em 8px 1em 0;
}
#news a  { color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline }
#news a:hover {
  color: #38301A;
}
#news .more {
  font-size: 9px;
}
#news .hr-dots {
  background: center url(images/dots.gif) repeat-x;
  height: 10px;
}

#support {
  background: url(images/support.jpg) no-repeat;
  padding: 1px;
  height: 97px;
  color: #1A1A18;
}
#support p {
  margin: 0.7em 2.6em;
}

#right {
  float: right;
  width: 490px;
  padding-right: 9px;
  padding-top: 301px;
}
#right h2    { color: #000; font: 18px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 1em; padding-bottom: 6px; border-bottom: 1px solid #c4ae7c }
#right h3          { color: #000; font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin-top: 2em; margin-bottom: 1em; padding: 6px; border-style: solid; border-width: 2px 0 0; border-color: #c4ae7c }
#welcome {
  margin-right: 20px;
}
#profile {
  margin-right: 16px;
}
#right .left {
  margin-right: 18px;
}
#right .more {
  font-weight: bold;
  font-size: 10px;
}
#spacer {
  height: 2em;
}

#footer  { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background: url("images/footer_bg.gif") repeat-y }
#footer a  { color: #000; text-decoration: none }
#footer a:hover  { color: #000; text-decoration: underline }
#copyright   { color: #000; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; padding: 10px 0 }
#footerline{
	background: url(images/footerline.gif) no-repeat;
	height:10px;
	margin-top:0px;
	display:block;
	font-size:1px;
}
.img      { margin-right: 8px; margin-bottom: 8px; float: left }

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}