/*
    Document   : slider
    Created on : Feb 24, 2012, 9:51:29 AM
    Author     : User
    Description:
        Purpose of the stylesheet follows.
*/

#slider_wrap {
	position: relative;
	left: -20px;
	top: -20px;
	width: var(--main-column-width);
	box-shadow: 0 0 8px black;
}
	#slider {
		min-height: 360px;
		max-height: 360px;
		overflow: hidden;
	}
		.slide {
			position: absolute;
			inset: 0;
			opacity: 0;
			filter: alpha(opacity=0);

			img {
				width: 100%;
			}
		}
		#slide1 {
			opacity: 1;
			filter: alpha(opacity=100);
		}
		#slider-left_wrap {
			width: 670px;
			position: relative;
			height: 446px;
		}
			#slider-left {
				font-size: 27pt;
				line-height: 38px;
			}
				#slider-pager {
					position: absolute;
					bottom: 10px;
					left:   15px;
					z-index: 11;
					padding: 3px 5px;
					text-align: center;
					font-family: arial;
					background-color: #6d6e70;
				}
			.slider-page-label {
				width: 15px;
				color: #a4a8a0;
				cursor: pointer;
			}
			.slider-page-label:hover {
				text-decoration: underline;
			}
			.slider-page-label.active {
				color: white;
			}
		.slide-desc-wrap {
			position: absolute;
			bottom: 50px;
			right: 50px;
			width: 300px;
/*			background-color: rgb(65, 65, 65);*/
			background-image: url(../images/slide-desc-bg.png);
			background-repeat: repeat;
/*			background-color: rgba(0, 0, 0, 0.65);*/
		}
			.slide-desc {
				padding: 10px;
				color: white;
				line-height: 20px;
				font-size: 15px;
			}
			.slide-desc .slide-title {
				color: white;
				margin-bottom: 8px;
			}
			.slide-mss-logo-container {
				position: absolute;
				top: -120px;
				left: 0;
				width: 300px;
			}
			.slide-mss-logo {
				float: left;
			}
			.slide-mss-logo-title {
				float: left;
				width: 180px;
				padding-left: 20px;
				color: white;
				text-shadow: 0 0 10px black;
				filter: glow(color=black,strength=4);
				font-size: 36px;
				line-height: 35px;
				font-family: Benguiat, "Courier New", Courier, serif, monospace;
				font-weight: bold;
			}