/*

   The style sheet used for just the index.html page.

   This style is used in addition to site.css
*/

#head {
    text-align: center;
	height: 300;
	width: 100%;
	background-color: black;
	overflow: hidden;
}
.picture {
	z-index: 1;
}
DIV.picture IMG {
	border-width: 0;
}
#logo1 {
	position: relative;
	width: 730;
    text-align: right;
	font-size: 80px;
	top: -115;
	z-index: 3;
	color: black;
}
#logo2 {
	position: relative;
	top: -305;
	left: 2;
    text-align: center;
	font: 80px bold;
	z-index: 2;
	color: #CCCCCC;
}
#menu {
    text-align: center;
	height: 80;
	width: 100%;
}

 .buttons {
       margin:0px 0px 0px -20px;
       padding:7px 20px;
       font-family:Verdana, sans-serif;
	   font-variant: small-caps;
	   font-size: .8em;
       white-space:nowrap;

 }

 .buttons a {
       padding:7px 20px;
       border-right:1px solid #000000;
       font-family:Arial, sans-serif;
       color:#FFFFFF;
       text-decoration:none;

 }

 .buttons a:hover {
       border-right:1px solid #000000;
       font-family:Arial, sans-serif;
       color:#FFFFFF;
       text-decoration:underline;
       background-color:#333333;

 }

 .buttons strong {
   padding:7px 20px;
   border-right:1px solid #000000;
   font-family:Arial, sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   text-decoration:none;
   background-color:#000000;
 }

.gallerycontent {
	position: relative;
	display: none;
	top: -30;
	text-align: center;
}

table {
	width: 550;
}


.announce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	text-align: center;
	width: 500;
	color: #FB18C8;
}

.announce em {
	color: #00FD00;
   text-decoration:none;
}