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



#header {
		width:940px;
		height:135px;
	}

	#header a#logo {
		float:left;
		display:block;
		width:315px;
		height:110px;
		background: url(images/metacomet-systems.gif) top left no-repeat;
		text-indent:-9999px;
	}

#header a.logo {
	float:left;
	display:block;
	width:315px;
	height:110px;
}

	#header ul#nav {
		float:right;
		display:block;
		padding: 30px 0 15px 265px;
		width:360px;
		height:35px;
		list-style:none;
	}

		#header ul#nav li {
			display:inline;
		}

			#header ul#nav li a {
				float:left;
				display:block;
				width:90px;
				height:35px;
				line-height:35px;
				color:#623a12;
				background: url(images/homepage/nav-button.gif) top left no-repeat;
				text-align:center;
				text-decoration:none;
				font-size:14px;
				font-weight:bold;
			}
	
				#header ul#nav li a.left {
					background-image: url(images/homepage/nav-button-left.gif);
				}
	
				#header ul#nav li a.right {
					background-image: url(images/homepage/nav-button-right.gif);
				}
	
				#header ul#nav li a:hover {
					background-position: 0 -35px;
				}
	
		#header form#search {
			float:right;
		}

			#header form#search input#search-text {
				float:left;
				display:block;
				padding:5px;
				width:150px;
				height:15px;
				line-height:15px;
				color:#1f517b;
				background: url(images/homepage/search-text.gif) top left no-repeat;
				border:0;
			}

			#header form#search input#submit {
				cursor:pointer;
				float:left;
				display:block;
				width:60px;
				height:25px;
				line-height:25px;
				color:#623a12;
				background: url(images/homepage/search-button.gif) top left no-repeat;
				border:0;
				text-align:center;
				text-decoration:none;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
			}

				#header form#search input#submit:hover {
					background-position: 0 -25px;
				}

		#banner .left {
			float:left;
			width:5px;
			height:120px;
			background: url(images/homepage/banner-left.gif) top left no-repeat;
		}

		#banner .middle {
			float:left;
			padding-top:32px;
			width:930px;
			height:88px;
			background: url(images/homepage/banner-middle.gif) top left repeat-x;
		}

			#banner .middle h2 {
				float:left;
				display:block;
				padding-right:40px;
				width:525px;
				line-height:34px;
				color:#85582a;
				text-align:right;
				text-shadow: 1px 1px 0 #ffffff;
				font-size:28px;
				font-weight:bold;
				margin-top:-5px;
			}

			#banner .middle a {
				float:left;
				display:block;
				padding: 8px 60px 0 0;
				width:290px;
				height:47px;
				color:#623a12;;
				background: url(images/homepage/banner-button.gif) top left no-repeat;
				text-align:right;
				text-decoration:none;
				font-size:16px;
			}

				#banner .middle a:hover {
					background-position: 0 -55px;
				}

		#banner .right {
			float:left;
			width:5px;
			height:120px;
			background: url(images/homepage/banner-right.gif) top left no-repeat;
		}

	#leftcol {
		float:left;
		padding-top:35px;
		width:720px;
	}

		#leftcol h1 {
			display:block;
			padding: 0 20px 23px 0;
			width:700px;
			height:20px;
			color:#356c9a;
			background: url(images/homepage/bg-h2.gif) top left no-repeat;
			text-align:center;
			font-size:17px;
			font-weight:bold;
		}

		#leftcol a {
			float:left;
			display:block;
			margin: 0 20px 20px 0;
			padding: 15px 15px 0 15px;
			width:190px;
			height:125px;
			color:#000;
			background: url(images/homepage/button.gif) top left no-repeat;
			text-align:center;
			text-decoration:none;
			text-transform:none; /* uppercase; */
			font-size:14px;
			font-weight:bold;
			line-height:14px;
		}

			/*#leftcol a img {
				margin:0;
				padding:0;
			}*/

			#leftcol a .title {
				display:block;
				height:25px;
				width:190px;
				line-height:25px;
			}

			#leftcol a:hover {
				color:#442505;
				background-position: 0 -140px;
			}

	#rightcol {
		float:left;
		padding-top:20px;
		width:220px;
	}
	
	#rightcol a {
		color:#00447c;
		font-weight:bold;
		text-decoration:underline;
	}
	
	#rightcol a:hover {
		text-decoration:none;
	}

		#rightcol .top {
			width:220px;
			height:10px;
			background: url(images/body-page/rightcol-top.gif) top left no-repeat;
		}

		#rightcol .middle {
			width:220px;
			background:#e0effb;
		}

			#rightcol .middle p {
				display:block;
				padding: 10px 20px 0 20px;
				width:180px;
				height:120px; /* fixes testimonial area height -- adust or comment out to provide verticle flexibility with testimonials */
				color:#333; /*#356c9a;*/
				font-size:13px;
			}

				#rightcol .middle p .citation {
					display:block;
					padding: 10px 0 0 15px;
					font-weight:bold;
					font-style:italic;
					font-size:12px;
				}

			#rightcol .middle .divider {
				margin: 10px 0;
				width:220px;
				height:2px;
				background: url(images/body-page/rightcol-divider.gif) top left no-repeat;
			}

			#rightcol .middle h3 {
				padding-bottom:5px;
				padding-left:10px;
				padding-right:10px;
				color:#000; /*#285375;*/
				text-align:center;
				font-size:12px;
				font-weight:bold;
			}
			
			#rightcol .middle a .community {
				padding-bottom:10px;
				text-align:center;
				font-size:12px;
				font-weight:bold;
				font-style:italic;
			}
			
			#rightcol .middle a:hover {
				text-decoration:none;
			}


		#rightcol .bottom {
			margin-bottom:20px;
			width:220px;
			height:10px;
			background: url(images/body-page/rightcol-bottom.gif) top left no-repeat;
		}


		#box-940px .top {
			width:940px;
			height:10px;
			background: url(images/homepage/940px-top.gif)
		}

		#box-940px .middle {
			width:940px;
			background:#e0effb;
		}

			#box-940px .middle .left {
				float:left;
				height: 120px;
				padding: 0 20px;
				width:680px;
			}

				#box-940px .middle .left h4 {
					display:block;
					height:24px;
					line-height:20px;
					color:#85582a; /*#356c9a;*/
					text-align:center;
					text-transform:none;  /* uppercase; */
					font-size:14px;
					font-weight:bold;
					text-shadow: 1px 1px 0 #ffffff;
				}

				#box-940px .middle .left p {
					display:block;
					height:40px;
					color:#333; /*#356c9a;*/
					font-size:11px;
				}

			#box-940px .middle .right {
				float:left;
				width:220px;
			}

				#box-940px .middle .right a {
					display:block;
					margin: 35px 0;
					width:200px;
					height:40px;
					line-height:40px;
					color:#623a12;
					background: url(images/homepage/button-bottom.gif) top left no-repeat;
					text-align:center;
					text-decoration:none;
					text-transform:uppercase;
					font-size:14px;
					font-weight:bold;
				}

					#box-940px .middle .right a:hover {
						background-position: 0 -40px;
					}

		#box-940px .bottom {
			width:940px;
			height:10px;
			background: url(images/homepage/940px-bottom.gif)
		}