h1, h2, h3, h4, h5, h6, p, td, tr, div, li, a, ul {font-family: lucida grande, trebuchet MS, verdana, Arial, sans-serif;}

h2 { text-align: center; }

#title {
vertical-align: middle;
text-align:center;
}

#title h1, h2, h3{
color: #808;
padding: 5px;
margin: 0;}

#title h1 {
font-family:impact, sans-serif;
padding: 15px;
}

#title h2 {
font-family:brush script, Cursive;
color: #c30;
font-style: italic;
}

#mouseover1 ul{
	margin:0;
	padding:0;
	list-style: none;
	}
#mouseover1 li {
	background-image: url("http://www.gold-city.co.uk/images/animatedforum.gif"); /* This is to preload the hover state */
	background-repeat: no-repeat; 
	margin-top: 33px; /* For IE5 Mac only - reset to 0 below */
	margin-bottom: 65px; /* For IE5 Mac only - reset to 0 below */
	}
	
#mouseover1 a { /* if background is on a:link IE6 won't display properly  */
	background-image: url("http://www.gold-city.co.uk/images/forum.gif"); /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	padding-top: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-left: 5px; 
	padding-bottom: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-right: 32px; /* For IE5 Mac only - reset to 10 below */
	color: yellow;
	font-family: "Arial Black", sans-serif;
	text-align: center;
    outline:0px;
	/*height or width in here will stop main image change in IE5 Win
	luckily, line-height is OK! - hidden from IE5 Mac see below
	a must be block to display background-image in IE Win
	 - but also needs to be hidden from IE5 Mac see below */
	}

#mouseover1 a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:86px;
	}
 
#mouseover1 a:hover {
	background: url("http://www.gold-city.co.uk/images/animatedforum.gif") no-repeat; /* no background-x styles work here */
	color: red; 
	}
#mouseover1 a img {
	width: 68px; /* IE5 Win can't dynamically change size - don't use 0px to hide */
	height: 22px;
	position: absolute;
	top: 30px;
	right: 138px;
	border: 1px solid black;
	visibility: hidden;
	}

 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#mouseover1 a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 10px; 
	display: block;
	line-height: 86px;
	}	
#mouseover1 li {
	margin-top:0;
	margin-bottom:0;
	width: 68px;
	}
/* end hack */


#mouseover1 a:hover img {
	visibility:visible;
	}


#lhs {
background: url('/cssimages/leftbg.gif') 0 0 repeat-y;
width:138px;
overflow: hidden;
left: 0;
margin: 0;
padding: 0;
font-size: 12px;
text-align: center;
text-transform: none;
vertical-align: top;
}

#lhs ul {
text-align: left;
list-style: none;
padding: 30px 0 0 0;
margin: 0;
width: 100%;
}
#lhs ul li.none
{border:0;}
#lhs li {
display: block;
  margin, padding:0;
  }
#lhs li a {
display: block;
      width:100%;
      padding: 15px 10px 0 10px;
      text-align:right;
      text-decoration: none;
      font-weight:bold;
  color:#765;
      }
html>body #lhs li a { width: auto; }

#lhs a {float:none;}
/* End IE5-Mac hack */
#lhs #current a, #lhs li a:hover {
      color:#333;
      }


#std {
    font-size: smaller;
    margin: 5px;}

td {
    font-size: small;
}
/* wicked menu */
body {
  background:#fff url("/cssimages/leftbg.gif") repeat-y;
  margin:0;
  padding:0;
  color:#000;
  font: x-small;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}


#header {
float: left;
width: 100%;
background: #E8B117 url("/cssimages/bg.gif") repeat-x bottom;
font-size: 93%;
line-height: normal;
}
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      display:inline;
      margin:0;
      padding:0;
    }
    #header a {
      float:left;
      background:url("/cssimages/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #765;
      text-decoration:none;
      }
    #header a span {
      float:left;
      display:block;
      background:url("/cssimages/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      font-weight:bold;
      color:#765;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a span {float:none;}
    /* End IE5-Mac hack */
    #header a:hover span {
      color:#333;
      }
    #header #current a {
      background-position:0 -150px;
      border-width:0;
      }
    #header #current a span {
      background-position:100% -150px;
      padding-bottom:4px;
      color:#333;
      }
    #header a:hover {
      background-position:0% -150px;
      }
    #header a:hover span {
      background-position:100% -150px;
      }

 
/* Custom corners addition */
div.Article {
  background:  url("/cssroundedcorners/custom_corners_topleft.gif") top left no-repeat;
  position:relative;
  margin-left: 5px;
  margin-right: 12px;
  } 
div.Article h3 {
  position:relative;
  background:  url("/cssroundedcorners/custom_corners_topright.gif") top right no-repeat;
  font-size:1.3em;
  border-bottom: 1px dashed #765;
  padding:5px 15px 0px 0;
  padding-left:0;
  margin:0 0 15px 0;
  right:-8px;
  }
div.ArticleBody {
  background:  url("/cssroundedcorners/custom_corners_right.gif") top right repeat-y;
  margin:0;
  margin-top:-2em;
  padding:15px;
  padding-left:0;
  position:relative;
  right:-8px;
  }
div.ArticleBody img {
    border: 0;
}
div.ArticleBody a {
    line-height: 0px;
}
div.ArticleFooter {
  background:  url("/cssroundedcorners/custom_corners_bottomleft.gif") bottom left no-repeat;
  position:relative;
  top:7px;
  
  }
div.ArticleFooter p {
  background:  url("/cssroundedcorners/custom_corners_bottomright.gif") bottom right no-repeat;
  padding: 0 8px 8px 0;
  text-align: right;
  display:block;
  margin:-2em 0 0 0;
  position:relative;
  right:-8px;
  }
 div.ArticleLongContent {
 background: url("/cssroundedcorners/custom_corners_leftborder.gif") top left repeat-y;
 }
/* end of Spanish shaded box */