/********* HTML tag styles **************************/ 
body{
	position: absolute; /* bb 3/4/04  */
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial,sans-serif;
	font-size: 62.5%; /* bb 8/19/04 - reduce default medium size to 10px */
	color: #333333;
	background: #D9D9D9;
}

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body * a img {
	border: 0px;
}

h1, h2, h3, h4, h5, h6 {
	color: #555956;
}

h1{
	font-size: 1.6em;
	color: #555956;
}

h2{
	font-size: 1.2em;
	color: #555956;
}

h3, h4, h5 {
	font-size: 100%;
	color: #555956;
}

.headingbig {
	font-size: 1.6em;
	color: #555956;
	font-weight: bold;
}

.headingmedium {
	font-size: 1.2em;
	color: #555956;
	font-weight: bold;
}

.headingsmall {
	font-size: 1em;
	color: #555956;
	font-weight: bold;
}

.title {
	font-style:italic;
}

ul{
	list-style-type: square;
}

ul ul{
	list-style-type: disc;
}

ul ul ul{
	list-style-type: none;
}

/********** page container ***********************/
#container {
	position: relative; /* bb - 3/4/04  */
	margin-top: 0px;
	padding: 0px;
	background: transparent;
}

/********** layout containers **********************/
#masthead {
	position: relative; /* bb - 3/4/04  */
	margin: 0px;
	padding: 0px;
	width: 760px;
	background-color: #fcfcf8;
}

		#masthead img {
			display: block;
			position: relative;
		}

		#sitename{
			display: block; /* bb - 7/20/04 */
			position: relative; /* bb - 3/4/04  */
			margin: 0px;
			padding: 0px;
		}

		#masthead .submenudivider {
			margin: 0;
			padding: 0px;
			height: 1px;
			background: #FCFCF8;	
		}
		
				#masthead .submenudivider img {
					clear: both;
					float: left;
					margin: 0px;
					padding: 0px;
					height: 1px;
				}

#masttextmenu {  /* only relevant if browser uses text menus instead of Flash 6 menu */
	margin: 0px;
	padding: 0 0 1px 10px;
	font-size: 10px; /* MUST BE static size for menus to remain true to form */
	font-weight: bold;
	text-decoration: none;
	background: #FCFCF8;
	text-align: center;
	vertical-align: middle;
}

		#masttextmenu a {
			font-size: 10px; /* MUST BE static size for menus to remain true to form */
			text-align: center;
			vertical-align: middle;
			text-decoration: none;
			color: #7293C6;
		}

		#masttextmenu a:hover {
			font-size: 10px; /* MUST BE static size for menus to remain true to form */
			text-align: center;
			vertical-align: middle;
			text-decoration: none;
			color: #AEC1DD;
		}

		#masttextmenu img {
			margin: 0;
			padding: 0;
			float: left;
			/* hide from Mac IE \*/
			display: inline; /* finish Mac IE hiding */
		}

		#masttextmenu .currently {
			color: #AEC1DD;
		}

				#masttextmenu .currently a {
					text-decoration: none;
					color: #AEC1DD;
				}
		
				#masttextmenu .currently a:hover {
					text-decoration: none;
					color: #7293C6;
				}

#subtextmenu { /* only relevant if browser uses text menus instead of Flash 6 menu */
	margin: 0 0 0 150px;
	padding: 0;
	font-size: 10px; /* MUST BE static size (not em for resizable) for menus to remain true to form */
	font-weight: bold;
	text-decoration: none;
	color: #AFBF00;
	background: #FCFCF8;
	text-align: center;
	vertical-align: middle;
}

		#subtextmenu a {
			text-decoration: none;
			color: #AFBF00;
		}

		#subtextmenu a:hover {
			text-decoration: none;
			color: #CFD580;
		}

		#subtextmenu .currtext {
			text-decoration: none;
			color: #CFD580;
		}

				#subtextmenu .currtext a {
					text-decoration: none;
					color: #CFD580;
				}

				#subtextmenu .currtext a:hover {
					text-decoration: underline;
					color: #AFBF00;
				}

#submenulinks {
	position: relative;
	float: left;
	/* hide from Mac IE \*/
	display: inline; /* finish Mac IE hiding */
	margin: 0;
	padding: 3px 0px 1px 0px;
	width: 760px; 
	height: 20px;
	text-align: left;
	vertical-align: middle;
	background: #FCFCF8;	
}

		#submenulinks a {
			text-decoration: none;
		}

		#submenulinks a:hover {
			text-decoration: underline;
		}

		#submenulinks img {
			position: relative;
			float: left;
			padding: 0px 1px 0px 1px;
		}

.submenufiller {
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 760px; 
	height: 20px;
	background: #FCFCF8;	
}

/********** content containers **********************/
#content{
	clear: both; /* bb 8/24/04 - added to stop content from covering submenu thumbs in NS 7.1+ and Safari */
	position: relative; /* bb - 3/4/04  */
	display: block;
	margin: 0px;
	padding: 0px;
	width:760px;
	background: #ffffff;
	text-align: left;
}

.upper{
	position: relative; /* bb - 3/4/04  */
	display: block; /* bb - 7/20/04 added to clean up Mac IE5 */
	margin: 0px;
	padding: 0px 0px 0px 18px;
	text-align: left;
	background: #ffffff;
}

		/** lefthand content **/
		.upper .left {
			float: left;
			display: block;
			margin: 0px;
			padding: 16px 0px 0px 0px;
			width: 336px;
			text-align: left;
			background: #ffffff;
		}
		
				.upper .left h1{
					margin: 0px;
					padding: 0px;
					font-size: 4em;
					color: #555956;
					font-weight:normal;
				}

				.upper .left em{
					font-size: 1.6em;
				}
				
				.upper .left .copy {
					margin: 0px 10px 10px 0px;
					padding: 0px;
					font-family:Verdana, Arial, sans-serif;
					color: #555956;
					line-height: 16px;
					text-align: left;
				}
				
				.upper .left .copystretch {
					margin: 0px;
					padding: 10px 10px 0px 0px;
					font-family:Verdana, Arial, sans-serif;
					font-size: 1.3em;
					line-height: 1.6em;
					text-align: left;	
				}
				
				.upper .left img {
					display: block;
					margin: 0px 10px 10px 0px;
					padding: 0px;
				}

				.upper .left .copystretch .headingsmall em{
					font-size: 1.1em;
				}
				
						/** middle content (basically, a spacer consisting of a vertical dotted line **/
				.upper .middle {
					float: left;
					margin: 10px 0px 10px 0px;
					padding: 0px;
					width: 1px;
					background: #ffffff;
				}
				
						/** righthand content **/
				.upper .right {
					float: left;
					margin: 11px 0px 0px 0px;
					padding: 0px 10px 0px 10px;
					width:383px;
					text-align: left;
					background: #ffffff;
				}
				
						.upper .right .copy {
							margin: 0px 5px 5px 0px;
							padding: 0px;
							font-family:Verdana, Arial, sans-serif;
							color: #555956;
							font-size: 1.1em;
							line-height: 16px;
							text-align: left;
						}

								.upper .right .copy a {
									font-size: 1em;
									color: #006699;
									text-decoration: none;
								}

								.upper .right .copy a:hover {
									font-size: 1em;
									color: #006699;
									text-decoration: underline;
								}

						.upper .right .copy .headingsmall {
							color: #555956;
							font-size: 1.1em;
							font-weight: bold;
						}
						
						.upper .right h1 {
							margin: 5px 10px 0px 10px;
							padding: 0px;
							color: #555956;
							text-align: center;	
						}
						
						.upper .right h1 a {
							color: #7391C8;
							text-decoration: none;
						}
						
						.upper .right h1 a:hover {
							color: #B9D300;
							text-decoration: underline;
						}
						
						.upper .right h2 {
							margin: 5px 10px 10px 10px;
							padding: 0px;
							text-align: center;	
						}
						
						.upper .right h3 {
							margin: 0px;
							padding: 0px;
							color: #555956;
							font-size: 1em;
							text-align: left;	
						}
						
						.upper .right .headingsmall {
							color: #555956;
							font-size: 1.1em;
							font-weight: bold;
						}
						
						.upper .right img {
							display: block;
							margin: 0px;
							padding: 0px;
						}
						
						.upper .right ul {
							margin: 0px;
							padding: 0px 0px 0px 10px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 1.1em;
							color: #555956;
							text-align: left;
							line-height: 16px;
							list-style-type:none;
						}
						
						.upper .right ul .process {
							line-height: 1.6em;
						}
						
						.upper .righttable {
							float: left;
							margin: 11px 0px 0px 0px;
							padding: 0px;
							width: 190px;
							text-align: left;
						}
						
						.upper .righttable ul {
							margin: 0px;
							padding: 0px 0px 0px 10px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 1.1em;
							color: #555956;
							text-align: left;
							line-height: 16px;
							list-style-type:none;
						}
						
						.upper .righttable ul .none {
							list-style-type:none;
						}
						
						.upper .righttablewide {
							float: left;
							margin: 11px 0px 0px 0px;
							padding: 0px;
							width: 380px;
						}

								.upper .righttablewide ul {
									margin: 0px;
									padding: 0px 0px 0px 10px;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-size: 1.1em;
									color: #555956;
									text-align: left;
									line-height: 16px;
									list-style-type:none;
								}
		
										.upper .righttablewide ul li a {
											font-size: 1em;
											color: #006699;
											text-decoration: none;
										}
										
										.upper .righttablewide ul li a:hover {
											font-size: 1em;
											text-decoration: underline;
										}
								
										.upper .righttablewide ul li .services {
											line-height: 1em;
										}
						
						.upper .right .slideshow {
							margin: 0px;
							padding: 0px 0px 0px 0px; /* 0px 10px 5px 20px */
							text-align: center;
							vertical-align: middle;
						}

#contact {
	margin: 0px 5px 5px 0px;
	padding: 0px;
	font-family:Verdana, Arial, sans-serif;
	color: #555956;
	font-size: 1em;
	line-height: 16px;
	text-align: left;
}
				
		#contact .formleft {
			clear: both;
			display: block;
			float: left;
			padding: 0px;
			width: 70px;
			font-style: italic;
			text-align: left;
			vertical-align: middle;
		}
		
		
		#contact .formright {
			display: block;
			float: left;
			padding: 0px;
			width: 105px;
			text-align: right;
			vertical-align: middle;
		}

/** content-divider: dashed line between upper & lower content **/
#content-divider {
	position: relative; /* bb - 3/4/04  */
	margin: 0px;
	padding: 0px;
	width: 760px;
	height: 1px;
}

		#content-divider img {
			clear: both;
			display: block;
		}

/** lower content **/
.lower {
	/* position: relative; bb - added on 3/4/04 to fix *something*, then removed 4/2/04 to fix safari */
	clear: both; /* bb - removed on 3/4/04 to fix *something*, then added back in 4/2/04 to fix safari */
	display: block;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 1em;
	background: #FCFCF8;
	text-align: left;
	width: 760px;
	height: 78px; /*bb - 3/?/04 added to cover full lower area with off white color - fxns in *most* browsers */
}

		.lower .project {  /* bb - 4/1/04 was originally an id, but changed to class to solve inheritance problems */
			float: left;
			display: block;
			padding: 10px 10px 0px 18px;
			margin: 0px;
			width: 340px;
			background: #FCFCF8;
			text-align: left;
			vertical-align: text-top;
		}

		.lower img{
			clear: both;
			float: left;
			display: block;
			margin: 0px;
			padding: 0px;
		}

#description {
	float: left;
	display: block;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	width: 340px;
	font-size: 1.1em;
	background: #FCFCF8;
	text-align: left;
	vertical-align: text-top;	
}

#contentnav {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	text-align: left;
	vertical-align: text-top;
	color: #7293C6;
	background-color: transparent;
}

		#contentnav a {
			margin: 0px;
			padding: 0px 1px 0px 1px;
			font-size: 1em; /* bb 8/19/04 - correct link resizing in Win IE 6 (and probably others...) */
			color: #7293C6;
			background-color: transparent;
		}

		#contentnav a:hover {
			font-size: 1em; /* bb 8/19/04 - correct link resizing in Win IE 6 (and probably others...) */
			text-decoration: underline;
		}
		
		#contentnav .currently {
			font-size: 1em; /* bb 8/19/04 - correct link resizing in Win IE 6 (and probably others...) */
			color: #cc6600;
		}

/************* #footer ***************/
#footer {
	position: relative; /* bb - 3/4/04  */
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 760px;
	height: 30px;
	font-size: 1em;
	font-weight: bold;
	color: #FAFBC3;
	background: #9FAA00;
	vertical-align: middle;
	text-align: center;
}

		#footer img {
			clear: both;
			float: left;
			/* hide from Mac IE \*/
			display: inline; /* bb 8/20/04 - this and all subsequent "display: inline" after "float: left" correct IE's left margin doubling */
			margin: 0px;
			padding: 0px;
		}

		#footer a {
			color: #FAFBC3;
			background: #9FAA00;
			text-decoration: none;
			font-size: 1em;
		}

		#footer a:hover {
			color: #FAFBC3;
			background: #9FAA00;
			text-decoration: underline;
			font-size: 1em;
		}

/************* #subnav *****************/
#subnav {
	margin: 10px 0px 0px 10px;
	padding: 0px;
	width: 760px;
	color:#FAFBC3;
	background: transparent;
	font-size: xx-small;
}

		#subnav .textmenu {
			float: left;
			margin: 0px;
			padding: 0px;
			width: 600px;
			color:#AFBF00;
			background: transparent;
			text-align: left;
			font-size: xx-small;
		}
		
				#subnav .textmenu a:link, a:visited, a:active {
					color:#AFBF00;
					background-color: transparent;
					text-decoration: none;
					font-size: xx-small;
				}
		
				#subnav .textmenu a:hover {
					text-decoration: underline;
				}
		
						#subnav .textmenu .subtext {
							margin: 0px;
							padding: 0px 0px 0px 15px;
							color:#AFBF00;
						}
		
						#subnav .textmenu .subtext a:link, a:visited, a:active{
							color: #AFBF00;
						}
		
						#subnav .textmenu .subtext a:hover {
							text-decoration: underline;
						}

		#subnav .tech {
			float: left;
			margin: 0px;
			padding: 0px;
			width: 120px;
			color:#AFBF00;
			background: transparent;
			text-align: right;
			font-size: xx-small;
		}
		
				#subnav .tech a {
					color:#0066CC;
					text-decoration: none;
				}
				
				#subnav .tech a:hover {
					text-decoration: underline;
				}