/* --------------------------------------------------

CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org

-------------------------------------------------- */



/* CONTAINER */



		#container {

	/*			width: 750px; */

                        width: 90%;

	margin: 0 auto;

	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

	font-size: 14px;

	color: #222;

	background-color: #FFF;

		}

		

/* GENERAL MOJO AND MULA */

		

		h1 {

			font-family: Arial, Helvetica, sans-serif;

			font-weight: normal;

			font-size: 32px;

			color: #CC6633;

			margin-bottom: 30px;

			background-color: #FFF;

		}

		

		h2 {

	color: #000;

	font-size: 24px;

	font-family: Arial, Helvetica, sans-serif;

	background-color: #FFF;

		}

		

		a {

	color:#C60;

	text-decoration: none;

		}



		a:hover {

			color:#CC6714;

			background-color: #F5F5F5;

		}



		

		form {

			float:left;

			margin-left:80px;

			margin-top: -45px;

			font-size: 14px;

		}

		

		input {

			background-color: #FFF;

			color: #999999;

			border: 1px solid #CCC;

			font-size: 14px;

			padding: 3px;

		}

		

		.button {

			padding: 2px;

		}

		

/* HEADER ELEMENTS */



		#header {

			font-family: Arial, Helvetica, sans-serif;

			font-weight: normal;

			border-bottom: 4px solid #948979;

			padding-top: 10px;

			clear: both;

			margin-bottom: 10px;

			background-color: #FFF;

		}

		

/*

		#header h1 {

			padding-top: 10px;

			clear: both;

			margin-bottom: 10px;

		}

*/



		#header h1 {

			font-size: 26px;

			color: #CC6633;

			margin-bottom: 20px;

		}



		#header h2 {

			font-size: 16px;

			color: #333;

			margin-bottom: 20px;

		}



/* NAVIGATION ELEMENTS */

  #navigation {

	width:180px;

	;

	float:left;

	font-size: 14px;

	 }

	

		 #navigation ul {

	margin-left: 0;

	padding-left: 0;

	list-style-type: none;

	float: left;

	width: 180px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

		}



		#navigation a {

	display: block;

	padding: 5px;

	width: 180px;

	border-bottom: 1px solid #CCC;

	font-size: 14px;

		}



		#navigation a:link, #navlist a:visited {

			color:#CC6714;

			text-decoration: none;

		}

		

		#navigation a:hover {

			background: #000000 url(arrow.gif) 96% 50% no-repeat;

			background-color: #F5F5F5;

			color:#CC6714;

		}



/* THE SMALL BOX BELOW NAV */



		#navigation p {

	margin-top: 40px;

	padding: 5px;

	border-bottom: 1px dotted #CCC;

	border-top: 1px dotted #CCC;

	font-size: 14px;

		}

		

/* CONTENT ELEMENTS */



		#content {

	/*			width: 362px; */

/*			width: 537px; */

			margin-left: 200px;

	margin-right: 15px;

	line-height: 1.6em;

	font-size: 14px;

		}

		

		#content p {

	/*			padding-bottom: 10px; */

			padding-bottom: 5px;

	line-height: normal;

	font-size: 14px;

/*                	border-bottom: 1px solid #DDDDDD; *//* A faint grey line below the text */

		}



		#content div {

	padding-bottom: 5px;

	font-size: 14px;

/*                	border-bottom: 1px solid #DDDDDD; *//* A faint grey line below the text */

		}



/* FOOTER ELEMENTS */



		#footer {

	margin-top: 20px;

	clear: both;

	background-color:#575352;

	padding: 0px 5px 0px 5px;

	font-size: 14px;

		}

		

		#footer p {

			color:#89817f;

			padding: 5px;

		}

		

		#footer p a {

			color: #89817f;

			border-bottom: 1px dotted #89817f;

		}

		

		#footer p a:hover {

			color: #FFFFFF;

			background-color:#575352;

		}

		

		/* And they lived happily ever after. The End. */