.clear { clear: both; font-size: 0; height: 0; overflow: hidden; }
img.left { float: left; }
img.right { float: right; }

html { }

body {
background: #fff url(../image/sub_header_background.gif) no-repeat 0 104px;
color: #666;
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 19px;
}

	body.homepage {
	background: #fff url(../image/header_background.gif) no-repeat 0 104px;
	}
	
	body.popup {
	background: #fff;
	}

	a {
	color: #666;
	text-decoration: underline;
	}
	
		a:hover {
		color: #bc3557;
		}

#container {
min-height: 650px;
/*overflow-x: hidden;*/
width: 932px;
}

	#header {
	height: 104px;
	}
	
		h1.logo a {
		background: url(../image/logo.gif) no-repeat;
		cursor: pointer;
		display: block;
		height: 35px;
		margin-left: 1px;
		position: absolute;
			top: 30px;
		width: 144px;
		}
		
			h1.logo span { display: none; }
		
		#head_supp {
		float: right;
		font-size: 11px;
		position: relative;
		top: 16px;
		right: 12px;
		}
		
			#head_supp a {
			text-decoration: none;
			}
			
				#head_supp a:hover {
				color: #666;
				text-decoration: underline;
				}
		
			ul.top_nav {
			float: left;
			position: relative;
			right: -14px;
			}
			
				ul.top_nav li {
				background: url(../image/top_nav_sep.gif) no-repeat right 5px;
				display: inline;
				float: left;
				padding: 0 8px;
				}
				
					ul.top_nav li a { padding-top: 2px; }
					ul.top_nav li.first a { position: relative; top: 2px; }
				
					ul.top_nav li.location_usa {
					background: none;
					}
					
					ul.top_nav li.location_usa a {
					background: url(../image/usa.gif) no-repeat 0 0;
					float: left;
					height: 30px;
					padding-left: 41px;
					}
			
			#search {
			clear: both;
			position: relative;
			top: 6px;
			/*left: 5px;*/
			left: 66px;
			}
			
			#search input {
			border: 1px solid #ccc;
			color: #ccc;
			font-size: 11px;
			height: 12px;
			padding: 2px;
			position: relative;
			width: 156px;
			}
			
			#search img {
			display: inline;
			position: absolute;
			margin-left: 1px;
			}
	
	#flashcontent {
	clear: both;
	float: left;
	height: 115px;
	margin-bottom: 40px;
	padding-left: 182px;
	width: 750px;
	}
		
		.homepage #flashcontent {
		display: inline;
		height: 180px;
		margin-left: 183px;
		padding-left: 0;
		width: 567px;
		}
	
	#main {
	clear: both;
	float: left;
	width: 932px;
	}
	
		#sidebar {
		display: inline;
		float: left;
		margin: 0 20px 0 23px;
		width: 158px;
		}
		
			#new_feature {
			border-bottom: 1px solid #ccc;
			background: #66d2b4 url(../image/side_new.gif) no-repeat top center;
			margin-bottom: 35px;
			padding: 12px;
			padding-right: 20px;
			width: 126px;
			}
			
				#new_feature h2 {
				color: #fff;
				font: bold 18px Arial, Helvetica, sans-serif;
				margin-bottom: 8px;
				}
				
				#new_feature li {
				background: url(../image/white_feature_nav_arrow.gif) no-repeat 0 1px;
				line-height: 1.6em;
				padding: 0 0 6px 12px;
				}
				
				#new_feature a {
				color: #000;
				text-decoration: none;
				}
				
					#new_feature a:hover {
					text-decoration: underline;
					}
			
			ul.sub_nav {
			border-top: 1px solid #ccc;
			font-weight: bold;
			}
			
				ul.sub_nav li {
				border-bottom: 1px solid #ccc;
				padding: 2px 18px 2px 0;
				}
				
					ul.sub_nav li ul li {
					border: none;
					font-weight: normal;
					padding: 4px 0 2px 24px;
					}
				
				ul.sub_nav a {
				color: #797979;
				text-decoration: none;
				}
				
					ul.sub_nav a:hover, ul.sub_nav li.active a, ul.sub_nav li.active li a:hover {
					color: #00b482;
					}
					
						ul.sub_nav li.active li a {
						color: #666;
						}
			
			#sidebar img {
			margin-top: 20px;
			}
		
		#content {
		float: left;
		line-height: 1.65em;
		padding-bottom: 30px;
		position: relative;
		width: 730px;
		/*z-index: 100;*/
		}
		
		.layout2 #content {
		overflow: hidden;
		width: 530px;
		}
		
      .layout2 #content .video_caption a {
      text-decoration: none;
      }
      
        .layout2 #content .video_caption a:hover {
        text-decoration: underline;
        }
		
      .popup #content {
      width: 560px;
      }
		
			.print_icon {
			position: absolute;
			right: 3px;
			top: 24px;
			}
		
			#content h2 {
			color: #5a5a5a;
			font: normal 22px Arial, Helvetica, sans-serif;
			margin-bottom: 6px;
			}
			
				.homepage #content h2 {
				margin-bottom: 24px;
				}
			
			#content h3 {
			color: #00b482;
			font: normal 19px Arial, Helvetica, sans-serif;
			letter-spacing: -0.025em;
			margin-bottom: 18px;
			}
			
			#content p {
			margin-bottom: 24px;
			}
			
			#content ul {
			margin-bottom: 20px;
			}
			
				#content ul li {
				position: relative;
				background: url(../image/bullet_dash.gif) no-repeat 16px 8px;
				margin-bottom: 6px;
				padding-left: 28px;
				}
				
				#content ul.gray_arrow li {
          background: url(../image/arrow_closed.gif) no-repeat 0 7px;
          padding-left: 12px;
          }
          
          #content ul.gray_arrow li a {
          text-decoration: none;
          }
				
					#content ul ul {
					margin-bottom: 0;
					}
					
					.button_list {
					clear: both;
					float: left;
					width: 178px;
					}
					
					.button_list p.button, .button_list p.green_button {
					clear: both;
					display: block;
					margin-bottom: 24px;
					}
					
					.button_list p.button a, .button_list p.green_button a {
					width: 150px;
					}
					
			
			#content ul.arrow_list {
			float: left;
			}
			
				#content ul.arrow_list li {
				background: url(../image/red_arrow.gif) no-repeat 0 6px;
				clear: both;
				float: left;
				margin: 0;
				padding: 0 0 6px 14px;
				}
				
					#content ul.arrow_list.indent li {
					background: url(../image/red_arrow.gif) no-repeat 28px 6px;
					padding: 0 0 6px 42px;
					}
					
					#content .arrow_item {
					background: url(../image/red_arrow.gif) no-repeat 28px 6px;
					clear: both;
					margin-bottom: 12px;
					padding: 0 0 6px 42px;
					}
				
				#content ul.arrow_list a {
				text-decoration: none;
				}
				
					#content ul.arrow_list a:hover {
					text-decoration: underline;
					}
			
			p.intro {
			font-size: 16px;
			line-height: 1.5em;
			}
			
			#content p.list_open {
			font: bold 13px Arial, Helvetica, sans-serif;
			margin-bottom: 8px;
			}
			
			p.button {
			background: url(../image/button_right.gif) no-repeat right top;
			clear: both;
			display: inline;
			float: left;
			height: 25px;
			padding-right: 6px;
			}
			
				p.button a {
				background: url(../image/button_left.gif) no-repeat;
				display: block;
				float: left;
				font: bold 14px Arial, Helvetica, sans-serif;
				height: 25px;
				padding: 4px 4px 0 18px;
				text-decoration: none;
				}
			
			p.green_button {
			background: url(../image/button_green_right.gif) no-repeat right top;
			clear: both;
			display: inline;
			float: left;
			height: 25px;
			padding-right: 6px;
			}
			
				p.green_button a {
				background: url(../image/button_green_left.gif) no-repeat;
				color: #eee;
				display: block;
				float: left;
				font: bold 14px Arial, Helvetica, sans-serif;
				height: 25px;
				padding: 4px 4px 0 18px;
				text-decoration: none;
				}
				
          p.green_button a:hover {
          color: #fff;
          }
				
			#page_content {
			float: left;
			width: 530px;
			}
			
			#infobar {
			display: inline;
			float: right;
			margin-left: 20px;
			margin-top: 76px;
			width: 180px;
			}
			
        .layout2 #infobar {
        margin-top: 90px;
        }
			
				.product_image {
				border: 1px solid #ccc;
				width: 178px;
				}
				
					.product_image .name {
					border-top: 1px solid #ccc;
					border-right: 1px solid #ccc;
					background: #f2f2f2;
					float: left;
					font-size: 10px;
					line-height: 1.3em;
					padding: 0 4px;
					width: 156px;
					}
					
						#content .product_image p {
						margin: 0;
						padding: 0;
						}
						
						.product_image .name a {
						text-decoration: none;
						}
						
							.product_image .name a:hover {
							text-decoration: underline;
							}
					
					.product_image .search a {
					background: #fff;
					border-top: 1px solid #ccc;
					cursor: pointer;
					display: block;
					float: left;
					padding: 4px 1px;
					width: 11px;
					}
			
				.feature_expand {
				margin-top: 24px;
				}
				
				#content p.footnote { font-size: 10px; }
				
				ul.gray_arrow {
				margin: 24px 0;
				}
				
					.feature_expand a {
					text-decoration: none;
					}
					
						.feature_expand a:hover {
						text-decoration: underline;
						}
				
					.exp {
					margin-bottom: 6px;
					}
					
						.exp.open {
						background: url(../image/arrow_open.gif) no-repeat 0 7px;
						}
					
					#content p.arrow, .layout2 #infobar p.arrow {
					background: url(../image/red_arrow.gif) no-repeat 0 6px;
					float: left;
					margin-bottom: 10px;
					padding-left: 16px;
					}
					
						#content p.arrow.indent, .layout2 #infobar p.arrow.indent {
						background: url(../image/red_arrow.gif) no-repeat 16px 6px;
						padding-left: 32px;
						}
						
						.exp .exp_head {
						background: url(../image/arrow_closed.gif) no-repeat 0 6px;
						clear: both;
						cursor: pointer;
						font-weight: bold;
						padding-left: 12px;
						}
						
						.exp .expanded, .layout2 .exp .expanded {
						background: url(../image/arrow_open.gif) no-repeat 0 8px;;
						}
						
						.exp .exp_body, .layout2 .exp .exp_body {
						clear: both;
						}
						
						.exp .exp_body a {
						background: none;
						padding: 0;
						}
	
	#footer {
	display: inline;
	float: left;
	font-size: 11px;
	margin: 10px -3px 40px 201px;
	width: 730px;
	}
	
		#footer ul {
		clear: both;
		float: left;
		margin: 10px 0 2px;
		width: 730px;
		}
		
			#footer ul li {
			border-left: 1px solid #132e73;
			display: inline;
			float: left;
			padding: 0 6px;
			}
			
			#footer ul li.first {
			border-left: none;
			padding-left: 0;
			}
		
		#footer a {
		color: #132e73;
		text-decoration: none;
		}
		
			#footer a:hover {
			text-decoration: underline;
			}
			
		#footer p {
		clear: both;
		}

/* extra */

.org_holder {
display: inline;
float: left;
margin-right: 30px;
width: 210px;
}

	.org_logo {
	clear: both;
	text-align: center;
	margin-bottom: 12px;
	}
	
	.org_content {
	clear: both;
	text-align: center;
	}

.source { font-size: 11px; }

.formQuestion table { margin-top: 15px; }

a.noLink, a.noLink:hover {
	text-decoration: none;
	color: #666; 
	font-weight: bold;
}

ul.sitemap2 {
	margin-top: -15px;
}

.greenBold {
	font-weight: bold;
	color: #66d2b4;
}

ul.tight {
	margin-top: -20px;
	line-height: 1.2em;
}