/* CSS Document */
/* Tippins Farm CSS - John McGeary */

* {
	margin:						0;
	padding:					0;
}

body {
	font-size:					12px;
	color:						#FFF;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	background:					transparent url(images/tippins_farm_rp_bg.jpg) repeat-x top left;
	background-color:			#5a3387;
}

h1 {
	font-size:					17px;
	color:						#FFFF00;
}

h2 {
	font-size:					14px;

}

h3 {
	font-size:					12px;
	color:						#FFFF00;
}

#footer {
	width:						780px;
	height:						20px;
	clear:						both;
	display:					block;
	padding-top:				20px;
	padding-left:				10px;
	
}
#footer h5 {
	font-size:					9px;
	color:						#fff;
}

#footer a {
	font-size:					9px;
	color:						#fff;
	text-decoration:			none;
}

#footer a:hover {
	font-size:					9px;
	color:						#fff;
	text-decoration:			underline;
}

/* --------- Main Container --------- */

#main_container {
	width:						780px;
}


/* --------- Masthead ---------*/

#masthead {
	width:						768px;
	height:						137px;
	background:					transparent url(images/bed_breakfast_mh_768x137.jpg) no-repeat top right;
	
}
#masthead h1 {
	font-size:					13px;
	color:						#FFF;
	width:						600px;
	height:						15px;
	padding-top:				110px;
	padding-left:				160px;
}


/* -------- Left Navigation Container -------- */

#left_nav_expander_container {
	margin:						0;
	width:						150px;
	background:					transparent url(images/nav_bottom_144x282.jpg) no-repeat bottom left;
	float:						left;
}

#left_nav {
	margin:						0;
	width:						150px;
	height:						470px;
}


#left_nav h2 {
	color:						#000;
	font-weight:				bold;
	font-size:					13px;
	padding:		            5px 20px 5px 15px;
}

#left_nav li {
	list-style:					none;
	width:						144px;
	border-right:				solid 2px #5a3387;
	border-bottom:				solid 2px #5a3387;

}
#left_nav a {
	padding:					3px 30px 3px 15px;
	display:					block;
	text-decoration:			none;
	color:						#fff;
}
#left_nav a:hover {
	display:					block;
	color:						#fff;
	text-decoration:			none;
	background:					url(images/arrow_19x29.jpg) no-repeat;
	background-color:			#4c2674;
	text-decoration:			underline;
}




/* --------- Main Area --------- */

#main_area {
	width:						620px;
	float:						right;
}


#left_top_col {
	width:						340px;
	float:						left;
	padding-top:				10px;
}

#left_top_col h2 {
	color:						#fff;
	margin:						5px 0 20px 0;
}

#left_top_col ul {
	padding-left:				10px;
}

#left_top_col li {
	padding-left:				5px;
}

#left_top_col a {
	color:						#fff;
	text-decoration:			none;
}

#left_top_col a:hover {
	color:						#fff;
	text-decoration:			underline;
}

#right_top_col {
	width:						270px;
	float:						right;
	padding-top:				20px;
}