/* CSS Document */

body {
	background-color:#000;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body, td, p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	line-height:16px;
	

}
p {text-align: justify;}
h1 {
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
    font-size:14px;
	 font-weight:bold;
}
h3 {
    font-size:12px;
	 font-weight:bold;
}
h1,h2,h3,h4,h5,h6 {
    color:#BE2E1A;
}

a, a:visited {
 color:#FDB813;
}


.smallimgborder img{
 	border:2px solid #FDB813;
}
.rightimg img {
	border:4px solid #FDB813;
}
p, h1, h2, h3, h4, h5 {
 margin:0 0 1em 0;
}

#beanlist p {
 margin-bottom:1em;
 text-align:left;
}
#beanlist {
 padding-right:10px;
}

#botleft, #botright {
 color: #FFCC00;
}
#botleft {
 margin-left: 20px;
}
#botright {
 margin-right:20px;
}

#botright a, #botleft a {
 color:red;
}
table#beantable {
 border-top:4px solid #ffcc00;
border-left:4px solid #ffcc00;
 border-right: 2px solid #ffcc00;
border-bottom: 2px solid #ffcc00;
}
table#beantable td {
 border-bottom: 2px solid #ffcc00;
 border-right: 2px solid #ffcc00;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color: white;
}
a.info:visited {
 color:white;
}
a.info:hover{z-index:25;background-color:#000;}

a.info span{display: none; }

a.info:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.5em; left:0.5em; width:15em;
    border:1px solid #fc0;
    background-color:#333; color:#fff;
    text-align: center;
		text-decoration:none;
}
.yellow {
 color:#FDB813;
}

div.rightimg {
  width:320px;
  /* min height hax - doesn't work for ie 5.5 http://www.dustindiaz.com/min-height-fast-hack */
  min-height:400px;
  height:auto !important;
  height:400px;
}


.beanCat {
 color:#BE2E1A;
 font-weight:bold;
}