div.heightt {
	height:150px;
	margin:0; padding:0;
	display:block;

}
div.heighttf {
	height:250px;
	margin:0; padding:0;
	display:block;	

	
}
.csc-frame-frame1 {
	height:275px;
}

html {

	height: 100.02%;

}

body {

	margin: 0; padding: 0;
	font-size: 10px;
	background-image:url(../images/bg_pattern.gif);

}

img a {

	border: none;

}

#o_container {

	width: 817px;
	margin: 0 auto 0 auto; 
	padding: 21px;
}



#i_container {

	padding: 21px; padding-bottom: 50px;
	height: 550px;
	background-image:url(../images/bg_graphic.jpg);
	background-repeat: no-repeat;

}

	#i_container.products {

		background-image:url(../images/bg_products_header.jpg);
		background-repeat: no-repeat;
		padding-bottom: 50px; margin-bottom: 21px;
		height: auto;

}


/* -------< banner >------ */

#banner {

	background-color: transparent;
	padding: 11px 18px 11px 12px;

}

#banner .text_area {

	background-color:transparent;
	height: 75px;

}

#banner .text_area h1 {

	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	font-style: italic;
	margin: 8px 0 0 15px;
	float: left;
	
}

#banner .image {

	width: 120px; height: 73px;
	border: 1px solid #b9bcbd;
	background-color:#fff;
	float: right;

}

#banner .image .middle {

	width: 120px; height: 73px;
	border: 1px solid #b9bcbd;
	margin: 0 17px; padding: 0;
	background-color:#fff;
	float: right;

}

#topimages {
	
	width: auto; height: 73px;
/*	border: 1px solid #b9bcbd;
	background-color:#fff;*/
	float: right;
	
}

.logo {

	width: 143px; height:73px;
	background-image: url(../images/logo.jpg);
	float: left;

}

.clear {

	clear: both;

}

/* -------< / banner >------ */

/* -------< main navigation >------ */

#main_nav {

	height: 27px;
	margin: 6px 0; padding: 6px 0 0;
	background-image:url(../images/bg_nav.jpg);
	background-repeat:repeat-x;
	

}

#main_nav ul { /* apply to all lists within the navigation bar */
		
			padding: 0;
			margin: 0; margin-left: 160px;
			list-style: none;
		
		}
		
		#main_nav a {
		
			padding: 0 15px;
			color: #000;
			display: block;
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			
		}
		
		#main_nav li { /* all list items */
			float: left;
			padding: 0;
			margin: 0; 
			/* width needed or else Opera goes nuts */
			font-size: 1.2em;
			border-right: 1px solid #000;
		
		}
		
		#main_nav li.last {

			border-right: none;
		
		}

		
		#main_nav li ul { /* second-level lists */
			border-right: none;
			position: absolute;
			background: #dbce9f;
			padding: 0; margin: 0;
			width: 180px;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		}
		
		#main_nav ul ul li {
		
			border: none;
		
		}
		
		#main_nav li ul a {
			
			padding: 5px 10px 5px 5px;
			margin: 0;
			width: 165px;
			color: #000;
			font-size: 0.8em;
			text-decoration: none;
			border-right: none;
			border-bottom: 1px solid #fff;
			
		}
		
		#main_nav li ul ul li {
		
			border: none;
		
		}
		
		#main_nav li ul a:hover {
		
			background-color: #dcd5bf;
			width: 165px;
		
		
		}
			
		
		#main_nav li ul ul { /* third-and-above-level lists */
			margin: -1em 0 0 10em;
			background-color: #dcd5bf;
			width: 150px;
		}
		
		#main_nav li ul ul li {
		
			border: none;
		
		}
		
		
		#main_nav li ul ul a { /* these styles are for the grandchildren of the main_nav list items */
		
			padding: 3px 0 3px 5px;
			color: #000;
			width: 145px;
			border: none;
			text-decoration: none;
			font-size: 11px;

		
		}
		
		#main_nav li ul ul a:hover {
		
			background-color: #fff;
			width: 145px;
			border: none;
			color: #000;
		
		}
		
		#main_nav li:hover ul ul,  #main_nav li.sfhover ul ul {
			left: -999em;
		}
		
		#main_nav li:hover ul,  #main_nav li li:hover ul,  #main_nav li.sfhover ul,  #main_nav li li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}
		
		#main_nav li:hover, #main_nav li.hover {
    		position: static; }
		
		/* ------< drop downs >----- */



/* -------< / main navigation >------ */

/* -------< content >------ */

#content {

	background-color: transparent;
	padding: 24px 10px 16px 19px;

}

/*	#i_container.products #content {
	
		background-color: transparent;
		padding: 24px 10px 16px 0;
	
	}*/

#content h1 {

	padding: 0; margin: 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	
}

#content h2 {

	padding: 0; margin: 0;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	
}

	#i_container.home #content_menu {
	
		height: 27px; width: 100%;
		background-image:url(../images/bg_nav.jpg);
		background-repeat:repeat-x;
		margin: 11px 0; padding: 0;
		
	}

#content_menu {

	height: 27px; width: 100%;
	background-image:url(../images/bg_nav.jpg);
	background-repeat:repeat-x;
	margin: 0 0 11px; padding: 0;
	border: none;
	
}

#content_menu h1 {

	margin: 0 10px; padding: 6px 0;
	border: none;

}

.content_image {

	border: 1px solid #b9bcbd;
	height: 117px; width: 100%;
	background-color: #fff;
	padding: 0; margin: 0;

}

.content_image.middle {

	border: 1px solid #b9bcbd;
	height: 117px; width: 100%;
	background-color: #fff;
	padding: 0; margin: 14px 0;

}

	#i_container.home .content_image {
	
		border: 1px solid #b9bcbd;
		height: 200px; width: 100%;
		background-color: #fff;
		padding: 0; margin: 0;
	
	}
	
	#i_container.products .content_image {
	
		border: 1px solid #b9bcbd;
		height: 121px; width: 100%;
		background-color: #fff;
		padding: 0; margin: 0;
	
	}
	
	#i_container.products .content_image.middle {
	
		border: 1px solid #b9bcbd;
		height: 121px; width: 100%;
		background-color: #fff;
		padding: 0; margin: 14px 0;

	
	}

#cl, #cm, #cr p {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color:#000;
	text-align: left;

}

#cl p a, #cm p a, #cr p a {

	color: #0d6eb7;
	text-decoration: none;

}

#cl p a:hover, #cm p a:hover, #cr p a:hover {

	text-decoration: underline;

}

#cl, #cm, #cr, h1 {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0; padding: 0;
	color:#000;

}

#cl {

	margin: 0 24px 15px 0;
	padding: 0;
	width: 174px;
	float: left;
	
}


	#i_container.products #cl #sub_nav {
	
		height:27px;
		margin:0 20px 11px 0;
		padding:0;
		width:auto;
		
	}
	
	#i_container.products #cl #sub_nav ul {
	
		margin: 0; padding: 0;
		width: auto;
	
	}
	
	#i_container.products #cl #sub_nav h1 {
	
		background-image:url(../images/bg_sub_nav.jpg);
		background-repeat:repeat-x;
		list-style-type: none;
		height:27px;
		margin:0 20px 0 0;
		padding:6px 0 0 5px;
		width: 100%;
		
	}
	
	#i_container.products #cl #sub_nav li a {
	
		font-family:Arial,Helvetica,sans-serif;
		font-size:1.2em;
		font-weight:bold;
		margin: 0 10px;
	
	}

#cm {

	margin: 0 24px 15px 0;
	padding: 0;
	width: 344px;
	float: left;
	
}

#cr {

	margin: 0 0 15px 0;
	padding: 0;
	width: 170px;
	float: left;

} 

	#i_container.products #cr li {
	
		list-style-type: url(images/graphic_cr_bullet.png);
	
	}

h4 {
	font-size:1.2em;
	width:170px;
	margin:0;
	padding:0px;
}
#cr h1, h4 {
	background-image:url(../images/backgrounds/rightcol-head.gif);
	background-repeat:repeat-x;
	height:20px;
	padding-top:7px;
	padding-left:10px;
	border: none;
	
}


#cr ul {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	padding: 0; margin: 0;
	color: #000;

}

#cr ul li {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	list-style-image: url(../images/graphic_cr_bullet.png);
	padding: 0; margin: 7px 17px;
	color: #000;

}

	#i_container.home {
		
		padding-bottom:50px;
	
	}
	
	#i_container.home #cl{
	
		margin: 10px 24px 15px 0;
		padding: 0;
		width: 271px;
		float: left;
		
	} 
	
	#i_container.home #cm {
	
		margin: 10px 24px 15px 0;
		padding: 0;
		width: 271px;
		float: left;
		
	}
	
	#i_container.home #cr {
	
		margin: 10px 0 15px 0;
		padding: 0;
		width: 134px;
		float: left;
	
	} 
	
	#i_container.home #cl h1, #i_container.home #cm h1, #i_container.home #cr h1 {
		background-image:url(../images/backgrounds/rightcol-head.gif);
		background-repeat:repeat-x;
		height:20px;
		padding-top:7px;
		padding-left:10px;
		margin-right: 2px;
	}


/* -------< / content >------ */




/* -------< footers >------ */

#o_footer {

	margin: 0; padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	clear: both;
	
}

#o_footer .logos {

	float: right;
	width: 300px;
	margin-top: -15px;

}

#o_footer .logos img {

	float: right;

}

#o_footer h1 {

	padding: 0; margin: 3px 0 2px 3px;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;

}

#o_footer ul {

	margin: 0; padding: 0;

}

#o_footer ul li {

	display: inline;
	float: left;
	color: #000;
	text-decoration: none;
	padding: 0; margin: 0;
	border-right: 1px solid #000;

}

#o_footer a {

	color: #000;
	text-decoration: none;

}

#o_footer ul li a, #o_footer ul li a:visited {

	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;'
	margin: 0;
	padding: 0 10px;
	text-decoration: none;

}


#o_footer ul li a.first {

	padding-left: 3px;

}

#o_footer .last {

	border-right: none;

}

/* -------< / footers >------ */