/* Global Layout */


body 
{
font-size: 13px;
margin: 0px;
text-align: center;
background: #000 url(../img/home/newnewback.jpg) no-repeat top center fixed;
color: #bfbfbf;
font-family:  "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

#wrap{
	position: relative;
	margin: auto;
	width: 950px;
}

#header_wrap {border-bottom:0px;background-color:#000000;}
#footer_wrap {border-top:0px;margin-top:20px;background-color:#000000;}



/*
	#head{
		position: relative;
		height: 45px;	
	}
	
		#logo{
			position: absolute;
			top: 0px;
			left: 0;
			height: 51px;
			width: 175px;
			text-indent: -9999em;
			background: url(../img/home/logo.gif) top center no-repeat;
		}
		
		
		#nav{
			position: relative;
			float: left;
			padding: 5px 0 0 200px;
		}
		
			#nav li{
				float: left;
				padding-right: 16px;	
			}
			
			#nav li a{
				float: left;
				color: #fff;
				font-weight: bold;
				padding: 8px 4px 6px 4px;	
			}
			
			#nav li a:hover, #nav li.active a{
				color: #87C03D;
				text-decoration: none;
			}
		
		*/
		
		#head p{
			position: relative;
			float: right;
			margin:0;
			border-top:0;
			border: 1px solid #323232;	
			background: #252525;
			padding: 5px 10px 0 10px;	
			-moz-border-radius: 4px;
		}
		
			#head strong{
				float: left;
				color: #fff;
				font-weight: bold;	
				padding: 8px 4px 6px 4px;	
			}
			
			#head a{
				float: left;
				text-decoration: none;
				color: #5987D6;
				font-weight: bold;
				margin: 0 5px 0 5px;
				padding: 8px 4px 6px 4px;	
			}

	
	#top{
		position: relative;
		padding-top: 24px;
		height: 44px;
	}
	
		#top form{
			float: right;
			height: 35px;			
			padding: 9px 31px 0 31px;
			-moz-border-radius: 10px 10px 0 0;
			-webkit-border-radius: 10px 10px 0 0;
			border-radius: 10px 10px 0 0;
			background: url(../img/home/search-bg.gif) top left;
		}
		
		#top .text{
			float: left;
			width: 194px;
			padding: 4px 10px 4px 10px;
			height: 22px;
			line-height: 22px;
			border: 0;
			color: #777;
			font-size: 14px;
			background: url(../img/home/search-text-bg.gif) top left no-repeat;
		}
		
		#top .submit{
			float: left;
			height: 22px;
			width: 23px;
			margin-left: 14px;
			border: 0;
			background: url(../img/home/search-btn-bg.gif) top left no-repeat;
			cursor: pointer; cursor: hand;
		}
		
		#top a{
			float: left;
			padding: 6px 0 0 0;
			height: 28px;
			width: 230px;
			margin: 10px 4px 0 2px;
			background: url(../img/home/teb-bg-2.gif) top left;
			font-size: 20px;
			font-weight: bold;
			color: #000;
			text-transform: lowercase;
			-moz-border-radius: 8px 8px 0 0;
			-webkit-border-radius: 8px 8px 0 0;
			border-radius: 8px 8px 0 0;
			text-decoration: none;	
		}
		
		#top a.active, #top a:hover {
			color: #555;
			background: url(../img/home/teb-bg-2-26.gif) top left;
		}
	
	
	
	#splash{
		position: relative;
		height: 387px;	
		background: url(../img/home/splash-bg.jpg) top left;
	}
	
		#splash h1{
			float: left;
			height: 68px;
			width: 555px;
			text-indent: -9999em;
			margin: 27px 0 0 33px;
			background: url(../img/home/h1-bg.png) center no-repeat;
		}
		
		#signup{
			position: relative;
			float: right;
			height: 54px;
			width:  250px;
			text-indent: -9999em;
			margin: 32px 34px 0 0;
			background: url(../img/home/get-account.png) top left no-repeat;
		}
		
		a#signup:hover {background-position:0px -53px;}
		
		#frame{
			position: absolute;
			bottom: -66px;
			left: -12px;
			height: 349px;
			width: 647px;			
			z-index: 100;
			background: url(../img/home/frame.png) top left no-repeat;
		}
		
			#frame img{
				display: block;
				position: absolute;
				left: 59px;
				top: 38px;
			}
			
		
		#featured{
			position: relative;
			float: right;
			width: 290px;
			padding-top: 20px;
			margin-right: 12px;
		}
		
			.module{
				position: relative;
				border: 1px solid #F3F4F3;
				-moz-box-shadow: 0 0 3px #B9CCD6;
				-webkit-box-shadow: 0 0 3px #B9CCD6;
				box-shadow: 0 0 3px #B9CCD6;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
				border-radius: 8px;
				padding: 12px 0 5px 0;
				background: #F6F5F6 url(../img/home/module-bg.gif) bottom left repeat-x;
			}
			
				.module h2, .module h5{
					position: relative;
					width: 260px;
					padding: 8px 0 0 25px;
					height: 37px;
					color: #fff;
					font-weight: bold;
					font-size: 16px;
					text-align: left;
					margin-left: 10px;	
					background: url(../img/home/sb-title-1.png) top left no-repeat;
				}
				
				.module h5.alt{
					background: url(../img/home/sb-title-2.png) top left no-repeat;
				}
				
				.module p img{
					position: relative;
					display: block;
					margin: auto;
					padding: 5px;
					background: #fff;
					border: 1px solid #A9A9A9;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
				}
				
				.module p{
					position: relative;
					overflow: hidden;
					padding: 2px 12px;
				}

				span.plain_txt {
					color: #333;
					text-align: left;
					padding: 0px;
					font-family: "arial" sans-serif;
					font-size: 10px;
				}
				
				#featured strong{
					float: left;
					font-size: 13px;
					padding-left: 10px;
					line-height: 28px;
					color: #8B004D;
					font-weight: bold;
					text-shadow: 0 1px 0 #fff;
				}
				
				.module a.more{
					float: right;
					height: 28px;
					width: 65px;
					line-height: 28px;
					text-align: center;
					font-size: bold;
					font-size: 14px;
					color: #fff;
					text-shadow: 0 -1px 0 #2C5FDC;
					background: url(../img/home/more-btn.gif) center no-repeat;
				}



	
	#page{
		position: relative;
		background: #fff;
		-moz-border-radius: 0 0 14px 14px;
		padding-bottom:10px;
	}
	
	
		#sidebar  {
		float:right;
		margin-right:20px;
		padding-top:20px;
		width:300px;
}
		
			#sidebar .module{
				margin-bottom: 18px;				
				-moz-box-shadow: 0 0 3px #555;
				-webkit-box-shadow: 0 0 3px #555;
				box-shadow: 0 0 3px #555;
			}
			
			.rated{
				margin-right: 12px;
				position: relative;
				text-align: left;
				border-top: 1px solid #D5D6D6;
				border-bottom: 1px solid #FDFDFD;
			}
			
				.rated li{
					position: relative;
					overflow: hidden;
					padding: 3px 10px 4px 8px;
					border-top: 1px solid #FDFDFD;
					border-bottom: 1px solid #D5D6D6;
				}
				
				.rated li p{
					padding:0;
					font-size: 11px;
					color: #515151;	
				}
				
				.rated li p strong{
					font-weight: bold;
					color: #000;
				}
				
				.member-count{
					float: right;
					height: 19px;
					width: 20px;
					font-size: 11px;
					font-weight: bold;
					padding-top: 3px;
					color: #2B59A3;
					text-align: center;
					background: #fff;
					border: 1px solid #B1B1B1;				
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					border-radius: 2px;
					margin-top: 5px;
					margin-left:5px;
				}
				
				.rated-image{
					float: left;
					padding: 2px;
					background: #fff;	
					border: 1px solid #C0C0C0;
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					border-radius: 2px;
					-moz-box-shadow: 0 0 2px #aaa;
					-webkit-box-shadow: 0 0 2px #aaa;
					box-shadow: 0 0 2px #aaa;
					margin-right: 10px;
					margin-top: 2px;
				}
				
					.rated-image img{
						float: left;
						border: 1px solid #B4B0A9;
					}
					
					.rated li a{
						font-size: 12px;
						color: #8B004D;
						text-decoration: none;
						text-shadow: 0 1px 0 #ffffff;
						font-family: "arial", sans-serif;
						line-height: 12px;
						padding-top: 3px;
						vertical-align: middle;
					}
				
				.module .see-more{
					float: right;
					height: 28px;
					width: 80px;
					padding-left: 8px;
					line-height: 25px;
					text-align: center;
					font-size: bold;
					font-size: 14px;
					color: #fff;
					text-align: left;
					text-shadow: 0 -1px 0 #2C5FDC;
					background: url(../img/home/see-more-btn.gif) center no-repeat;
				}
			
				#list{
					position: relative;
					text-align: left;
				}
				
					#list p{
						position: relative;
						overflow: hidden;
						padding: 0 0 11px 16px;
					}		
					
					#list label{
						color: #8B004D;
						font-size: 15px;
						font-weight: bold;
						display: block;	
					}
					
					#list .text{
						position: relative;
						height: 24px;
						padding: 3px 10px 3px 10px;
						width: 194px;
						line-height: 24px;
						color: #777;
						border: 0;
						background: url(../img/home/list-text-bg.gif) top left no-repeat;
					}
					
					#list .submit{
						float: right;
						height: 24px;
						width: 68px;
						border: 0;
						text-indent: -9999em;
						margin-right: 20px;
						background: url(../img/home/join-btn.gif) top left no-repeat;	
						cursor:hand;cursor:pointer;
					}
					
					#list p.follow-box{
						margin-right: 12px;
						padding: 7px 0 3px 16px;
						border-top: 1px solid #FBFBFB;
						-moz-box-shadow: 0 -1px 0 #CBCACB;
					}
					
					a.follow{
						float: right;
						text-indent: -999em;
						background: url(../img/home/follow-btn.gif) top left no-repeat;
						height: 28px;
						width: 99px;
					}
					
					.follow-box strong{
						float: left;
						font-size: 11px;
						font-weight: bold;
						padding-top: 5px;
						color: #757575;
					}
					
					
	
	
		#content  {
		float:left;
		padding:38px 0 20px 32px;
		width:580px;
		}
		
			.tri{
				position: relative;
				color: #2B2B2B;
				font-size: 14px;
				overflow: hidden;
				text-align: left;
			}
			
				.tri li{
					float: left;
					width: 180px;
					padding: 18px 0 0 6px;
					border-left: 1px solid #E3E3E3;
				}
				
				.tri li h3{
					padding: 8px 0 8px 55px;
					font-size: 22px;
					color: #10336D;
					font-weight: bold;
				}
				
				.tri1 h3{
					background: url(../img/home/tri1.gif) left center no-repeat;
				}
				.tri2 h3{
					background: url(../img/home/tri2.gif) left center no-repeat;
				}
				.tri3 h3{
					background: url(../img/home/tri3.gif) left center no-repeat;
				}

					.tri1a h3{
						background: url(../img/home/target1.gif) left center no-repeat;
					}
					.tri3a h3{
						background: url(../img/home/track1.gif) left center no-repeat;
					}
				
				.tri li p{
					padding-left: 55px;
					margin-top: -5px;
				}

		
		#groups{
			position: relative;
			margin: 30px 0 24px 0;
			background: url(../img/home/group-bg.png) top left no-repeat;	
		}
			.groups-list, .sponsors-list{
				display: none;
			}
			
			.groups-list:first-child, .sponsors-list:first-child {
				display: block;
			}
		
			#groups-top, #sponsors-top {
				position: relative;
				padding: 10px 0 5px 0;
				overflow: hidden;	
			}
			
				#groups-top h4, #sponsors-top h4{
					float: left;
					padding-left: 18px;
					font-size: 18px;
					font-weight: bold;
					color: #1A3F7E;
					text-shadow: 0 1px 0 #fff;	
				}
				
				#groups-top ul, #sponsors-top ul{
					float: right;
					padding-right: 18px;
					padding-top: 3px;	
				}
				
					#groups-top li, #sponsors-top li{
						float: left;
						padding-left: 5px;	
					}
					
					#groups-top li a, #sponsors-top li a {
						float: left;
						height: 19px;
						line-height: 20px;
						padding: 0 10px 0 10px;
						-moz-border-radius: 9px;
						-webkit-border-radius: 9px;
						border-radius: 9px;
						color: #fff;
						font-size: 11px;
						font-weight: bold;
						text-shadow: 0 -1px 0 #1A3F7E;
						border: 1px solid #4377CA;
						text-decoration: none;
						background: url(../img/home/group-btn.gif) center left;
					}
					
					#groups-top li a.active, #groups-top li a:hover, #sponsors-top li a.active, #sponsors-top li a:hover{
						background: url(../img/home/group-btn-active.gif) center left;
						border: 1px solid #DAEFF9;
						color: #1A3F7E;
						text-shadow: 0 -1px 0 #fff;
					}
					
			
			#the-groups, #the-sponsors{
				position: relative;
				height: 248px;
				overflow: hidden;
			}
			
				.groups-list, .sponsors-list{
					overflow: hidden;
					padding-left: 10px;
				}
			
				.groups-list li, .sponsors-list li{
					float: left;
					width: 171px;		
					margin: 0 8px 0 8px;
				}
				
					.groups-list li p, .sponsors-list li p{
						position: relative;
						display: block;
						padding: 4px;
						background: #fff;
						border: 1px solid #B1CAD4;	
						-moz-box-shadow: 0 0 3px #B1CAD4;
						-webkit-box-shadow: 0 0 3px #B1CAD4;
						box-shadow: 0 0 3px #B1CAD4;
						margin-bottom:0;
					}
					
					.groups-list li p a, .sponsors-list li p a{
						position: relative;
						display: block;
						height: 200px;
						width: 159px;
						border: 1px solid #7F7F7F;	
						background: #AAAAAA;
						text-decoration: none;
							overflow:hidden;
					}
					
					.groups-list li p a span, .sponsors-list li p a span{
						position: absolute;
						bottom: 0;
						left: 0;
						width: 150px;
						padding: 5px 0 5px 9px;
						background: #797979;
						color: #fff;
						text-decoration: none;
						font-weight: bold;
						font-size: 12px;
						border-top: 1px solid #969696;
						text-shadow: 0 1px 0 #222;
						text-align: left;
						-moz-box-shadow: 0 -1px 0px #575757;
						-webkit-box-shadow: 0 -1px 0px #575757;
						box-shadow: 0 -1px 0px #575757;
					}
					
					.groups-list li strong, .sponsors-list li strong{
						text-align: left;
						display: block;
						padding: 3px 0 0 12px;
						font-size: 11px;
						color: #10336D;
						text-shadow: 0 1px 0 #fff;
						font-weight: bold;
					}
				
							.groups-list li p a img, .sponsors-list li p a img{
								height: 200px;
								width: 159px;
							}
				
				
			#group-change{
				position: relative;
				height: 29px;	
			}
			
				#group-change li{
					position: relative;
					float: left;	
				}
				
				#group-change li a{
					float: left;
					text-indent: -9999em;
					height: 26px;	
					margin-top: 3px;
				}
				
				#group-change li a.active{
					height: 29px;
					margin-top: 0;
				}
				
				#gc1{
					width: 54px;
					background: url(../img/home/tab1.gif) bottom left no-repeat;
				}
				
				#gc2{
					width: 67px;
					background: url(../img/home/tab2.gif) bottom left no-repeat;
				}
			
			.entry{
				position: relative;
				font-size: 14px;	
				text-align: left;
				color: #444;	
			}
			
				.entry h4{
					font-size: 18px;
					font-weight: bold;
					color: #1A3F7E;
					text-shadow: 0 1px 0 #fff;	
				}
				
				.entry p{
					line-heighte: 1.4em;
					padding: .5em 0 .5em 0;;	
				}
				
				.entry hr{
					height: 1px;
					background: #C2C2C5;
					padding:0;
					border:0;
					margin: 2px;
				}
				
				.entry a.learn-more{
					float: left;
					height: 27px;
					width: 80px;
					line-height: 23px;
					font-size: bold;
					font-size: 12px;
					color: #fff;
					text-align: left;
					padding-left: 6px;
					text-shadow: 0 -1px 0 #61B705;
					background: url(../img/home/learn-more-btn.gif) center no-repeat;
				}
				



#foot{
	position: relative;
	background: #000;
	margin-top: 14px;
}				


	#footer{
		position: relative;
		padding: 20px 0 75px 75px;	
		overflow: hidden;
		text-align: left;
		width: 875px;
		margin: auto;
				color: #fff;	
	}
	
		.foot-box{
			float: left;
			width: 198px;
			line-height: 1.6em;
		}
		
			.foot-box h6{
				padding-bottom: 6px;
				font-weight: bold;
				color: #5FBD1F;	
				font-size: 1.1em;
			}
			
			.foot-box a{
				color: #fff;	
			}
			
			.foot-box p{
				font-weight: bold;
			}