body{
margin:0;
padding:0;
color: #000066;
}

b{font-size: 110%;}
em{color: dark blue;}

#maincontainer{
width: 1024px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
font-family: georgia;

color: #ffffff;
background: #ffffff;
height: 225px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
font-family: verdana;
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
font-family: verdana;
float: left;
line-height: 1.25em;
width: 200px; /*Width of left column*/
margin-left: -1024px; /*Set left margin to -(MainContainerWidth)*/
background: #ffffff;
}

#menu {
  padding:1;
  margin:0;
  width:0;
  }
#menu li {
  margin:0 0 0.25em 0; 
  list-style-type:none;
  }

  #menu a, #menu a:visited {
  display:block;
  width:9em;
  border:1px solid #3333CC;
  font-family:arial, verdana, sans-serif;
  font-size:0.9em; 
  text-align:center;
  text-decoration:none;
  padding:0.1em;
  }

#menu a:hover {
  background:#66FFFF;
  color:#808;
  }

#footer{
clear: left;
width: 100%;
background: #3300CC;
color: #ffffff;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFFff;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.ctr {text-align: center;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

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

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

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

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

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

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