/* Localized */
/* Ecomate 2008 Site Format
Authors:	Andy Waschick & Darren Isbrecht, Gestalt, Inc.
Version:	2008.6.15  */

/* Gestalt system required CSS definitions */
@import url("gestalt.css");  

body, html {
	background-color: #ddd;
	color: #555;
	font-family: Arial,Helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

#page {
	margin: 0pt auto;
	position: relative;
	top: 0px;
	width: 840px;
	!width: 800px; 
	}

	#wrapper {
		font-size: 11px;
		margin: 0px;
		padding: 0px;
		width: 840px;
		!width: 800px; 
		}
		
		#searchbox {
			text-align: right !important; 
			margin-top: 10px;
			margin-bottom: 10px;
			!width: 840px;
			}
			
			#searchbox #contact-link {
				position: absolute; 
				left: 50px; 
				top: 5px; 
				font-size: 12px;
				color: #1E71B8; 
				}
				
				#searchbox #contact-link a {
					color: #1E71B8; 
					text-decoration: none; 
					}
					
					#searchbox #contact-link a:hover {
						text-decoration: underline; 
						color: #fff; 
						}
			
			#searchbox form {
				text-align: right !important; 
				margin: 0px; 
				padding: 0px; 
				}
			
			#searchbox input {
				border: none; 
				background-color: #fff;
				color: #888;
				padding: 4px; 
				font-family: arial, helvetica, sans-serif;
				font-size: 11px; 
				height: 20px; 
				!height: 23px; 
				vertical-align: middle; 
				}
				
			#searchbox #searchterm {
				width: 150px; 
				}
				
			#searchbox #go {
				margin-left: 5px; 
				}

			
			#searchbox #translate {
				position: absolute; 
				right: 195px; 
				}
				
				#translate select {
					border: none; 
					background-color: #fff;
					color: #888;
					padding: 4px; 
					font-family: arial, helvetica, sans-serif;
					font-size: 11px; 
					height: 20px; 
					!height: 23px; 
					vertical-align: middle; 
					!position: relative; 
					!top: 4px; 
					}				
		
		#main {
			background-color: #ffffff;
			padding-left: 20px; 
			padding-right: 20px; 
			padding-top: 20px; 
			text-align: left !important;
			!padding-bottom: 20px; 
			}
				
			#main .page-head {
				}
				
				#main .page-head .title {
					}
				
				#main .page-head .menu {
					margin-top: 20px; 
					padding-top: 1px; 
					padding-bottom: 1px; 
					margin-bottom: 10px; 
					text-align: center !important; 
					background-image: url('../pix-fsi/space-dots.gif'); 
					width: 800px; 
					}
					
					#main .page-head .menu .menu-background {
						width: 100%; 
						background-color: #fff; 
						padding: 10px; 
						}
					
						#main .page-head .menu .menu-background .menu-table td {
							font-size: 11px; 
							padding-left: 25px; 
							padding-right: 25px; 
							text-transform: uppercase; 
							letter-spacing: 1px; 
							color: #042d8b; 
							}
	
						#main .page-head .menu .menu-background .menu-table a {
							color: #58595b;
							text-decoration: none; 
							}
							
							#main .page-head .menu .menu-background .menu-table a:hover {
								text-decoration: underline; 
							}
						
						#main .page-head .menu .menu-background .menu-table .menu-current a {
							color: #1E71B8 !important;
							}
			
			#main .splash {
				background-image: url('../pix-fsi/space-dots.gif'); 
				padding-top: 0px; 
				padding-bottom: 1px; 
				}
				
				#main .splash .splash-background {
					padding: 0px;
					padding-bottom: 20px;
					padding-top: 10px; 
					background-color: #fff; 
					}
					
					#main .splash .splash-background p {
						margin: 0px; 
						padding: 0px; 
						}
						
			#main .news-splash {
				background-image: url('../pix-fsi/space-dots.gif'); 
				padding-top: 0px; 
				padding-bottom: 1px;
				float: right;
				}
					
				#main .news-splash .news-splash-background {
					padding: 0px;
					padding-bottom: 10px;
					padding-top: 10px; 
					background-color: #fff;
					}
					
					#main .news-splash .news-splash-background p {
						padding: 0px; 
						}
					
			#main .home-content {
				clear: all; 
				}
				
				#main .home-content .copyblock {
					font-size: 13px; 
					width: 505px; 
					margin-top: 15px; 
					!margin-top: 20px; 
					margin-left: 30px; 
					}
									
				#main .home-content .sidebar {
					margin-top: 5px; 
					!margin-top: 25px; 
					!margin-right: -40px; 
					float: right; 
					background-color: #b5b6b8; 
					width: 205px; 
					!width: 225px; 
					padding: 10px;
					padding-left: 15px; 
					padding-right: 15px;
					color: #fff; 
					
					}
					
					#main .home-content .sidebar a {
						color: #fff; 
						}
					
					#main .home-content .sidebar h1 {
						color: #58595b; 
						font-size: 20px; 
						line-height: 25px; 
						margin: 0px; 
						padding: 0px; 
						font-weight: normal; 
						}
						
						#main .home-content .sidebar .container-tools {
							color: #000; 
							}

			
			#main .content {
				padding-bottom: 20px; 
				}
				
				#main .content table {
					width: 100%; 
					}
					
					#main .content td {
						vertical-align: top; 
						}
					
					#main .content td.links {
						width: 205px;
						font-size: 12px;
						line-height: 15px;
						padding-bottom: 5px;						
						}
						
						#main .content td.links  a {
							color: #1E71B8;
							text-decoration: none;
							}
			
						#main .content .links form {
							}
							
						#main .content .links input {
							border: 1px solid #ccc; 
							padding: 4px; 
							margin: 4px; 
							font-family: arial, helvetica, sans-serif; 
							font-size: 12px; 
							}
					
					#main .content td.inner-content {
						}
					
				#main .content .copyblock1 {
					font-size: 13px; 
					margin-top: 15px;
					line-height: 20px; 
					}
					
					#main .content .copyblock1 p {
						margin-top: 0px;
						margin-bottom: 10px; 
						}
						
					#main .content .copyblock1 font {
						font-size: 13px; 
						margin-top: 15px !important;
						line-height: 20px !important; 
						}
					
					#main .content .copyblock1 a {
						color: #1E71B8; 
						}
						
						#main .content .copyblock1 a:hover {
							color: #00ACEC; 
							}
					
					#main .content .copyblock1 .readmore {
						margin-top: 5px; 
						color: #5ba746; 
						}
						
						#main .content .copyblock1 .readmore a {
							text-decoration: none; 
							color: #5ba746; 
							}
							
							#main .content .copyblock1 .readmore a:hover {
								text-decoration: underline; 
								}
						
					#main .content .copyblock1 .page-column {
						width: 240px; 
						float: left; 
						margin-right: 30px; 
						margin-bottom: 20px; 
						line-height: 20px; 
						}					
					
					#main .content .copyblock1 img {
						padding: 5px 10px 15px 20px;
						}
					
					#main .content .copyblock1 h1 {
						font-size: 24px; 
						color: #1e71b8; 
						line-height: 31px; 
						margin: 0px; 
						margin-bottom: 7px; 
						padding: 0px; 
						font-weight: normal; 
						}
						
					#main .content .copyblock1 .breadcrumbs {
						clear: both; 
						margin-top: 8px; 
						color: #5ba746; 
						}
						
						#main .content .copyblock1 .breadcrumbs a {
							color: #5ba746; 
							text-decoration: none; 
							}
							
							#main .content .copyblock1 .breadcrumbs a:hover {
								text-decoration: underline; 
								}


				#main .content .techdata-table {
					font-size: 13px; 
					margin-top: 15px;
					}
					
					#main .content .techdata-table table {
						border-collapse: collapse;
						border: none;  
						border-width: 0px; 
						}
						
						#main .content .techdata-table tr {
							background: transparent url(../pix-fsi/space-dots.gif) repeat-x scroll left 100%; 
							}
						
						#main .content .techdata-table td {
							font-size: 11px; 
							text-align: center !important; 
							vertical-align: bottom; 
							border: none; 
							padding-top: 7px; 
							padding-bottom: 7px; 
							}
					
					#main .content .techdata-table .readmore {
						margin-top: 5px; 
						color: #5ba746; 
						}
						
						#main .content .techdata-table .readmore a {
							text-decoration: none; 
							color: #5ba746; 
							}
							
							#main .content .techdata-table .readmore a:hover {
								text-decoration: underline; 
								}
					
					#main .content .techdata-table img {
						padding: 5px 10px 15px 20px;
						position: relative; 
						top: 17px; 
						!position: static; 
						
						}
					
					#main .content .techdata-table h1 {
						font-size: 24px; 
						color: #1e71b8; 
						line-height: 40px; 
						margin: 0px; 
						padding: 0px; 
						font-weight: normal; 
						}
						
					#main .content .techdata-table .breadcrumbs {
						clear: both; 
						margin-top: 8px; 
						color: #5ba746; 
						}
						
						#main .content .techdata-table .breadcrumbs a {
							color: #5ba746; 
							text-decoration: none; 
							}
							
							#main .content .techdata-table .breadcrumbs a:hover {
								text-decoration: underline; 
								}
	
				#main .content .techdata-links {
					}
					
					#main .content .techdata-links {
						width: 100px !important; 
						}

						
				#main .content .newscopyblock {
					font-size: 13px; 
					margin-top: 12px;
					margin-left: 29px; 
					margin-right: 50px; 
					line-height: 20px; 
					}
					
					#main .content .newscopyblock .datetime {
						color: #00ACEC !important; 
						}
					
					#main .content .newscopyblock a {
						color: #000; 
						}
						
						#main .content .newscopyblock a:hover {
							color: 5BA746; 
							}					
					
					#main .content .newscopyblock img {
						padding: 5px 10px 15px 20px;
						}
					
					#main .content .newscopyblock h1 {
						font-size: 22px; 
						color: #1e71b8; 
						margin: 0px; 
						margin-bottom: 10px; 
						padding: 0px; 
						font-weight: normal; 
						line-height: 30px; 
						}
					
					#main .content .newscopyblock .breadcrumbs {
						margin-top: 8px; 
						color: #5ba746; 
						}
						
						#main .content .newscopyblock .breadcrumbs a {
							color: #5ba746; 
							text-decoration: none; 
							}
							
							#main .content .newscopyblock .breadcrumbs a:hover {
								text-decoration: underline; 
								}
					
					#main .content .newscopyblock .emphasis-3 p {
						margin: 0px; 
						padding: 0px; 
						}
					
					#main .content .newscopyblock .page-column {
						width: 240px; 
						float: left; 
						margin-right: 18px; 
						margin-bottom: 20px; 
						}
				
				
				#main .content .top-news-article {
					font-size: 13px; 
					margin-top: 15px;
					margin-bottom: -10px; 
					margin-right: 45px; 
					font-size: 16px; 
					line-height: 28px; 
					color: #898B8D; 
					}

					#main .content .top-news-article .datetime {
						color: #00ACEC !important; 
						}
					
					#main .content .top-news-article .headline {
						color: #1E71B8; 
						font-size: 22px; 
						}
					
					#main .content .top-news-article img {
						padding: 5px 10px 15px 20px;
						}
					
					#main .content .top-news-article h1 {
						font-size: 24px; 
						color: #1E71B8; 
						margin: 0px; 
						margin-bottom: 10px; 
						padding: 0px; 
						font-weight: normal; 
						line-height: 30px; 
						}
					
					#main .content .top-news-article .page-column {
						width: 240px; 
						float: left; 
						margin-right: 18px; 
						margin-bottom: 20px; 
						}
					
					#main .content .top-news-article .readmore {
						margin-top: 5px; 
						color: #00ACEC; 
						}
						
						#main .content .top-news-article .readmore a {
							text-decoration: none; 
							color: #00ACEC; 
							}
							
							#main .content .top-news-article .readmore a:hover {
								text-decoration: underline; 
								}
									
				#main .content .second-news-article {
					font-size: 13px; 
					margin-top: 15px;
					}
					
					#main .content .second-news-article img {
						padding: 5px 10px 15px 20px;
						}
					
					#main .content .second-news-article h1 {
						font-size: 24px; 
						color: #1e71b8; 
						margin: 0px; 
						margin-bottom: 10px; 
						padding: 0px; 
						font-weight: normal; 
						line-height: 30px; 
						}
						
					#main .content .second-news-article .headline {
						color: #1E71B8; 
						font-weight: bolder; 
						line-height: 17px; 
						margin-bottom: 7px; 
						}
						
					#main .content .second-news-article .datetime {
						color: #00ACEC !important; 
						margin-bottom: 12px; 
						margin-top: 11px; 
						padding: 0px; 
						}	
						
					#main .content .second-news-article .page-column {
						width: 240px; 
						float: left; 
						margin-right: 30px; 
						margin-bottom: 20px; 
						line-height: 20px; 
						}
						
						#main .content .second-news-article .page-column img {
							width: 225px; 
							height: auto; 
							padding: 0px 0px 5px 0px !important;
							}
							
					#main .content .second-news-article .readmore {
						margin-top: 5px; 
						color: #00ACEC; 
						}
						
						#main .content .second-news-article .readmore a {
							text-decoration: none; 
							color: #00ACEC; 
							}
							
							#main .content .second-news-article .readmore a:hover {
								text-decoration: underline; 
								}
											
											

				#main .content .copyblock2 {
					font-size: 13px; 
					margin-top: 15px; 
					margin-left: 254px; 
					}
					
				#main .content .rescopyblock1 {
					font-size: 13px; 
					margin-top: 15px;
					margin-left: 160px;
					}					
										
			.dots { /* puts the dots in place */
				background: transparent url(../pix-fsi/space-dots.gif) repeat-x scroll left 100%; 
				height: 1px; 
				margin-top: 25px; 
				!margin-top: 10px; 
				margin-bottom: 15px; 
				}
			
	#footer {
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 11px;
		color: #000;
		vertical-align: middle;
		}
		
		#footer a {
			color: #000; 
			text-decoration: none; 
			}
			
			#footer a:hover {
				text-decoration: underline; 
				}

.sidebar-content {
	margin-top: 13px;
	}

	.sidebar-linkblock {
		font-size: 11px;
		line-height: 18px;
		color: #005193;
		background: url('../pix-fsi/space-dots.gif') repeat-x scroll left 100%;
		padding-bottom: 5px;
		padding-top: 3px; 
		width: 160px; 
		}
		
		.sidebar-linkblock .item {
			}
		
			.sidebar-linkblock .item a {
				color: #1E71B8;	
				text-decoration: none;
				}
				
				.sidebar-linkblock .item a:hover {
					text-decoration: underline; 
					}
	
	.sidebar-simpleblock {
		font-size: 12px;
		line-height: 15px;
		padding-bottom: 5px;
		}
		
		.sidebar-simpleblock .item {
			margin-top: 2px; 
			margin-bottom: 2px; 
			}
		
			.sidebar-simpleblock .item  a {
				color: #1E71B8;
				text-decoration: none;
				}
			
			.sidebar-simpleblock .item .sublink {
				margin-left: 10px; 
				margin-top: 2px; 
				color: #00ACEC !important;
				}
				
				.sidebar-simpleblock .item .sublink a {
					color: #00ACEC !important; 
					}
				
			.sidebar-simpleblock .item .currentsublink {
				font-weight: bolder; 
				}
	
.readmore {
	font-size: 13px;
	line-height: 30px;
	color: #448F35;
	}

.container-tools {
	border: 1px solid #ddd; 
	background-color: #eee; 
	font-size: 11px !important; 
	padding: 3px; 
	margin: 3px; 
	}
	
.container-preview {
	border: 1px solid #ddd !important; 
	background-color: #e8cece; 
	font-size: 11px !important; 
	padding: 3px; 
	margin: 3px; 
	}


/* EDITOR STYLES HERE */




.underline-blue {
	color: #008EC6;
	background: url('../pix-fsi/space-dots.gif') repeat-x scroll left 100%;
	padding-bottom: 1px;
	}
	
.emphasis-1 {
	font-size: 24px; 
	line-height: 40px; 
	color: #1e71b8; 
	}

.emphasis-2 {
	font-size: 19px; 
	line-height: 30px; 
	color: #898b8d; 
	}
	
	.emphasis-2-superscript {
		font-size: 12px; 
		line-height: 30px; 
		color: #898b8d; 
		vertical-align: super; 
		}

.emphasis-2-green {
	font-size: 19px; 
	line-height: 30px; 
	color: #1E71B8; 
	}
	
.emphasis-3 {
	font-size: 15px; 
	line-height: 30px; 
	color: #00ACEC; 
	}	

.emphasis-4-green {
	color: #1E71B8;
	}
	
	.emphasis-4-green-rightalign {
		color: #1E71B8;
		text-align: right; 
		}

.emphasis-4 {
	color: #1e71b8;
	}
	
	.emphasis-4-rightalign {
		color: #1e71b8;
		text-align: right; 
		}

.image-grid {
	}
	
	img.image-grid {
		width: 125px; 
		height: auto; 
		vertical-align: middle; 
		margin: 13px;
		margin-right: 20px; 
		}
			
.column-break {
	display: none; 
	}

.column-header {
	width: 200px; 
	height: 25px; 
	color: #1E71B8; 
	font-weight: bolder; 
	}