body {
	margin-top: 10px;
	padding: 0px;
	background-image: url(images/bg.jpg);
	text-align: center;
}

#container {
	width: 714px;
	min-height: 500px;
	margin: 0px auto;
	text-align: left;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 9pt;
	background-color: #346e00;
}

#header {
	width: 714px;
	padding-bottom: 2px;
}

#navcon {
	float: left;
	width: 170px;
	padding: 0px;
	margin-right: 0px;
	background-color: #346e00;
}

#navigation LI {
   background-color: transparent;
   padding: 0;
   margin: 0;
   list-style: none;
}

#navigation UL {
   background-color: transparent;
   padding-left: 4px;
   padding-top: 0px;
   margin: 0;
}

#navigation A {
   display: block;
   text-decoration: none;
   padding: 5px 0px 5px 5px;
   border: 1px solid #346e00;
   margin: 0;
   width: 155px;
}

#navigation A:link, #navigation A:visited {
   color: #FFFFFF;
   background-color: #74a731;
}

#navigation A:hover, #navigation A:focus {
   color: #622;
   background-color: #f6fdc5;
}

#contentbox {
	float: left;
	width: 544px;
	margin: 0px;
	padding: 0px;
	background-color: #74a731;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 9pt;
	color: #FFFFFF;
}

#content {
	padding: 15px;
}
	
#footer {
	clear: left;
	width: 714px;
	background-color: green;
	color: white;
}

#counter {
	width: 714px;
	background-image: url(images/bg.jpg);
}


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

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

a:link { color:#FFFFFF; text-decoration:none; }
a:visited { color:#FFFFFF; text-decoration:none; }
a:focus { color:#FFFFFF; text-decoration:none; }
a:hover { color:#FFFFFF; text-decoration:none; }
a:active { color:#FFFFFF; text-decoration:none; }

.thumbnail{
position: relative;
z-index: 0;
}

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;
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 on hover*/
visibility: visible;
top: -200px;
left: 150px; /*position where enlarged image should offset horizontally */
}

#box {
position:absolute; 
top:10px; 
right:100px; 
z-index:3;
color:#FFFFE0;
background:#346e00;
font:normal 11px verdana, sans-serif;
text-decoration:none;
display:block;
border:1px dashed gray;
width:170px;
height:150px;}

#box a {
position:relative; 
top:4px; 
padding-top:14px;
padding-bottom:15px;
color:#FFFFE0;
background:#74a731;
font:normal 11px verdana, sans-serif;
text-decoration:none;
display:block;
border:none;
width:160px;
height:112px;}

#box a:hover {
color:black;
background:#74a731;
width:160px;
height: 112}

#box1 {
position:absolute; 
top:210px; 
right:100px; 
z-index:3;
color:#FFFFE0;
background:#346e00;
font:normal 11px verdana, sans-serif;
text-decoration:none;
display:block;
border:1px dashed gray;
width:170px;
height:162px;}

#box1 a {
position:relative; 
top:4px; 
padding-top:14px;
padding-bottom:15px;
color:#FFFFE0;
background:#74a731;
font:normal 11px verdana, sans-serif;
text-decoration:none;
display:block;
border:none;
width:160px;
height:122px;}

#box1 a:hover {
color:black;
background:#74a731;
width:160px;
height: 122px;}

#box2 {
position:absolute; 
top:162px; 
right:100px; 
z-index:3;
color:#FFFFE0;
background-color: transparent;
font:normal 11px verdana, sans-serif;
text-decoration:none;
display:block;
border:0px dashed gray;
width:170px;
height:42px;}