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

* {
	margin: 0px;
	padding: 0px;
}

html, body {
	height: 100%;
}

body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;

}

img {
	outline: none;
	border: none;
	behavior: url(iepngfix.htc);
}

a {
	outline: none;
}


a.imagelink {
	text-decoration: none;
	border: #0033ff 5px solid;
}

div { 
	behavior: url(iepngfix.htc); 
	}



#envelope {
	position: relative;
	width: 100%;
	height: 100%;
}

/* Beginning of Arrow Styling */

#envelope_left {
	width: 108px;
	height: 100%;
	z-index: 0;
	position: fixed;
	top: 0px;
	left: 0px;
}

#envelope_right {
	width: 108px;
	height: 100%;
	z-index: 0;
	position: fixed;
	top: 0px;
	right: 0px;
}


#distance { 
		height:50%;
		margin-bottom:-44px; /* half of container's height */
		float:left;
		z-index: 0;
	}


#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height: 88px;
		width:100%;
		clear:left;
		z-index: -100;
	}

#distance2 { 
		height:50%;
		margin-bottom:-44px; /* half of container's height */
		float:left;
		z-index: 0;
	}


#container2 {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height: 88px;
		width:100%;
		clear:left;
		z-index: -100;
	}


.arrow {
	margin: 0px 10px 0px 10px;
	padding: 0px;
	
}

/* End of Arrow Styling */


.clear {
	clear: both;
}

#logo {
	position: fixed;
	top: 0px;
	left: 8px;
	padding: 0px;
	margin: 0px;
	z-index: 5000;
}

#copyright {
	position: fixed;
	bottom: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	z-index: 5000;
}



/* Styles for scrolling Sets  */

#envelope2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}


#screen{
	position:relative;

	width: 100%;
	margin: 0px;
	padding: 0px;
}

/* Left Navigation */
#navigation{
		position: fixed;
		top: 10px;
		right: 48px;
		text-align: center;
		z-index: 5000;
		padding: 0px;
		margin: 0px;
	}
		#navigation ul{			
		}
			#navigation li{
				font-family: "Times New Roman", Times, serif;
				font-size: 22px;
				line-height: 52px;
				font-weight: bold;
				list-style: none;
				list-style-type: none;
				float: left;
			}
			
				#navigation a{
					color: #000000;
					text-decoration:none;
				}
				
				#navigation a:hover {
					color: #0033ff;
					text-decoration: none;
				}
				
				#navigation a:active {
					color: #0033ff;
					text-decoration: none;
				}

/*Navigation INFO */
#navigation_info{
		position: fixed;
		top: 10px;
		right: 50px;
		text-align: center;
		z-index: 5000;
		padding: 0px;
		margin: 0px;
	}
		#navigation_info ul{			
		}
			#navigation_info li{
				font-family: "Times New Roman", Times, serif;
				font-size: 22px;
				line-height: 52px;
				font-weight: bold;
				list-style: none;
				list-style-type: none;
				float: left;
			}
			
				#navigation_info a{
					color: #000000;
					text-decoration:none;
				}
				
				#navigation_info a:hover {
					color: #0033ff;
					text-decoration: none;
				}
				
				#navigation_info a:active {
					color: #0033ff;
					text-decoration: none;
				}		

				.underline {
					color: #0033ff;
				}
				
#screen2{
	position:relative;
	width:100%;

}


#slideshow{
	overflow:hidden;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

	#slideshow_container {
		margin: 0px;
		padding: 80px 0px 0px 0px;
	}
	
/*	#slideshow ul{
		list-style: none;	
		width: 39000px; CHANGE 
		margin: 0px;
		padding: 0px;
	} */

		#slideshow li{
			float:left;
			margin: 0px;
			padding: 0px 10px 40px 10px;
		}
		

.caption {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	display: inline;
}

.caption p {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/* INFO CONTAINER */

#info_container {
	margin: 167px 0px 0px 49px;
	padding: 0px;
	width: 875px;
	
}

	.col_large {
		width: 320px;
		float: left;
		margin: 0px;
		padding: 0px;
		float: left;
	}
	
	.col_small {
		width: 170px;
		float: left;
		margin: 0px;
		padding: 0px 15px 0px 0px;
		
	}
	
	#info_container p{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
	}
	
	#info_container a{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		color: #000000;
	}
	
	#info_container a:hover{
		color: #0033ff;
		text-decoration: none;
	}
	
	#info_container a:active{
		color: #0033ff;
		text-decoration: none;
	}