/* General styles */ 
body{
  font: 12px Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #E1EBF7;
  text-align: center;
}

a{
  color: #2B67AF;
  text-decoration: none;
  padding: 0px;
}

a:hover{
  color: white;
  background-color: #2B67AF;
  text-decoration: none;
}

a[name="gallery"]:hover
{
	color: white;
	background-color: E1EBF7;
	text-decoration: none;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none;
}

a.info:hover{
	z-index:25;
	background-color: #E6ECF1;
}

a.info span{
	display: none;
}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #74B7CF;
    background-color:#fff; 
	color:#000;
    text-align: center;
}

img{
	margin-top: 0px;
	vertical-align: top;
	border: none;
}

h3{
	margin-top: 0px;
}

input:hover{
	background-color: #F4FBFF !important;
}

span#right {
	float: right;
}

div#pagination{
	text-align: right;
}

/* Main body content */
div#content{
  width: 900px;
  height: auto;
  margin: 5px auto 5px auto;
  text-align: left;
  background-color: white;
  border: 1px solid #74B7CF;
  padding: 10px 10px;
}

#content tr{
  font-size: 12px;
  background-color: #E6ECF1;
  text-align: center;
}

#content input[type="submit"]{
  background-color: #fff;
  border: 1px solid #9db4bd;
  border-collapse: collapse;
  font-size: 12px;
  padding: 5px 15px 5px 15px;
}

#content select{
  background-color: #fff;
  border: 1px solid #9db4bd;
  width: 95px;
  padding: 1px;
  margin: 1px;
  font-size: 1em;
}

#content th{
  color: #0000ff;
  font-size: 14px;
  font-weight: bold;
  background-color: #336699;
  height: 28px;
  background-image: url(../files/images/tcellpic3.gif);
}

div#genform{
  background-color: #ffffff;
  border: 2px #336699 solid;
}

div#error{
  width: 900px;
  height: auto;
  margin: 5px auto 5px auto;
  text-align: left;
  background-color: #FFECEC;
  border: 1px solid #74B7CF;
  padding: 10px 10px;
}

div#contact{
  width: 200px;
  height: auto;
  text-align: left;
  background-color: #e8f3ff;
  border: 1px solid #74B7CF;
  padding: 5px 10px 5px 10px;
  float: right;
  font-size: 12px;
  text-decoration: none;
}

/* Header and footer content */
div#header{
  width: 900px;
  height: 87px;
  margin: 5px auto 5px auto;
  text-align: left;
  background-color: white;
  border: 1px solid #74B7CF;
  padding: 10px 10px;
}

div#footer{
  width: 900px;
  height: auto;
  margin: 5px auto 5px auto;
  text-align: center;
  font-size: 10px;
  background-color: white;
  border: 1px solid #74B7CF;
  padding: 10px 10px;
}

div#ads{
  width: 900px;
  height: auto;
  margin: 5px auto 5px auto;
  text-align: center;
  background-color: white;
  border: 1px solid #74B7CF;
  padding: 10px 10px;
}

/* Form styles */
input[type="text"] {
  background-color: #fff;
  border: 1px solid #9db4bd;
  width: 360px;
  padding: 3px;
  font-size: 1em;
  float: left;
}

input[type="text"][name="points"] {
  background-color: #fff;
  border: 1px solid #9db4bd;
  width: 200px;
  padding: 3px;
  font-size: 1em;
  float: left;
}

input[type="text"][name="icon"] {
  background-color: #fff;
  border: 1px solid #9db4bd;
  width: 275px;
  padding: 3px;
  font-size: 1em;
  float: left;
}

input.n
{
	width: 300px;
}

input#display
{
	float: none;
	width: 500px;
}

input[type="submit"],input[type="reset"]{
  background-color: #fff;
  border: 1px solid #9db4bd;
  border-collapse: collapse;
  font-size: 12px;
  padding: 5px 15px 5px 15px;
}

form
{
	margin: 0px !important;
}