/* CSS Document */
 html { overflow: -moz-scrollbars-vertical; } 
 
 html, body {
min-height: 100%;
margin-top: 20px;
	}
body {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
}	
	
body {
	background-image: url(back.jpg);
	background-color: #000000;
	margin-left:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
a:link {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color: #FF00FF;
	text-decoration: none;
}
a:visited {
	color:#FF00FF;
	font-size: 14px;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color:#FF00FF;
	text-decoration: underline ;
}

a:active {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color:#FF00FF;
	text-decoration: none;
}	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: normal;
	color: #000000;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #FF0000;
}
.faq{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-left:20px;
	margin-right:20px;
	text-align:left;
}
.list {
font-family: Arial, Helvetica, sans-serif;
text-align:left;
	font-size: 18px;
	color: #000000;
	}
.subtitle {
	font-family: Arial, Helvetica;
	text-align:left;
	font-size: 14px;
	color:#000000;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.research {
	font-family: Times New Roman, serif;
	font-size: 24px;
	color: #000000;
}
.researchred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FF0000;
}
.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #FF9900;
}
.grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: heavy;
}
.redtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FF0000;
	font-weight: bold;
}
.grey2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #000000;
}
.research20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}
.redbar {
	font-family: Times New Roman, serif;
	font-size: 55px;
	color: #FFFFFF;
}
.grey3 {
	font-family: Times New Roman, serif;
	font-size: 20px;
	color: #000000;
}
.gallerycontainer{
position: relative;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

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

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

.thumbnail:hover img{
border: 0px;
}

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

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 50px;
left: 500px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
#home a {   
display: block;   
background:  url(images/home.jpg) top;   
width: 163px;   
height: 21px;   
}
#home a:hover {   
background:  url(images/home2.jpg) no-repeat bottom;   
}
#about a {   
display: block;   
background:  url(images/about.jpg) top;   
width: 163px;   
height: 21px;   
}
#about a:hover {   
background:  url(images/about2.jpg) no-repeat bottom;   
}
#events a {   
display: block;   
background:  url(images/events.jpg) top;   
width: 163px;   
height: 21px;   
}
#events a:hover {   
background:  url(images/events2.jpg) no-repeat bottom;   
}
#awards a {   
display: block;   
background:  url(images/awards.jpg) top;   
width: 163px;   
height: 21px;   
}
#awards a:hover {   
background:  url(images/awards2.jpg) no-repeat bottom;   
}
#register a {   
display: block;   
background:  url(images/register.jpg) top;   
width: 163px;   
height: 21px;   
}
#register a:hover {   
background:  url(images/register2.jpg) no-repeat bottom;   
}
#contact a {   
display: block;   
background:  url(images/contact.jpg) top;   
width: 163px;   
height: 21px;   
}
#contact a:hover {   
background:  url(images/contact2.jpg) no-repeat bottom;   
}