/* CSS Document */

* {
margin: 0 auto;
padding: 0;
}
body {
  margin: 0 auto;
  background:#040404;
  font-family: Georgia, "Times New Roman", Times, serif;
  color:#ffffff;
  }
 

/* Header----------------------------------------------*/
#header {
background-image: url(images/main-header.png);
background-repeat:no-repeat;
height: 150px;

}

#headimage {
	text-align:center;
	font-size:large;
}
  
    /* Left Sidebar-------------------------------------*/
#leftbar {
  position: absolute;
  top: 150px;
  left: 1px;
  width: 140px;

 }
/* End Left Sidebar --------------------------------*/

/* Center Bar---------------------------------------*/
#centerbar {
	margin-left: 175px;
  margin-right:175px;
  padding: 15px 0 0 0;
 }
html>body #centercontent {
 
  
}
/* End Center Bar -----------------------------------*/

/* Right Sidebar-------------------------------------*/
#rightbar{
  position: absolute;
  right: 1px;
  top: 150px;
  width: 150px;
 
}
/* End Right Sidebar --------------------------------*/

/* Footer ------------------------------------------ */
#footer {
  position: absolute;
  font-size:small;
  bottom: 10px;
  left: 20px;
}
/* End Footer  --------------------------------------*/
  
 /* Navigation --------------------------------------*/
  #navigation {
width: 145px;

}
#navigation ul {
list-style: none;
margin: 10px;
padding: 0;
margin-top: 40px;
}
#navigation li {

}
#navigation li a:link, #navigation li a:visited {
font-size: 18px;
top:180px;
display: block;
padding: 0.4em 0 0.4em 0.5em;
color: #ffffff;
text-decoration: none;
}

#navigation ul ul {
margin-left: 1px;
}

#navigation ul ul li {
margin:0;
}

#navigation ul ul a:link, #navigation ul ul a:visited {
background-color: #040404;
color: #ffffff;
}
#navigation ul ul a:hover {
background-color: #ffffff;
color: #040404;
}

#navigation li a:hover {
	background-color: #ffffff;
 	color: #040404;
}	

/* End Navigation ----------------------------*/

h1 {
	font-size:16px;
	padding-top:10px;
	padding-bottom:5px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
 #gallerycontainer {
 	padding: 10px 0 25px 0;
 } 
  
.thumbnail{
position: relative;
z-index: 0;
padding: 0 5% 0 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #040404;
padding: 0 0 5px 0;
left: -1000px;
visibility: hidden;
color: #ffffff;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 15px;
left: 50px; /*position where enlarged image should offset horizontally */
}