/*
	design.css (extends core.css)
	contains all design specific colors, images and text formatting
	
	All style rule attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	
	-- START ALL STYLES --
*/

/* import additional sheets
----------------------------------------------------------------------------- */

@import url("core.css");

/* design specific presentational elements
----------------------------------------------------------------------------- */

body{
	background: #D8ECFF url(img/rp_body_bg.gif) repeat-x 0 0;
	color: #333;
	font: normal normal 12px "Arial", Sans-Serif;
	height: 100%;
}
html, iframe{
	height: 100%;
}
iframe{
	display: block;
}


/* global text presentation
----------------------------------------------------------------------------- */

code, samp, kbd, var{ font-family: "Courier New", "Courier", Monospace; }

h1, h2, h3, h4, h5, h6, b, strong{ font-weight: bold; }
i, em, cite, dfn, ins{ font-style: italic; }
del, code, samp, kbd, var{ font-style: inherit; }

del{ text-decoration: line-through; }
ins{ text-decoration: none; }

abbr, acronym{ border: 0; cursor: help; text-decoration: none; }

h1{ font-size: 24px; }
h2{ font-size: 20px; }
h3{ font-size: 18px; }
h4{ font-size: 16px; }
h5{ font-size: 14px; }
h6{ font-size: 13px; }

ul, dl{ list-style: square; }
ol{ list-style: decimal; }

li, dt, dd,
p, pre, address,
legend, label, input, textarea, 
select, option, optgroup,
th, td{ font: inherit; }

small{ font-size: 10px; } 	/* 2px smaller, than body base */
big{ font-size: 14px; } 	/* 2px larger, than body base */

/* hyperlinks
----------------------------------------------------------------------------- */

a:link, 
a:visited{
	color: #165081; 
	text-decoration: none; 
}
.user{
	width: 140px;
}

.user a:link, 
.user a:visited{
}

	.user a:link.signup, 
	.user a:visited.signup{
		background-image: url(img/rp_signup.gif);
		background-position: 5px;
		padding: 10px 30px;
		float: right
	}
	
	user a.signup{ float: right} 

a:hover, 
a:active{
	color: #333;
	text-decoration: underline;
}

h3 a:hover, 
h3 a:active,
h3 a:visited,
h3 a:link{ color: #F37652; }

/* forms
----------------------------------------------------------------------------- */

fieldset{ padding: 10px; }

fieldset.button{ text-align: right; }

label{
	font-weight: bold;
	vertical-align: middle;
}

	.inline label{
		display: block;
		padding: 3px 5px 0;
		text-align: right;
		width: 125px;
	}

input,
textarea{
	background: #F5F5F5;
	border: 1px solid;
	border-color: #AAA #CCC #CCC #AAA;
	padding: 3px 5px;
	width: 200px;
}

textarea{ height: 150px; }

	.inline label,
	.inline input{ float: left; }

	.chad input,
	.button input{ width: auto; }

	.chad input{
		background: transparent;
		border: 0;
		padding: 0;
		vertical-align: middle;
	}

	.button input{
		background: #F37652;
		border: 0;
		color: #FFF;
		float: none;
		padding: 3px 5px;
		text-transform: uppercase;
	}

/* design specific presentational ID's
----------------------------------------------------------------------------- */

.loginBlock{
	padding: 20px;
	float: left;
}

#wrap{
	margin: 0 auto;
	width: 930px;
}

#masthead{
	background: transparent;
	border-bottom: 5px solid #FFC40D;
	position: relative;
}

	#masthead h1{
		background: transparent url(img/rp_logo.gif) no-repeat 0 0;
		height: 121px;
		text-indent: -13000em;
		width: 186px;
	}
	
		#masthead h1 a:link,
		#masthead h1 a:visited{
			display: block;
			height: 121px;
			width: 186px;
		}
		
	#masthead p.user,
	#masthead ul,
	#masthead div#alert{ position: absolute; }
	
	#masthead p.user{
	background: #FFF8E3;
	color: #70B542;
	font-size: 14px;
	margin: 0px;
	padding: 8px;
	right: 0px;
	top: 0;
	text-align: center;
	}
		
		#masthead p.user span{ display: block; float: left; margin-left: 5px; }
	
	#masthead ul{
		background: #A1CF83 url(img/rp_menu_bg.gif) repeat-x 0 0;
		bottom: 0;
		list-style: none;
		margin: 0 0 -5px;
		padding: 0;
		position: absolute;
		right: 0;
		width: 740px;
	}
	ul#login{
		background: #FFF8E3;
		bottom: 0;
		list-style: none;
		margin: 0 0 -5px;
		padding: 0;
		width: 200px; text-align: right; vertical-align: top;
		display: inline;
		float: right;
	}
		
	 ul li#login a:link,
			 ul li#login a:visited{ 
				background: transparent url(img/rp_menu_hope.gif) no-repeat 0 0;
				height: 40px;
				text-indent: -130000em;
				width: 172px;
			}
	
	#login a:link, 
#login a:visited{
	background: transparent url(img/rp_login.gif) no-repeat 0;
}

	#login a:link.signup, 
	#login a:visited.signup{
		background-image: url(img/rp_signup.gif);
		padding: 10px 30px;
	}
	
	#login a.signup{ float: right} 
	
		#masthead ul li{ 
			float: left;
			margin-right: 5px;
			text-transform: uppercase;
		}
	
			
			#masthead ul li a:link,
			#masthead ul li a:visited{ 
				background: transparent url(img/rp_menu_hope.gif) no-repeat 0 0;
				display: block;
				height: 40px;
				text-indent: -130000em;
				width: 172px;
			}
		
				#masthead ul li.connect a:link,
				#masthead ul li.connect a:visited{ 
					background-image: url(img/rp_menu_connect.gif);
					width: 307px;
				}
		
				#masthead ul li.lives a:link,
				#masthead ul li.lives a:visited{ 
					background-image: url(img/rp_menu_lives.gif);
					width: 214px;
				}
		
			/*#masthead ul li a:hover,*/
			#masthead ul li a:active,
			#masthead ul li a:link.act,
			#masthead ul li a:visited.act{ background-position: 0 -40px; }
	
	#masthead div#alert{
	background: #F37652;
	border-bottom: 2px solid #FFC40D;
	color: #FFF;
	font-size: 18px;
	left: 190px;
	padding: 8px 15px 5px;
	top: -1px;
	}

#contentwrap{ background: transparent url(img/rp_sidebar_bg.gif) repeat-y 0 0; margin: 0 0 4px; }

	#subpage #contentwrap{ background: #FFF; margin: 0; padding: 5px 0 0; }
	
		#contentwrap ul.subnav{ 
		list-style: none;
		margin-bottom: 10px; 
	}
			#contentwrap ul#subsubnav{
	margin-left: 30px;
	}
	
	
	#contentwrap ul.subnav li{ 
		border-left: 1px solid #D8ECFF;
		float: left;
		font-size: 14px;
		font-family: "Times New Roman", Serif;
		font-weight: normal;
		text-transform: uppercase;
		padding: 0 10px;
		width: 128px;
	}

		#contentwrap ul.subnav li.links{
			border: 0;
			list-style: none;
			font-size: 12px;
			font-family: Arial, Sans-Serif;
			padding: 0 10px;
			width: 165px;
			text-transform: none;
		}
		
		#contentwrap ul#subsubnav li.links{
	width: 129px;
		}

			#contentwrap ul.subnav li a:link, 
			#contentwrap ul.subnav li a:visited{
				color: #F37652; 
				text-decoration: none; 
			}

			#contentwrap ul.subnav li.links a:link, 
			#contentwrap ul.subnav li.links a:visited{ color: #165081; }

			#contentwrap ul.subnav li a:hover, 
			#contentwrap ul.subnav li a:active{ color: #333; }
		

#sidebar,
#column{ float: left; }

#sidebar{
	background: #FFF8E3;
	margin: 0 4px 0 0;
	padding: 15px 10px 0 15px;
	width: 161px;
}

	#sidebar h2{ text-indent: -13000em; }
	
		#sidebar h2.care{ 
			background: transparent url(img/rp_h_care.gif) no-repeat 0 0;
			height: 26px; 
		}
	
		#sidebar h2.help{ 
			background: transparent url(img/rp_h_help.gif) no-repeat 0 0;
			height: 63px; 
		}
	
		#sidebar h2.info{ 
			background: transparent url(img/rp_h_info.gif) no-repeat 0 0;
			height: 58px; 
		}
	
	#sidebar p{
		color: #165081;
		font-family: "Times New Roman", Serif;
		font-size: 12px;
		margin: 0 0 17px;
	}

#footer{ background: #FFF; }

	#footer h3{
		color: #F37652;
		font-size: 16px;
		font-family: "Times New Roman", Serif;
		font-weight: normal;
		margin: 0 0 15px;
		text-transform: uppercase;
	}
	
	#footer p{
		font-size: 12px;
		font-family: "Times New Roman", Serif;
		margin: 15px 0;
	}
	
		#footer p strong{ font-family: Arial, Sans-Serif; font-size: 11px; }	
		
	#footer ul{ list-style: none; }
	
	#footer ul li{ font-weight: bold; }

#copyrightbar{
	background: #FFF;
	border-bottom: 2px solid #FFC40D;
	padding: 10px;
	text-align: center;
}

	#copyrightbar p{ font-size: 11px; }
	#copyrightbar p.cr{ font-family: "Times New Roman", Serif; }

/* design specific presentational classes
----------------------------------------------------------------------------- */

.halfbox,
.halfbox_b{ 
	float: left;
	margin: 30px 0;
	padding: 10px 20px;
	width: 424px; 
}

	.halfbox_b{
	border-right: 1px solid #D8ECFF;
	width: 425px;
	}
	
	.halfbox h2{
		height: 28px;
		text-indent: -13000em;
	}
		
		.halfbox h2.org{ background: transparent url(img/rp_h_signuporg.gif) no-repeat 0 0; }
		.halfbox h2.rental{ background: transparent url(img/rp_h_signuprental.gif) no-repeat 0 0; }
	
	.halfbox p{
		font-family: "Times New Roman", Serif;
		margin: 15px 0;
	}

		.halfbox .chad p{ font-family: "Arial", Sans-Serif; }

.column{ 
	float: left; 
	padding: 10px 15px; 
	width: 118px; 
}

	.column.a{ width: 156px; }
		.column.a.b{ width: 155px; }
	
		#footer .column.a h3{
			color: #165081;
			font-family: Arial, Sans-Serif;
			font-size: 12px;
			font-weight: bold;
			text-transform: none;
		}
		
		#footer .column.a p{ margin: 5px 0 15px; }

	.column.b{ 
		border-right: 1px solid #D8ECFF; 
		width: 117px; 
	}

/*
	-- /END ALL STYLES --
	
	- Please do not steal my code!
	- "I cannot abide useless people"
	- Thank you, I appreciate it.
*/