@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - COMPONENTS : 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jj_components.css
	Date:			Jul 27, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	#altCol .header {
		height:26px;
		background:url(../../images/bg_altColCap.png) 0 bottom repeat-x;
	}
		#altCol .header h3 {
			padding:0 10px 0 0;
			display:block;
			float:left;
		}
		#altCol .header a.more {
			margin:4px 0 0 0;
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
			text-decoration:none;
			float:left;
		}
			#altCol .header a.more:hover {
				color:#ff8700;
			}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#latestPhotos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#latestPhotos {
		width:330px;
		margin:0 0 20px 0; padding:0 0 1px 0;
		background:url(../../images/bg_altColCap.png) 0 bottom repeat-x;
	}
		#latestPhotos .header h3 {
			width:134px; height:17px;
			background:url(../../images/h1_latestPhotos_15px.png) 0 0 no-repeat;
		}
		#latestPhotos ul {
			width:311px;
			padding:15px 0 15px 19px;
			background:url(../../images/bg_altCol.png) 0 0 repeat-y;
		}
			#latestPhotos ul li {
				display:inline;
				float:left;
			}
			#latestPhotos ul li a {
				width:84px; height:84px;
				padding:2px; margin:0 1px 1px 0;
				display:block;
				text-align:center;
				background:#66625d;
			}
				#latestPhotos ul li a:hover {
					background:#7f7a74;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#latestMembers Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#latestMembers {
		width:330px;
		margin:0 0 20px 0; padding:0 0 1px 0;
		background:url(../../images/bg_altColCap.png) 0 bottom repeat-x;
	}
		#latestMembers .header h3 {
			width:230px; height:19px;
			padding:0;
			background:url(../../images/h3_communityLatestMembers.png) no-repeat;
		}
		#latestMembers .header a.more {
			margin:4px 0 0 0;
			font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			float:right;
		}
	#latestMembers ul {
		padding:9px 0 9px 28px;
		width:302px;
		background:url(../../images/bg_altCol.png) 0 0 repeat-y;
	}
		#latestMembers ul li {
			display:inline;
			float:left;
		}
		#latestMembers ul li a {
			width:50px; height:50px;
			padding:2px; margin:0 1px 1px 0;
			font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			display:block;
			text-align:center;
			background:#66625d;
		}
			#latestMembers ul li a:hover {
				background:#7f7a74;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#latestBlog Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#latestBlog {
		width:330px;
		margin:0 0 20px 0; padding:0 0 1px 0;
		background:url(../../images/bg_altColCap.png) 0 bottom repeat-x;
	}
		#latestBlog .header h3 {
			width:96px; height:20px;
			background:url(../../images/h3_latestBlog.png) 0 0 no-repeat;
		}
			#latestBlog ul {
				padding:5px 11px 0 11px;
				width:308px;
				background:url(../../images/bg_altCol.png) 0 0 repeat-y;
			}
				#latestBlog ul li {
					padding:0 0 17px 0;
					display:inline;
					float:left;
				}
					#latestBlog ul li span.date {
						margin:0 0 3px 0;
						font:normal 10px Verdana, Arial, Helvetica, sans-serif;
						color:#66625d;
						display:block;
					}
					#latestBlog ul li h4 {
					
					}
						#latestBlog ul li h4 a {
							font:normal 14px Arial, Helvetica, sans-serif;
							color:#f2efec;
						}
							#latestBlog ul li h4 a:hover {
								color:#ff8700;
							}
					#latestBlog ul li .paragraph, #latestBlog ul li .paragraph h1, #latestBlog ul li .paragraph h2, #latestBlog ul li .paragraph h3, #latestBlog ul li .paragraph h4, #latestBlog ul li .paragraph h5, #latestBlog ul li .paragraph h6 , #latestBlog ul li .paragraph span, #latestBlog ul li .paragraph font {
						width:280px; height:26px;
						font:11px Arial, Helvetica, sans-serif !important;
						overflow:hidden;
					}
						#latestBlog ul li p {
							height:26px;
							font:normal 11px Arial, Helvetica, sans-serif;
							color:#919191;
							overflow:hidden;
						}
					#latestBlog ul li .social {
						margin:3px 0 0 0;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
						color:#e27c0a;
					}
						#latestBlog ul li .social span.divider {
							color:#919191;
						}
						
/*	--------------------------------------------------------------------------------------------------------------------------
	#latestNews Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#latestNews {
		width:303px;
		margin:0 0 20px 0; padding:0 0 1px 0;
		background:url(../../images/bg_altColCap.png) 0 bottom no-repeat;
	}
		#latestNews .header h3 {
			width:102px; height:17px;
			background:url(../../images/h3_latestNews_15px.png) 0 0 no-repeat;
		}
			#latestNews ul {
				padding:5px 11px 0 11px;
				width:281px;
				background:url(../../images/bg_altCol.png) 0 0 repeat-y;
			}
				#latestNews ul li {
					padding:0 0 17px 0;
					display:inline;
					float:left;
				}
					#latestNews ul li span.date {
						margin:0 0 3px 0;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
						color:#6c5c53;
						display:block;
					}
					#latestNews ul li h4 {
					
					}
						#latestNews ul li h4 a {
							font:normal 14px Arial, Helvetica, sans-serif;
							color:#f2efec;
						}
							#latestNews ul li h4 a:hover {
								color:#ff8700;
							}
					#latestNews ul li p {
						height:26px;
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#908b86;
						overflow:hidden;
					}
					#latestNews ul li .social {
						margin:3px 0 0 0;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
						color:#e27c0a;
					}
						#latestNews ul li .social span.divider {
							color:#6c5c53;
						}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#latestVideos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#latestVideos {
		width:330px;
		margin:0 0 20px 0; padding:0 0 1px 0;
		background:url(../../images/bg_altColCap.png) 0 bottom repeat-x;
	}
		#latestVideos .header h3 {
			width:120px; height:17px;
			background:url(../../images/h3_latestVideos.png) 0 0 no-repeat;
		}
			#latestVideos ul {
				padding:10px 11px 0 11px;
				width:308px;
				background:url(../../images/bg_altCol.png) 0 0 repeat-y;
			}
				#latestVideos ul li {
					padding:0 0 9px 0;
					display:inline;
					float:left;
				}
					#latestVideos ul li .image {
						width:100px; height:75px;
						display:inline;
						float:left;
					}
					#latestVideos ul li span.date {
						width:170px;
						margin:0 0 3px 0;
						font:normal 10px Verdana, Arial, Helvetica, sans-serif;
						color:#66625d;
						display:block;
						float:right;
					}
					#latestVideos ul li h4 {
						width:170px;
						display:block;
						float:right;
					}
						#latestVideos ul li h4 a {
							font:normal 12px Arial, Helvetica, sans-serif;
							color:#f2efec;
						}
							#latestVideos ul li h4 a:hover {
								color:#ff8700;
							}
					#latestVideos ul li .social {
						width:170px;
						margin:3px 0 0 0;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
						color:#e27c0a;
						float:right;
					}
						#latestVideos ul li .social span.divider {
							color:#919191;
						}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#map Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#map {
		width:341px;
		margin:0 0 15px 0; padding:0 0 1px 0;
		background:url(../../images/bg_altColCap.png) 0 bottom repeat-x;
	}
		#map .header {
			height:53px;
		}
		#map .entry {
			width:330px; height:220px;
			padding:10px 0 10px 11px;
			background:url(../../images/bg_altCol_map.png) right top repeat-y;
			overflow:hidden;
		}
			#map .entry .title {
				height:45px;
			}
				#map .entry .title .text {
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#6c5c53;
				}
				#map .entry .title h4 {
					font:normal 16px Arial, Helvetica, sans-serif;
					color:#f2efec;
				}
			#map .entry #mapSmall {
				
				width:294px; height:175px;
			}
		#map .entry #bar {
			width:3px; height:240px;
			background:#000;
			position:absolute;
			margin:-10px 0 0 -13px;
		}