/*****************************************************************           
TITLE:         Natural Stylesheet
AUTHOR:      Khaled Maiwand, HighCo Technology
CREATED:     Oct. 2007
	border: 1px solid red;
*****************************************************************/
* { padding:0; margin:0;}

body {
	height: 100%;
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #684B22; background : url( images/body_bg.jpg);
	}

#header {
	margin: 0 auto;
	width: 600px;
	height: 68px;
	padding: 5px 0 0 145px;
	font-size: 300%;
	color:#352C15; background : url( images/top_img.jpg) 0px 5px no-repeat;
}

#content {
	margin: 0 auto;
	width: 750px;
	margin-top:30px;
	border-right: 2px solid #352C15;
	background : url( images/two_bg.jpg) top right repeat-y;
	}

#sidebar {	/* for the nav column*/
		width: 140px;
		float: left;
		}

	#sidebar ul{
		margin-left: 0;
		margin-top: 9px;
		padding-left: 0;
		list-style: none;
		}

	#sidebar a{
		display: block;
		width: 100px; 
		margin: 5px 0 0 5px;
		padding:  3px 3px 3px 10px;
		border-left: 5px solid #352c15;
		text-decoration: none;
		color: #352c15; background: #b38c53;
		}
		#sidebar a:hover{
			border-left: 5px solid #000;
			background: #CCB18A;
			}
			
	#sidebar p{
		font-size: 90%;
		margin-top: 10px;
		color: #856029;
		}

#column_one {	/*this is the center column*/
	width: 360px;
	float: left;
	border-right: 1px dotted #352C15;
	padding-bottom: 20px;
	}

#column_two {	/*this is the right content*/
	width: 245px;
	float: right;
	}

/*footer, obviously*/
#footer {
	width: 748px;
	height: 15px;
	clear: both;
	font-size: 70%;
	text-align: center;
	border-left: 2px solid #352c15;
	color: #443116; background: url( images/footer_bg.jpg);
}
	#footer p{ padding: 0;}
	#footer a{ color: #443116;}

/* --------------------------------- Common Styles --------------------------------- */
p{ padding: 4px;}

h1 {
	font-size:180%;
	padding: 10px 0;
	color: #443116;
}

h2 {
	font-size:150%;
	padding: 5px 0;
	color: #684B22;
}

h3 {
	font-size:130%;
	padding: 5px 0;
	color: #684B22;
}

a {
	color: #6d5c41; background: inherit;
	}
	a:hover { color: #443116;}
ul{ margin-left: 22px;}
blockquote {
	margin: 15px; padding: 7px;
	border: 1px solid #b38c53; 
	border-left: 5px solid #b38c53;
	}

