/*-----------------------------------------
	Basics - Testing
-----------------------------------------*/

html, body {
	height: 100%;
	width: 100%;
	min-width: 982px;
	background: url(images/bkgrd.jpg) center top no-repeat;
	text-align: center; /* hate ie... */
}	

.container {
	position: relative;
	width: 982px;
	margin: 0px auto;
	padding:0 0;
	text-align: left; /* hate ie... */
}

	.header,
	.content,
	.fullcolumn,
	.footer {
		position: relative;
		float: left;
		width: 100%;
	}
	
	.header { 
		height: 100px;
		background: url(images/header_bkgrd.gif) 0 bottom repeat-x;
	}
	
	.content {
		min-height: 450px;
		background: url(images/bkgrd_gradient-up.gif) 0 bottom repeat-x;
		background-position-y: none;
	}

		.fullcolumn {
			min-height: 450px;
			background: url(images/bkgrd_gradient-down.gif) 0 0 repeat-x;
		}
		
			.fullcolumn .pgcontent {
				padding: 33px;
				min-height: 384px;
				background: url(images/bkgrd_gradient-down.gif) 0 0 repeat-x;
			}
		
		.column1 {
			float: left;
			width: 208px;
			padding: 33px 20px;
			min-height: 450px;
			background: url(images/bkgrd_col1.gif) 0 0 no-repeat;
		}
		
		.column2 {
			float: left;
			width: 734px;
			padding: 0 0 0 2px;
			margin: 0 0 0 -2px;
			background: url(images/bkgrd_col2.gif) 0 0 no-repeat;
		}
		
			.column2 .pgcontent {
				float: left;
				width: 667px;
				padding: 33px;
				min-height: 384px;
				background: url(images/bkgrd_gradient-down.gif) 0 0 repeat-x;
			}
	
	.footer {
		border-top: 1px solid #6ebb1f;
	}




/*-----------------------------------------
	Header
-----------------------------------------*/

	.header a.logo {
		position: absolute;
		display: block;
		top: 32px;
		left:36px;
		width: 143px;
		height: 32px;
		text-indent: -9999px;
		overflow: hidden;
		background: url(images/header_logo.gif)  0 0 no-repeat transparent;
	}
	
	.header .primarynav {
		position: absolute;
		right: 20px;
		bottom: 4px;
		float: left;
		margin: 0;
		padding: 0 2px 0 0;
		background: url(images/header_nav_li-bkgrd.gif) right bottom no-repeat;		
	}
	
		.primarynav li {
			float: left;
			list-style: none;
			margin: 0;
			padding: 0 2px;
			background: url(images/header_nav_li-bkgrd.gif) 0 bottom no-repeat;
		}
		
			.primarynav li a {
				float: left;
				height: 38px;
				margin: 0;
				padding: 0 14px;
				line-height: 38px;
				font-size:14px;
				color: #8e9194;
				text-decoration: none;
			}
			
				.primarynav li a:hover {
					color: #6ebb1f;
				}
			
			.primarynav li.on a,
			.primarynav li.trail a {
				color: #6ebb1f;
				background: url(images/header_nav_li-on.gif) center bottom no-repeat;
			}
		
	.header .search_form {
		position: absolute;
		right: 20px;
		top: 20px;
		height: 22px;
		background: url(images/header_search_input.gif) 0 0 no-repeat;
	}
	
		.header .search_form label {
			position: absolute;
			top:3px;
			left:7px;
			color: #999;
		}
		
		.header .search_form input {
			float:left;
			width: 160px;
			margin:1px 2px;
			padding: 3px;
			border: 1px solid #fff;
			color: #999;
			font-family: Arial;
			font-size: 12px;
			line-height: 12px;
			height: 12px;
		}

		.header .search_form a {
			float:left;
			width: 23px;
			height: 22px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(images/header_search_btn.gif) 0 0 no-repeat transparent;
		}
		
			.header .search_form a:hover {
				background-position: 0 -22px;
			}


/*-----------------------------------------
	Secondary Navigation
-----------------------------------------*/


.column1 .subMenu {
	margin: 0 -20px 20px -20px;
	width: 100%;
}

	.column1 .subMenu ul ul {
		margin:0 20px;
	}
	

	.column1 .subMenu li {
		list-style: none;
		padding: 0 22px;
		margin: 0;
		background: none;
	}

		.column1 .subMenu li li {
			padding: 0 0 0 15px;
		}
	
		.column1 .subMenu li a {
			display: block;
			padding: 8px 0;
			font-size: 14px;
			line-height: 16px;
			color: #666666;
			text-decoration: none;
		}
		
			.column1 .subMenu li a:hover {
				color:#6ebb1f;
			}
			
			.column1 .subMenu li li a {font-size: 13px; padding: 6px 0;}
			.column1 .subMenu li li li a {font-size: 12px; padding: 4px 0;}
	
	.column1 .subMenu li.on{background: url(images/bullet_big.gif) left 10px no-repeat;}
		.column1 .subMenu li li.on {background: url(images/bullet_med.gif) left 9px no-repeat;}
			.column1 .subMenu li li li.on {background: url(images/bullet_sm.gif) left 8px no-repeat;}
	
	.column1 .subMenu li.on a,
	.column1 .subMenu li li.on a,
	.column1 .subMenu li li li.on a {
		color: #6ebb1f;
	}
	
	.column1 .subMenu li.on li a,
	.column1 .subMenu li li.on li a {
		color: #666;
	}
		.column1 .subMenu li.on li a:hover,
		.column1 .subMenu li li.on li a:hover {
			color: #6ebb1f;
		}

	.column1 .subMenu li.trail {background: url(images/bullet_big.gif) left 10px no-repeat;}
		.column1 .subMenu li li.trail {background: url(images/bullet_med.gif) left 9px no-repeat;}


/*-----------------------------------------
	Footer
-----------------------------------------*/

.footer {
	padding: 20px 0;
}

	.footer p {
		float: left;
		margin: 0 0 0 15px;
		color: #999;
		font-size: 11px;
		line-height: 16px;
	}

	.footer ul {
		float: right;
		margin: 0 15px 0 0;
	}
	
		.footer ul li {
			float: left;
			margin: 0;
			list-style: none;
			line-height: 16px;
			border-right: 1px solid #ccc;
		}

			.footer ul li a {
				padding: 0 8px;
				font-size: 11px;
				color: #666;
				text-decoration: none;
				line-height: 16px;
			}
			
				.footer ul li a:hover {
					color: #999;
					text-decoration: underline;
				}
		
		.footer ul li.soc {
			border-right: none;
		}
		
			.footer ul li.soc a {
				float: left;
				width: 16px;
				height: 16px;
				padding: 0;
				margin: 0 0 0 8px;
				text-indent: -9999px;
				overflow: hidden;
			}
						
			.footer ul a.rss { 		background: url(images/footer_soc-rss.gif) 0 0 no-repeat; }
			.footer ul a.blogger { 	background: url(images/footer_soc-blogger.gif) 0 0 no-repeat; }
			.footer ul a.facebook { background: url(images/footer_soc-facebook.gif) 0 0 no-repeat; }
			.footer ul a.twitter { 	background: url(images/footer_soc-twitter.gif) 0 0 no-repeat; }
			.footer ul a.digg { 	background: url(images/footer_soc-digg.gif) 0 0 no-repeat; }
				
				.footer ul li.soc a:hover { background-position: 0 -16px; }