/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	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;
		text-align: center;
		background:url(../images/bg.jpg) repeat-x top #fff;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 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;
	}
	
	.red{
		color:#ff0000;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		width:964px;
		margin:0 auto;
		text-align:left;
	}

	#left{
		width:200px;
		float:left;
		background:#d2de24;
		font-weight:bold;
		margin:0 20px 0 0;
	}
	
	#center{
		width:481px;
		float:left;
	}
	
	#right{
		width:243px;
		float:left;
		margin:0 0 0 20px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#menu{
		margin:5px 0 0 0;
		padding:0 0 0 0;
		list-style:none;
	}

	#menu li{
		color:#fff;
		padding:0 0 3px 20px;
		margin:3px 0;
		border-bottom:1px solid #ffff99;
		font-weight:bold;
	}
	
		#menu li.last{
			border:none;
			padding:0 0 3px 20px;
			margin:3px 0 0 0;
		}
		
		#menu li#selected{
			background:url(../images/arrow.jpg) 7px 4px no-repeat;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		color: #000;
		line-height: normal;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COPIED STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
p#logo{
		width:970px;
		height:103px;
		padding:0;
		margin:18px 0 20px 0;
		overflow:hidden;
		float:left;
		clear:both;
	}
	
		p#logo a {
			display: block;
			margin: 0;
			padding: 0;
			width:201px;
			height:92px;
		}

#not_registered{
		width:243px;
		height:63px;
		padding:0;
		margin:10px 0 0 0;
		text-indent:-3000em;
		overflow:hidden;
		float:left;
	}
	
		#not_registered a {
			background:url(../images/home/register_now_both_states.gif) no-repeat 0 0;
			display: block;
			margin: 0;
			padding: 0;
			width:243px;
			height:63px;
		}
		
		#not_registered a:hover{
			background:url(../images/home/register_now_both_states.gif) no-repeat 0px -63px;
		}

	#login_box{
		background:url(../images/home/sign_in_bg.gif) no-repeat;
		width:243px;
		height:170px;
		float:left;
		margin:10px 0 0 0;
		padding:0;
		color:#ffffff;
	}
	
		#login_box p{
			margin:5px 0 0 35px;
			padding:0;
			float:right;
		}
		
		#login_box p a{
			color:#d2de24;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	form{
		margin:10px 0 0 10px;
	}

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #adadad;
		width:213px;
		height:16px;
		border:1px solid #000000;
		padding:4px;
		margin:0 0 7px 0;
		background:url(../images/home/input_box.gif) repeat-x top left;
	}

	
	input#rememeberme{
		width:15px;
		float:left;
		margin:0 10px 0 0;
	}
	
	input#rememberuser{
		width:15px;
		float:left;
		margin:5px 10px 0 0;
	}
	
	input#recover_email{
		background:none;
		border:1px solid #cccccc;
		width:240px;
		padding:2px;
		float:left;
	}
	
	input#recover_button{
		background:none;
		border:none;
		width:139px;
		height:21px;
		margin:0 0 0 20px;
		padding:0;
		float:left;
	}

	label{
		margin:0 0 0 0;
		padding:0;
		float:left;
		width:140px;
	}
	
	label#rememberuser_label{
		margin:5px 0 0 0;
	}

	input#submit_it{
		width:54px;
		height:36px;
		margin:0;
		border:none;
		padding:0;
		position:absolute;
		bottom:26px;
		right:10px;
	}
	#login_box p{
		width:200px;
	}
	
	
	
	
	/*input#rememeberme{
		width:15px;
		float:left;
		margin:0 10px 0 0;
	}

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

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 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;
		}