body {
margin : 0;
padding : 0;
font : 76% "Trebuchet MS", verdana, arial, sans-serif;
background : #000000;
color : #333;
}
#container {
width : 740px;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 5px solid #c60404;
background : #e9eee4;
color : #333;
}
#topimg {
height : 150px;
padding : 0;
margin : 0;
background : #417c2c url(images/topimg.jpg) no-repeat;
color : #333;
}
#navcontainer ul {
float : left;
width : 100%;
padding-left : 0;
margin : 0 0 20px 0;
font: Tahoma;
font-size: 12px;
color: #000000;
font-size : 12px;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
background : #c60404;
color : #333;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #fff;
background : #f50506;
color : #fff;
}
#navcontainer ul li a:hover {
background : #c60404;
color : #000;
}
#content {
margin : 0 0 5px 170px;
padding : 5px;
background : #ffffff;
border-left : 3px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-top : 2px solid #cccccc;
color : #333;
}
#content a:link, #content a:visited {
text-decoration : underline;
background : inherit;
color : #4e6811;
}
#content a:hover {
background : inherit;
color : #996681;
}
#sidebar {
float : left;
width : 160px;
margin : 0 10px 0 0;
padding : 5px;
background : #e9eee4;
color : #c60404;
}
.sidemenu ul {
list-style-type : none;
text-align : left;
}
.sidemenu ul li {
display : block;
color : #666;
background : inherit;
}
.sidemenu ul li a {
background : transparent url(images/list-off.gif) no-repeat left center;
padding-left : 15px;
font : normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration : none;
color : #000;
}
.sidemenu ul li a:hover {
background : transparent url(images/list-on.gif) no-repeat left center;
color : #666;
}
.sidemenu ul li a#current {
background : transparent url(images/list-active.gif) no-repeat left center;
color : #666;
}
#bottomimg {
height : 50px;
padding : 0;
margin : 0;
border-top : 1px solid #fff;
background-color : #f50506;
color : #333;
}
#bottomimg h1 {
float : left;
margin : 10px 0 0 5px;
font-size : 150%;
color : #000000;
background : #f50506;
}
#footer {
clear : both;
padding : 5px;
margin : 0;
font-size : 12px;
border-top : 1px solid #fff;
background : #c60404;
color : #ffffff;
}
#footer a:link, #footer a:visited {
text-decoration : none;
background-color : inherit;
color : #fff;
}
#footer a:hover {
border-bottom : 1px dashed #eee;
background-color : inherit;
color : #333;
}
p {
margin : 15px;
}
h1 {
margin-top : 10px;
padding : 0;
font-size : 140%;
text-transform : uppercase;
color : #c60404;
background-color : inherit;
}
h2 {
margin : 10px 0 0 5px;
padding-left : 10px;
font-size : 120%;
text-transform : uppercase;
letter-spacing : 5px;
color : #fff;
background : #c60404;
}
.img {
float : left;
padding : 10px;
border : none;
}
.img a {
border : none;
}

.txt {
font: Tahoma;
font-size: 12px;
color: #000000;
}


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

.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 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: red;
padding: 5px;
left: -1000px;
border: 1px blue;
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: 200px; /*position where enlarged image should offset horizontally */
top: -105px;
z-index: 50;
}