@charset "UTF-8";
/* CSS Document */

html {
	overflow-y: scroll;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #CCCCCC;
}


.nav {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #FFFFFF; border-left: 1px solid #576178; border-right: 1px solid #1f2635; background-image: url(images/vc_top_navigation.gif)}

.nav a { color: #FFFFFF; text-decoration: none}

.nav a:hover { color: #FFFFFF; text-decoration: underline}

.nav a:visited { color: #FFFFFF; text-decoration: none}

.nav_select {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #3b4967; border-left: 1px solid #576178; border-right: 1px solid #1f2635; background-image: url(images/vc_top_nav_select.gif)}

.nav_select a { color: #749751; text-decoration: none}

.nav_select a:hover { color: #749751; text-decoration: underline}

.nav_select a:visited { color: #749751; text-decoration: none}

.navigation_unused {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #ffffff;}

.navigation_end {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #ffffff; border-left: 1px solid #576178;}

.navigation_start {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #ffffff; border-right: 1px solid #1f2635;}




.divider {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1em; color: #718ea1;}

.copyright {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #FFFFFF;}

.title {
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; color: #3b4967;}
	.subtitle {
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color: #3b4967;}


.body_copy {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; line-height: 1.7em;
}
.list{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; line-height: 1.7em;
}

.content-picture-right	{
	border: 2px solid gray;
	float: right;
	margin-left: 20px;
	margin-bottom: 6px;
}

.content-picture-center	{
	border: 2px solid gray;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
}

.body_copy a { color: #749751; text-decoration:none
}

.body_copy a:hover { color: #749751; text-decoration:underline
}

.body_copy a:visited { color: #749751; text-decoration:none
}

.body_column {margin: 0px 26px 0px 34px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #3b4967; line-height: 1.7em;
}

.body_column a { color: #749751; text-decoration:none;
}

.body_column a:hover { color: #749751; text-decoration:underline;
}

.body_column a:visited { color: #749751; text-decoration:none;
}

.copyright1 {margin: 0px 26px 0px 34px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.5em; color: #3b4967; line-height: 1.5em; position:absolute; top:470px; width:212px
}

.copyright2 {margin: 0px 26px 0px 34px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.5em; color: #3b4967; line-height: 1.5em; position:absolute; top:515px; width:212px
}

.body_small {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000000; line-height: 1.7em;
}


/*image gallery*/

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
a img {
border: 0;
}

/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album1 {
width:212px; 
height:230px; 
background:#3b4967 url(images/lentinil1.gif) no-repeat;
border:1px solid #aaa;
margin:0px 26px 0px 34px;
position:absolute; 
top:220px; 
}
#album2 {
width:212px; 
height:230px; 
background:#3b4967 url(images/aptera.jpg) no-repeat;
border:1px solid #aaa;
margin:0px 26px 0px 34px;
position:absolute; 
top:580px; 
}
.album_index {
	width:212px;
	height:230px;
	border:1px solid #aaa;
	margin:0px 26px 0px 34px;
	position:absolute;
	top:220px;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:242px 0 0 0; 
list-style-type:none; 
position:relative; 
width:212px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
float:left; 
text-decoration:none; 
color:#3b4967; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #aaa;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-320px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-242px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:40px solid #eee;
border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}

<;/style>;