@import url("/css/screen_globals.css");
@import url("/css/superfish_combo.css");

#banner { 	
	width: 100%;
	height: 292px;
	background: #65b629 url("../images/bg_banner_home.jpg") no-repeat top center;
}


	#banner_wrap {
		position: relative;
		margin: 0 auto;
		width: 978px;	
		height: 292px;
		color: #fff;
	}
	
	
		#banner_wrap h1 {
			font-size: 3em;
			margin: 8px 16px;
		}
		
		
		#banner_wrap h2 {
			font-size: 1.9em;
			margin: 8px 16px;
		}
		
		
		#banner_wrap p {
			font-size: 12px;
			margin: 8px 16px;
		}
	
	
		#feature {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 11;
			width: 700px;
			height: 292px;
			margin: 0 0 0 8px;
		}
		
		#feature a img {
			border: none;
		}
		
		#news_mod {
			position: absolute;
			top: 0;
			right: 4px;
			z-index: 12;
			width: 322px;
			height: 246px;
			margin-top: 16px;
		}
			
		div#news_mod h4 {
			float: left;
			margin: 0;
			padding: 16px 0 0 0;
			font-size: 18px;
			color: #ffffff;
			line-height: 1em;
			text-transform: uppercase;
		}
		
				#news_mod .news_mod_head {
					width: 290px;
					margin: 0 16px;
				}
				
				#news_mod .news_mod_head p {
					float: right;
					padding: 18px 0 0 0;
					font-size: 12px;
					margin: 0;
				}
			
			#news_mod ul {
				margin: 0 16px;
				padding: 8px 0 8px 0;
				font-size: 12px;
				color: #fffff;
			} 
			
			#news_mod ul li {
				padding: 8px 0;
				list-style: none;
				line-height: 18px;	
				border-top: 1px dotted #9dde60;
				vertical-align: bottom;
			}
			
			#news_mod ul li a {
				width: 270px;
				display: block;
				text-decoration: underline;
				color: #ffffff;
			}			

			#news_mod ul li a:hover {
				color: #d8edc4;
				text-decoration: none;
			}	
		
			#news_mod a {
				color: #ffffff;
				text-decoration: underline;
			}
			
			#news_mod a:hover {
				text-decoration: none;
			}


#content {
	width: 100%;
	background-color: #fff;
}


	#content_wrap {
		margin: 0 auto;
		width: 968px;
	}
	
	
		#content_wrap h2 {
			font-size: 2em;
			margin: 0 16px 12px 16px;
		}

		div#left_col h3.left {
			margin: 0 0 0 16px;
			padding: 0 0 0 0;
			font-size: 18px;
			font-weight: bold;
			color: #4d4d4d;
			line-height: 1em;
		}
		
		#content_wrap p {
			font-size: 12px;
			line-height: 18px;
			color: #636466;
			margin: 0 16px 15px 16px;
		}
		
		#content_wrap a {
			text-decoration: underline;
			color: #f53e00;
		}
			
		#content_wrap a:hover {
			text-decoration: none;
		} 
			
		#left_col {
			width: 323px;
			position: relative;
			float: left;
			padding: 22px 0 16px 0;			
		}
		 
		#middle_col { 
			position: relative;
			width: 307px;
			float: left;
			padding: 22px 0 16px 16px;
		}
			
			#middle_col ul {
				width: 307px;
				margin: 0;
				padding: 0;
				font-size: 12px;
				color: #636466;
			}
			
				#middle_col ul li {
					padding: 0 0 0 16px;
					background: transparent url("/images/li_red_arrow.jpg") no-repeat 0 7px;
					list-style: none;
					line-height: 18px;
				}
			
		
		#right_col {
			position: relative;
			float: right;
			width: 322px;
			padding: 12px 0 16px 0;
		}
			
			#right_col .feat_mod {
				margin: 0 0 32px 0;
				width: 322px;
				height: 168px;
				background: transparent url("/images/bg_feat_mod.jpg") no-repeat 0 0;
			}
			
				#right_col .feat_mod h4 {
					margin: 0 16px;
					padding: 16px 0 0 0;
					font-size: 18px;
					color: #4d4d4d;
				}
				
				#right_col img.feat_mod_left {
					width: 23px;
					float: left;
					padding: 24px 16px 32px 16px;
				}
				#right_col img.feat_mod_right {
					width: 23px;
					float: right;
					padding: 24px 16px 32px 16px;
				}
			
			
			
			#alliances {
				position: relative;
				float: left;
				margin: 0;
				padding: 0 0 32px 0;
				width: 970px;
				height: 50px;
				background: transparent url("/images/bg_alliances.jpg") no-repeat 10px 0;
			}
			
				#alliances ul {
					position: relative;
					width: 835px;
					margin-left: 100px;
				}
				
				#alliances ul li {
					margin: 0;
					padding: 0;
					list-style: none;
					float: left;
				}
				
				#alliances ul li.last {
					padding-right: 15px;
				}
				
				#alliances ul li a {
					text-decoration: none;
				}
				
				#alliances ul li a img {
					border: none;
				}