BODY { 
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
background-color:#fff;
	font-style: normal;
	font-weight: bold;

	}


	#container{
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 !important;
	width: 500px;
	height: 300px;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}

#links{
	position:absolute;
	text-align: left;
	width:100px;
	
}

#pics{
	position:absolute;
	margin-left: 90px;
	margin-top:40px;
	
}


	
a:link {
	text-decoration: none;
	color: #3BC6F4;
}

a:visited {
	text-decoration: none;
	color: #EC086B;
}
a:hover {
	text-decoration: none;
	color: #EC086B;
}
a:active {
	text-decoration: none;
	color: #999999;
}


ul {
  list-style: none;
  margin: 0;
  padding: 0;
     padding: 4px 3px 3px 3px;
      margin: 30px 1px 1px 1px;
}
ul li {
  margin: 1px;
  padding: 3px;
}
ul li a {

  color: #fff;
  display: block;
  width: auto;
}
ul li a:hover {
	color:#EC086B;
  background: #fff;

	width: 100%;
}











	













/* HR styles needed for IE/Win. */

HR.holder { width:600px; visibility: hidden; } /* Equal to 'top' */

HR.left, HR.right { width: 120px; visibility: hidden; }

HR.middle { width: 360px; visibility: hidden; } 

a img{	border:none;}
/* These HR styles replace the above, and are need for Netscape 4.x.
Left and right margins are half the relevant DIV width */

HR.holder { width:0; margin: 0 300px; } /* Equal to 'top' */

HR.left, HR.right { width: 0; margin: 0 60px; }

HR.middle { width: 0; margin: 0 180px; } 


/* DIVs must have a border value set in Netscape 4.x */

DIV { border: none; }