@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - SUGARLAND COMMUNITY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sugarland_communityJoin.css
	Date:			Jan 05, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav {
		background:url(../../images/nav_bg_community.jpg) 0px 6px no-repeat;
	}
	ul#nav li#navHome a {
		background-position:0 -92px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#commStatus {
		height:18px;
		margin:8px 0 0 0; padding:0 6px 0 0;
	}
	#commStatus a:link, #commStatus a:active, #commStatus a:visited {
		margin:0 0 0 10px;
		font:bold 11px Arial, Helvetica, sans-serif;
		color:#235869;
	}
		#commStatus a:hover {
			color:#dc4717;
		}
	#commHeader {
		width:867px; height:172px;
		margin:0 0 20px 0; padding:0 0 0 81px;
		background:url(../../images/communityHeader_bg.jpg) no-repeat;
		border-bottom:solid 2px #892c0d;
	}
		#commHeader ul {
			width:308px;
			margin:70px 0 0 0;
			float:left;
			list-style:none;
			color:#f5f1e6;
		}
			#commHeader ul li {
				padding:0 0 0 4px;
				background:url(../../images/list_square.gif) 0 10px no-repeat;
				font:bold 13px Arial, Helvetica, sans-serif;
				line-height:15px;
			}
				#commHeader ul li.title {
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#892c0d;
					background:none;
				}
		#commHeader .joinLink {
			margin:93px 0 0 0;
			float:left;
		}
			#commHeader .joinLink h2 {
				font:bold 14px Arial, Helvetica, sans-serif;
				color:#f5f1e6;
			}
			#commHeader .joinLink a.btn:link, #commHeader .joinLink a.btn:active, #commHeader .joinLink a.btn:visited {
				width:105px; height:35px;
				margin:5px 0 0 0;
				display:block;
				background:url(../../images/btn_joinNow.png) no-repeat;
			}
				#commHeader .joinLink a.btn:hover {
					background-position:bottom;
				}
				
				
/*	--------------------------------------------------------------------------------------------------------------------------
	join Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#join {
		color:#766044;
	}
		#join .titleBar {
			height:20px;
			padding:9px 0 0 9px;
		}
			#join .titleBar h1#h1_join {
				width:32px; height:12px;
				background: url(../../images/h1_join.png) no-repeat;
			}
		#join .contentBox {
			padding:13px;
			border-bottom:1px solid #aca394;
		}
			#join .joinBox {
				width:558px;
				padding:0px 0 20px 18px;
				background:#f5f1e6;
			}
				#join .joinBox label {
					font:normal 16px Georgia, "Times New Roman", Times, serif;
					color:#766044;
				}
				#join .joinBox .inputBox input {
					width:323px; height:19px;
					margin:4px 0 15px 0; padding:2px 0 0 2px;
					background:#dcd6c8;
					border:solid 1px #b6ae9d;
					font:normal 13px Arial, Helvetica, sans-serif;
					color:#766044;
				}
				#join .joinBox .birthBox {
					margin:3px 0 15px 0;
				}
					#join .joinBox .birthBox select {
						width:58px; height:21px;
						padding:1px 0;
						background:#dcd6c8;
						border:solid 1px #b6ae9d;
						font:normal 13px Arial, Helvetica, sans-serif;
						color:#766044;
					}
				#join .joinBox .genderBox {
					margin:7px 0 20px 0; padding:0 0 0 10px;
					font:normal 13px Arial, Helvetica, sans-serif;
				}
					#join .joinBox .genderBox input.female {
						margin:0 0 0 29px;
					}
					#join .joinBox .mobileBox input {
						width:323px; height:19px;
						margin:4px 0 9px 0; padding:2px 0 0 2px;
						font:normal 13px Arial, Helvetica, sans-serif;
						background:#dcd6c8;
						border:solid 1px #b6ae9d;
						color:#766044;
					}
				#join .joinBox p {
					width:446px;
					margin:0 0 6px 0;
					font:normal 12px Arial, Helvetica, sans-serif;
					line-height:17px;
				}
				#join .joinBox .zipBox input {
					width:173px; height:19px;
					margin:4px 0 15px 0; padding:2px 0 0 2px;
					font:normal 13px Arial, Helvetica, sans-serif;
					background:#dcd6c8;
					border:solid 1px #b6ae9d;
					color:#766044;
				}
				#join .joinBox label.zipCode {
					margin:17px 0 0 0;
					display:block;
				}
				#join .joinBox .countryBox {
					margin:4px 0 38px 0;
				}
					#join .joinBox .countryBox select {
						width:323px; height:21px;
						padding:1px 0;
						background:#dcd6c8;
						font:normal 13px Arial, Helvetica, sans-serif;
						border:solid 1px #b6ae9d;
						color:#766044;
					}
				#join .joinBox label.check {
					margin:0 0 11px 0;
					display:block;
				}
				#join .joinBox .checkBox {	
					margin:0 0 6px 10px;
				}
					#join .joinBox .checkBox input {
						width:15px; height:15px;
						margin:0 4px 0 0;
						float:left;
					}
					#join .joinBox .checkBox p {
						margin:0;
						font:normal 13px Arial, Helvetica, sans-serif;
						color:#766044;
						float:left;
					}
				#join .joinBox a.btn:link, #join .joinBox a.btn:active, #join .joinBox a.btn:visited {
					width:75px; height:23px;
					margin:37px 0 0 0; padding:6px 0 0 0;
					display:block;
					background:url(../../images/btn_75.png) top left no-repeat;
					color:#613300;
					font:bold 14px Arial, Helvetica, sans-serif;
					text-decoration:none;
					text-align:center;
				}
					#join .joinBox a.btn:hover {
						background-position:bottom;
						color:#14407d;
					}
