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

html {overflow: -moz-scrollbars-vertical}
body {padding:0; margin:0;}
.body { background:url(Images/snowflake1.jpg) top repeat; padding:0; margin:0; position:fixed; height:100%; width:100%; z-index:-10;}
.container {width:900px; margin:0px auto 0px auto;}

.address {
	color: black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:900;
	text-decoration:none;
	margin: 0 auto 5px auto;
	text-align:center;
}
	
.activity_img_r {margin:5px; float:right}
.activity_img_l {margin:5px; float:left}

.blog {vertical-align:middle;}
.blog:hover {background-color:#99dbfd;}

.boxmid {background-image:url(Images/75%25white-1x1px.png); margin-top:-5px; padding-top:10px}

.contentbox {padding:5px 20px 20px 135px;}

.footer {width: auto; height:20px; margin:10px 0 0 0; display:block; text-align:center }
.footer span {border-right: 1px solid gray; padding:0px 3px 0px 3px; color:#000}
.footer span:hover { color:#3399FF}
.footer strong {color:#333333}

.footer a{text-decoration:none; color:#3fbdfe;}
.footer a:hover {text-decoration:none;}
.footer p {font: 9px Verdana, Arial, Helvetica, sans-serif; color:#000;}

h1 {font: bold 36px Verdana, Arial, Helvetica, sans-serif; color:#3fbdfe; margin:0}
h2 {font: bold 20px Verdana, Arial, Helvetica, sans-serif; color:#4556fb;}
	h2:hover {background-color:#99dbfd}
h3 {font: bold 16px Verdana, Arial, Helvetica, sans-serif; color:#3fbdfe;}
h4 {font: bold 15px Verdana, Arial, Helvetica, sans-serif; color:#3fbdfe; display:inline; border-right:1px solid blue; padding:0px 3px 0px 3px; line-height:14px;}
	h4:hover {background-color:#99dbfd; color:#f0f8fb;}
	h4 span {color:#4556fb;}
h5 {font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#3fbdfe; margin-bottom:0px; padding-bottom:0px;}
h6 {font: normal 13px Verdana, Arial, Helvetica, sans-serif; color:#3fbdfe; margin-bottom:0px; padding-bottom:0px;}

.head_image {width:900px; height:171px; position:relative; z-index:-5}

.holiday_buttons {font-family:Arial, Helvetica, sans-serif; margin:0 0 2px 0; font-size:15px; line-height:15px}
.holiday_buttons span {	padding:2px 5px 2px 5px; border-right:1px solid blue; color: #4556fb }
.holiday_buttons span:hover {	padding:2px 5px 2px 5px; border-right:1px solid blue; color: #4556fb }
.holiday_buttons strong { padding:2px 5px 2px 5px; border-right:1px solid blue; color:#4556fb; font-weight:normal}

li {color:#4556fb;}

.navbar { font: 18px Verdana, Arial, Helvetica, sans-serif; color:#3fbdfe; text-decoration:none; display:block; }
.active {color:#4556fb;}
.navbar:hover { background-color:#99dbfd; color:#f5f9fb}
.navbar:active { color:#3fbdfe; }
.navbar:visited {color:#999999;}

.navbox {
	width:120px;
	float:left;
	border-right:thin solid #666;
	position:absolute;
}

.style1 {font: bold 15px/17px Arial, Helvetica, sans-serif; color: #000; margin:2px 0px 2px 0px; font-weight:bold}

.style2 {font: bold 15px/17px Arial, Helvetica, sans-serif; color: #000; clear:both; margin:2px 0px 2px 0px; background-color:#666666; padding:3px 0 3px 5px;}
.style2 a:hover { color:#373737; background-color:#000; }
.style2 a:active { color:#9b9b9b; }
.style2 a:visited {color:#999;}
.style3 {font-size: 16px}

.style4 {font: bold 16px/18px Arial, Helvetica, sans-serif; color: #000; clear:both; margin:2px 0px 2px 0px; background-color:#666666; padding:3px 0 3px 5px;}
.style4:hover { color:#373737; background-color:#000; }
.style4:active { color:#9b9b9b; }
.style4:visited {color:#999;}

.titlecontainer {width:900px; height:52px; background-image:url(Images/75%25white-1x1px.png); margin-bottom:-5px}
.titleflakes {width:150px; height:48px; margin-left:750px; background-image:url(Images/3-snowflakes.png)}

.town-p {margin-bottom:65px}

p {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:100; margin:0}
a {text-decoration:none; color:#3399FF;}
a:hover { color:#FFF; }
a:active { color:#9b9b9b; }
a:visited {color:#999;}
ul {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:100; margin:0; }

.uimla {	background-image: url('Images/uimlaon.png'); background-repeat:no-repeat; height:54px; width:56px; float:left; margin:0px 0px 10px 5px; padding:0px; text-decoration:none }
.uimla:hover { background-image: url('Images/uimlaover.png'); background-repeat:no-repeat; height:54px; width:56px;  float:left; margin:0px 0px 10px 5px; padding:0px; text-decoration:none }
.bailm {	background-image: url('Images/bailmon.png'); background-repeat:no-repeat; height:54px; width:56px; float:left; margin:0px 0px 10px 5px; padding:0px; text-decoration:none }
.bailm:hover { background-image: url('Images/bailmover.png'); background-repeat:no-repeat; height:54px; width:56px;  float:left; margin:0px 0px 10px 5px; padding:0px; text-decoration:none }

SlideViewer

.svw {width: 50px; height: 20px; background: #fff; margin:0px} 
.svw ul {position: relative; left: -999em;} 
 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 2px solid grey;   
margin: 0 0 1px 0px; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: darkgrey; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: grey; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}


/* CSS gallery */
<style type="text/css">

/*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 1px 0px 0;
}

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
border: none;
visibility: hidden;
color: white;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
}

.thumbnail span img{ /*CSS for enlarged image*/
border:none;
}

.thumbnail:focus span{ /*CSS for enlarged image*/
visibility: visible;
top: 287px;
left: 545px; /*position where enlarged image should offset horizontally */
z-index: 50;
height:400px; width:560px;
border:none;
}

</style>