/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Please use the structure in place 
	for all additional CSS elements.
	For new builds, tweak current
	values before continuing.. thx G
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	

	html, body {
		font: 12px/1.4em arial, Trebuchet MS, verdana, helvetica, tahoma, sans-serif;
		color: #767676;
		line-height: normal;
	}
	
	body {
		margin: 0;
		padding:20px 0 0 0;
		text-align: center;
		background:url(../images/home/heading.gif) top left repeat-x;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	.black{
		color:#000000;
	}
	
	.clear{
		clear:both;
		width:100%;
		float:left;
	}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	/* Default link styling */
	a {
		color: #000;
		text-decoration: none;
	}
	
	a:hover {
		color: #000;
		text-decoration: underline;
	}	
	
	/* Float an element left without a margin */
	.floatL {
		float: left;
		margin: 0;
	}
	
	/* Float an element right without a margin */
	.floatR {
		float: right;
		margin: 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		width:964px;
		margin:0 auto;
		text-align:left;
	}
	
	#content{
		float:left;
		clear:both;
		width:964px;
	}
	
	#left{
		width:702px;
		float:left;
		margin:0 0 9px 0;
		padding:0 0 20px 0;
		border:1px solid #e7e7e7;
		position:relative;
	}
	
	#right{
		width:243px;
		float:right;
		position:relative;
	}
	
	#bottom_banner{
		clear:both;
		float:left;
		width:964px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	form{
		margin:0 20px 0 10px;
	}
	
	form ul{
		list-style:none;
		margin:0;
		padding:0;
		float:left;
		clear:both;
		width:680px;
	}
	
		form ul li{
			margin:0;
			padding:0;
			float:left;
			width:680px;
			clear:both;
		}

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #adadad;
		float:left;
		width:200px;
		border:1px solid #ccc;
		padding:2px;
		margin:3px 0 0 0;
	}
	
	textarea{
		height:100px;
		width:350px;
	}
	
	select{
		width:206px;
	}
	
	select.multi{
		width:400px;
		color:#000000;
	}
	
	input#tandc, input.tandc{
		border:none;
		float:left;
		width:20px;
	}
	
	input.other_residents{
		float:left;
		width:20px;
		margin:10px 0 0 0;
	}
	
	input.radio{
		width:20px;
		float:left;
		margin:3px 0 0 220px;
	}
	
	input.radio_next{
		width:20px;
		float:left;
		margin:5px 30px;
		border:none!important;
	}
	
	div.radio_next{
		width:80px;
		float:left;
		margin:5px 0 5px 0;
		text-align:center;
	}
	
	input.button{
		width:111px!important;
		height:21px!important;
		border:none;
		margin:20px 60px 0 0;
		float:right;
	}
	
	label.tandc{
		float:left;
		width:590px;
		margin:0 0 0 10px;
		border:none;
	}
	
	label.radio{
		width:335px;
		float:left;
		color:#000000;
		margin:2px 0 0 10px;
	}
	
	label.option_list{
		float:left;
		margin:5px 0 5px 0;
	}
	
	input#rememeberme{
		width:15px;
		float:left;
		margin:0 10px 0 0;
	}

	label{
		margin:3px 0 0 0;
		padding:0;
		float:left;
		width:220px;
	}

	input#submit_it{
		width:54px;
		height:17px;
		margin:0 30px 0 0;
		padding:0;
	}

	#top_banner #login_box p{
		width:200px;
	}
	
	.lookup_address{float:left; margin:3px 0 0 0px;}
	
	.notes{ margin:6px 0 0 460px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	
	h1{
		color:#000000;
		font-size:1.4em;
		width:90%;
		margin:0;
		padding:10px;
		border-bottom:1px solid #d2de24;
	}
	
	h3{
		font-size:1.2em;
		margin:0 0 5px 0;
		padding:20px 0 0 0;
		clear:both;
	}
	
	p#logo{
		width:964px;
		height:106px;
		padding:0;
		margin:0;
		overflow:hidden;
		float:left;
	}
	
		p#logo a {
			display: block;
			margin: 0;
			padding: 0;
			width:201px;
			height:92px;
		}
	
	p#not_registered{
		background:url(../images/home/not_registered.gif) no-repeat;
		width:205px;
		height:14px;
		padding:0;
		margin:72px 15px 0 0;
		text-indent:-3000em;
		overflow:hidden;
		float:right;
	}
	
		p#not_registered a {
			display: block;
			margin: 0;
			padding: 0;
			width:205px;
			height:14px;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* REGISTER WELCOME STYLES  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#welcomeregister{
	text-align:center;
	border:1px solid #ccc;
	margin:10px 30px;
	padding:10px;

}

	#welcomeregister p{
		margin: 5px 0 10px 0;
	}
	
	#SPLSearchArea{
		float:left;
		width:400px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#login_box{
		background:url(../images/home/visit_your_street_login.gif) no-repeat;
		width:243px;
		height:243px;
		float:left;
		margin:10px 0 0 0;
		padding:0;
		color:#ffffff;
	}
	
		#login_box p{
			margin:20px 0 0 20px;
			padding:0;
			width:190px;
			float:left;
		}
		
		#login_box p a{
			color:#d2de24;
		}
	
	#call_one, #call_two, #call_three{
		width:230px;
		background:#ffffff;
		border:1px solid #ccc;
		margin:0 7px 8px 0;
	}
	
	#call_one{
		margin:293px 0 0 0;
		text-align:center;
	}
	
	#call_two{
		margin:85px 0 0 0;
	}
	
	#call_three{
		margin:85px 0 0 0;
		background-color: #bbe0e3;
	}
	
		#call_one p, #call_two p, #call_three p{
			margin:10px;
			padding:0;
			font-size:0.9em;
			line-height:1.4em;
			color:#2d3100;
		}
		
		.more_button{
			float:right;
			margin:0 15px 0 0;
			padding:0;
		}
	
	#take_the_tour{
		width:243px;
		height:113px;
		background:url(../images/home/take_the_tour.gif) no-repeat top left;
		float:left;
		margin:0 0 0 2px;
		padding:0;
	}
	
		#take_the_tour a{
			display:block;
			width:243px;
			height:113px;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

 	#footer{
		margin:0 auto 0 auto;
		width:964px;
		clear:both;
		text-align:center;
		position:relative;
		top:20px;
	}

		#footer_top{
			margin:0 0 5px 0;
			font-size:1em;
		}
		
		.footer_bottom{
			font-size:0.9em;
			margin:5px 0 0 0;
		}


	#footer_top ul{
		list-style:none;
	}
	
		#footer_top ul li{
			display:inline;
		}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FLASH ELEMENT  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.pics {  
    height:  217px;  
    width:   710px;  
    padding: 0;  
    margin:  0;
	overflow:hidden;
} 
 
.pics img {  
    padding: 0; 
    width:  710px; 
    height: 217px; 
    top:  0; 
    left: 0 
} 

a#prev{
	background:url(../images/prev_slide.gif) top left no-repeat;
	width:28px;
	height:27px;
	float:left;
	text-indent:-3000em;
	overflow:hidden;
}

a#next{
	background:url(../images/next_slide.gif) top right no-repeat #2d3100;
	width:28px;
	height:27px;
	float:left;
	text-indent:-3000em;
	overflow:hidden;
}

#nav_outer{
	background:#2d3100;
	width:654px;
	height:27px;
	padding:0;
	float:left;
}

#nav{
	width:100px;
	margin: 0 auto;
}

#nav a{
	background:url(../images/home/ball.jpg) no-repeat top left;
	width:8px;
	height:8px;
	padding:0;
	margin:8px 5px 0 5px;
	color:#ffffff;
	float:left;
	text-indent:-3000em;
	overflow:hidden;
}

#nav a.activeSlide{
	background:url(../images/home/ball_on.jpg) no-repeat top left;
	width:8px;
	height:8px;
	text-indent:-3000em;
	overflow:hidden;
}

label{
	padding:0 0 0 20px;
}

.mandatory{
	background:url(../images/star.gif) 0px 3px no-repeat;
	float:left;
}