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

#ul{
list-style-type: none;
padding: 0px;
margin: 0px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* main styles */

#contentwrapper{
position: relative;
width: auto;
height: auto;
background: none;
margin: 0 auto 0 auto
}

#middlecontainer{
position: absolute;
width: 100%;
height: 600px;
top:50%;
left:0%;
background: none;
margin:auto 0 -410 0;
}


#fixedcontainer {
position: fixed;
width: 100%;
height:100%;
background: none;
}

#menucontainer {
position: relative;
width: 820px;
height: 222px;
background: none;
margin: 0 auto 0 auto
}

#logocontainer {
position: absolute;
width: 800px;
height: auto;
background: none;
margin: 28px auto 0 10px;
z-index:300;
}

#indexlogo{
width: 400px;
height:38px;
position:absolute;
top:50%;
left:50%;
margin: -19px 0 0 -200px;
background: white;
}

#line{
width: 800px;
height: 1px;
background: lightgray;
position: relative;
top: 4px;
left: 0%;
margin: 0 0 0 0px;
z-index:200;

}

#line2{
width: 800px;
height: 1px;
background: lightgray;
position: relative;
top: 3px;
left: 0%;
margin: 0 0 0 0px;
z-index:120;
}

#line3{
width: 800px;
height: 1px;
background: lightgray;
position: relative;
top: 0;
margin: 0 0 0 0px;
z-index:200;
}

#line4{
width: 800px;
height: 1px;
background: lightgray;
position: relative;
top:450px;
margin: 0 0 0 0px;
z-index:200;
}




#homebackimage{
width: 800px;
height: 455px;
position: absolute;
top:140px;
margin-left:10px;
background: white;
z-index:99;
overflow:hidden;
}

#homebackimage2{
width: 800px;
height: 452px;
position: absolute;
top:140px;
margin-left:10px;
background: white;
z-index:99;
overflow:hidden;
}

#homebackimage3{
width: 800px;
height: 533px;
position: absolute;
top:120px;
margin-left:10px;
background: white;
z-index:99;

}

#topmenu{
font-size: 12px;
font-family: arial, helvetica, sans-serif;
width:100%;
float:left;
margin:0px;
margin-top: 8px;
overflow:hidden;
}

#topmenu a:link, #topmenu a:visited	/* menu at rest */
	{
	color: #333333;
	background-color:none; 
	text-decoration:none;
	}
	
#topmenu a:active	/* menu at rest */
	{
	color: #333333;
 	background-color:#E5E5E5;
	text-decoration:none;
	}	
	
#topmenu a:hover						/* menu on mouse-over  */
	{
	color: #333333;
	background-color:#E5E5E5;
	text-decoration:none;
	}

#topmenucontent{
float:left;
margin-right:6px;
padding-top:2px;
padding-bottom:2px;
padding-left:1px;
padding-right:1px;

}

#topmenucontent2{

float:left;
margin-right:6px;
padding-top:2px;
padding-bottom:2px;
padding-left:0px;
padding-right:1px;
}

#divide{
color: #333333;
float:left;
margin-right:6px;
padding-top:2px;
padding-bottom:2px;
}

#topmenucontentselected{
float:left;
margin-right:6px;
padding-top:2px;
padding-bottom:2px;
padding-left:0px;
padding-right:0px;
color: white;
/*background-color:#E5E5E5;*/
font-weight:bold;
text-decoration:none;
}

#topmenu2{
font-size: 11px;
font-family: arial, helvetica, sans-serif;
width:100%;
float:left;
margin:0px;
margin-top: 2px;
overflow:hidden;
}

#topmenu2 a:link, #topmenu2 a:visited	/* menu at rest */
	{
	color: #333333;
	background-color:none; 
	text-decoration:none;
	}
	
#topmenu2 a:active	/* menu at rest */
	{
	color: #333333;
 	background-color:#E5E5E5;
	text-decoration:none;
	}	
	
#topmenu2 a:hover						/* menu on mouse-over  */
	{
	color: #333333;
	background-color:#E5E5E5;
	text-decoration:none;
	}

	
#collectionshowphotos{
width: 5600px;
height: 200px;
position: absolute;
top:200px;
margin-left:4px;
background: white;
z-index:99;
overflow:hide;
outline:0px;

}

#collectionshowphotos li{
position: relative;
display:inline;
margin-top:0px;
padding:0px;
outline:0px;
}

#collectionshowphotos a{
cursor:default;
}

#tooltip{
font-size: 12px;
font-family: arial, helvetica, sans-serif;
white-space:nowrap;
position:absolute;
border:1px solid #E5E5E5;
background:white;
padding:5px 5px;
color:#333333;
display:none;
z-index:500;
cursor:crosshair;
line-height:60%;
}	

#preview{
	position:absolute;
	border:0px solid gray;
	background:gray;
	padding:1px;
	display:none;
	color:#fff;
	z-index:500;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	}

	
	#map01{
position:relative;
float:right;
margin-top:0px;
}

#aboutimage{
position:relative;
float:right;
margin-top:20px;
}

#contactcontainer01{
width:380px;
position:relative;
float:left;
margin-top:15px;
font-size: 12px;
font-family: arial, helvetica, sans-serif;
color: #333333;
line-height:120%;
}

#aboutcontainer01{
width:430px;
position:relative;
float:left;
margin-top:15px;
font-size: 11px;
font-family: arial, helvetica, sans-serif;
color: #333333;
line-height:120%;
text-align:justify;
}

#aboutcontainer01IE{
width:430px;
position:relative;
float:left;
margin-top:8px;
font-size: 11px;
font-family: arial, helvetica, sans-serif;
color: #333333;
line-height:120%;
text-align:justify;
display:none;
}

#newscontainer01{
width:100%;
position:relative;
float:left;
margin:0px;
padding:0px;
font-size: 12px;
font-family: arial, helvetica, sans-serif;
color: black;
line-height:100%;
background:none;
border-bottom: 1px solid lightgray;
text-decoration:none;
}


#newslink{

text-decoration:none;
}


#newscontainer01 p:link, #newscontainer01 p:visited	/* menu at rest */
	{
	color: #333333;
	background-color:none; 
	text-decoration:none;
	}
	
#newscontainer01 p:active	/* menu at rest */
	{
	color: #333333;
 	background-color:#E5E5E5;
	text-decoration:none;
	}	
	
#newscontainer01 p:hover						/* menu on mouse-over  */
	{
	color: #333333;
	background-color:#E5E5E5;
	text-decoration:none;
	}
	
#newscontainer01 p						/* menu */
	{
	color: #333333;
	background-color:none;
	text-decoration:none;
	padding-left:3px;
	padding-top:5px;
	padding-bottom:5px;
	}


	
#newscontainer02{
width:auto;
position:absolute;
float:left;
margin: 427px 22px 22px 0px;
padding:0px;
font-size: 11px;
font-family: arial, helvetica, sans-serif;
color: gray;
line-height:100%;
background:none;
text-decoration:none;
}


#newslink02{

text-decoration:none;
}


#newscontainer02 p:link, #newscontainer02 p:visited	/* menu at rest */
	{
	color: gray;
	background-color:none; 
	text-decoration:none;
	}
	
#newscontainer02 p:active	/* menu at rest */
	{
	color: #333333;
 	background-color:none;
	text-decoration:none;
	}	
	
#newscontainer02 p:hover						/* menu on mouse-over  */
	{
	color: #333333;
	background-color:none;
	text-decoration:none;
	}
	
#newscontainer02 p						/* menu */
	{
	color: gray;
	background-color:none;
	text-decoration:none;
	padding-left:3px;
	padding-top:5px;
	padding-bottom:5px;
	}
	
	
	

#contactcontainer01 a, a:link, #contactcontainer01 a:visited	/* menu at rest */
	{
	color: #333333;
	background-color:none; 
	text-decoration:underline;
	}

#contactcontainer01 a:active	/* menu at rest */
	{
	color: white;
 	background-color:gray;
	text-decoration:underline;
	}	
	
#contactcontainer01 a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color:gray;
	text-decoration:none;
	}
	
	
	
	
    #wrapper {float:right; text-align:right; margin:0; width:50%; font-size:11px; font-family:arial, helvetica, sans-serif; color: gray;}
    h1{margin:1em 0;  color:;}
    p {padding:0.2em 0;}
    legend {padding:0;}
    border-top:1px solid gray; border-left:1px solid gray;
    background:white; font-weight:bold; font-size:110%;}
    p#legend_text {margin-left:22px;}
    label {float:left; width:8em; margin-left:22px;}
    p input {width:70%;}
    fieldset {padding:0;} 
    border-top:1px solid gray; border-left:1px solid gray;}
    input, textarea {border:1px solid gray; background:white;}
    textarea {width:70%; overflow:auto;}
    input.send {background:white; width:6em; cursor:pointer; font-weight:regular;
    border-bottom:1px solid gray; border-right:1px solid gray;
    border-top:1px solid gray; border-left:1px solid gray;}
    input.send.error   {color:rgb(225,225,225); background:#D00;}
    input.send.confirm {color:rgb(225,225,225); background:#080;}
    .confirm {color:#080;}
    .standard {color:gray;}
    .right {text-align:right; padding:2em 20% 0 0;}
    code {display:block; margin-top:1em; font-family:arial, helvetica, sans-serif; 
    font-size:11px; color:gray;}
    strong {color:gray;}
    p#backlink {text-align:right; margin-top:20px; border-top:1px solid gray;}
    p#backlink a {text-decoration:none; color:gray;}
    p#backlink a:hover {text-decoration:underline;}

	
	




#openingslides{
left:-800px;
float:right;
top:0;
}
	
#openingslides2{
left:-532px;
float:right;
top:0;
}

#openingslides3{
left:-264px;
float:right;
top:0;
}



#openingslides4{
position:absolute;
left:0px;
top:0;
}



#creditcontainer02{
font-size: 11px;
font-family: arial, helvetica, sans-serif;
width:100%;
float:left;
margin: 500px auto 0 10px;
padding-top:2px;
padding-bottom:2px;
padding-left:1px;
padding-right:1px;
}

#creditcontainer02 a:link, #creditcontainer02 a:visited	/* menu at rest */
	{
	color: #333333;
	background-color:none; 
	text-decoration:none;
	}
	
#creditcontainer02 a:active	/* menu at rest */
	{
	color: #333333;
 	background-color:#E5E5E5;
	text-decoration:none;
	}	
	
#creditcontainer02 a:hover						/* menu on mouse-over  */
	{
	color: #333333;
	background-color:#E5E5E5;
	text-decoration:none;
	}