/* Main Selectors */
body {
	background: #090423 url() repeat-x;
	color: #1D1355;
  	font-family: arial;
	font-size: 10pt;

}

a, a:visited {
	background-color: transparent;
	color: #3B336A;
	text-decoration: none;
}

a:hover {
	background-color: transparent;
	color: #2B13AA;
	text-decoration: none;

}

a img {
	border:1px;
	text-decoration: none;
}


.a5 {
  	font-size: 8pt;
  	font-family: verdana;
	font-style: italic;
}
.a4
{
  	font-size: 9pt;
  	font-family: verdana;
}
.a1
{
  	font-size: 10pt;
  	font-family: verdana;
}

.a2
{
  	font-size: 11pt;
  	font-family: verdana;
}

.h2
{
  	font-size: 24pt;
  	font-family: sans-serif,arial,helvetica;
}

.ggg
 {
  float: left;
  width:100px;
  height:400px;
  border:0px solid #FCFE13;
 padding-right: 0px;
  padding-top: 8px;
}

.main {
  position: relative;
  left: 50px;
  width: 490px;
  border:0px solid #FCFE13;
  height: 500px;
  overflow: auto;
  top: 20px;
  padding-left: 0px;
  font-family: times;
  font-size: 12pt;

}

.gallerymain {
  position: relative;
  left: 50px;
  width: 490px;
  border:0px solid #FCFE13;
  height: 500px;
  overflow-y: none;
  overflow-x: none;
  top: 20px;
  padding-left: 0px;
  font-family: times;
  font-size: 12pt;

}

.menutext {
  position: relative;
  left: 100px;
  width: 440px;
  height:20px;
  border:1px solid #FCFE13;
  overflow: auto;
  top: 50px;
  padding-left: 0px;
  font-family: verdana;
  font-size: 10pt;

}



.gallerycontainer{
position: relative;
height: 250px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 3px 3px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #1F1458;
}

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

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
	
top: 30px;
left: 298px; /*position where enlarged image should offset horizontally */
z-index: 50;
}








.postit {
  float: left;
  width: 540px;
  height:180px;
  border:0px solid #FCFE13;
  overflow: none;
  top: 40px;
  padding-left: 0px;

}


.contentBlock {
  font-size: 10pt;
  top: 0px;
  border:0px solid #FCFE13;
  font-family: sans-serif,arial,helvetica;

}

.picture {
  float: right;
  width: 270px;
  height:350px;
  border:0px solid #FCFE13;
  padding-left: 10px;
}


#popitmenu{
position: absolute;
background-color: #99CC67;
border:1px solid #CC6633;
font: normal 12px sans-serif;
line-height: 18px;
z-index: 100;
visibility: hidden;
text-align: left;

}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
text-align: left;
width: 150px;

}

#popitmenu a:hover{ /*hover background color*/
background-color: #FFFFCC;
}



=================================
 start of Tooltip css code here
================================= */
a.info{
    position:absolute;           /*this is the key*/
    z-index:24; 

	background-color:#eeeec0;    /* background colour of display text */
	border: 1px dashed #cccc99;
    color:#542214;               /* colour of display text */
    text-decoration:none;
	font-style:regular;
	}

a.info:hover {
			 z-index:25; 
			 background-color: transparent ;

			 }

a.info span{
	   display: none;  /* hide the span text using this css */
	   }

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 15em;       /* offset of the tooltip from the top */
	right: 20em;      /* offset of the tooltip from the left */
	width:15em;
    border:2px solid #C60D60; /* border colour */
    background-color:#D5D4DF; /* background colour here */
    color:#542214;         /* text colour */
    text-align: left;
    font-size: 16px;
	text-indent: 5px;
    padding: 5px;
	}
/*