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

/* CONTAINER */
  			body {
  			background-color: #EBEBEB;
  		
}
		#container {
			padding-top: -10px;
			width: 970px;
			margin: 0 auto;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 11px;
			line-height: 1.6em;
			color: #666;
			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;
		}
		
		h2 {
			color: #666666;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
			margin-bottom: 5px;
		}
		
		h3 {
			color: #666666;
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
			margin-bottom: 2px;
		}		
		a {
			color:#CC6714;
			text-decoration: none;
		}

		a:hover {
			color:#994c0c;	
		}

		.p {
			margin-bottom: 2px;	
		}

		
		form {
			float:right;
			margin-top: -45px;
			font-size: 9px;
		}
		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
/* HEADER ELEMENTS */

		#header {
			border-bottom: 0px solid #948979;
			padding-top: 0px;
			clear: both;
			height:160px;
			margin-bottom: 10px;
			/*background:  url(top-menu-AF.png) no-repeat right; */
		}
		

/* the slogan */
		#header p { 
			margin-top: -20px;
			margin-left: 30px;
			height: 90px;
			color: #999999;
		}

/* NAVIGATION ELEMENTS */
	
		 #navigation ul {
			margin-left: 0;
			padding-left: 20px;
			list-style-type: none;			
			float: left;
			width: 180px;
		}

		#navlist a {
			display: block;
			padding: 5px;
			width: 190px;
			background-color: #999;
			border-bottom: 1px solid #CCC;
		}

		#navlist a:link, #navlist a:visited {
			color:#FFF;
			text-decoration: none;

		}
		
		#navlist a:hover {
			background: #000000 url(arrow.png) 96% 8px no-repeat;
			background: #000  url(1stLevel-hoover.gif) center center repeat-x;
			background-color: #666;
			color:#FFF;
		}
		
		#navlist #active {
			background: #000000 url(arrow.png) 46% 10% no-repeat bottom;
			background: #000  url(active.gif) left right no-repeat top;
			background-color: #666;
			color:#fff;
		}	
		
		#navlist #activesection {
			/*background: #000000 url(arrow.png) 46% 10% no-repeat bottom;*/
			background: #000  url(active.gif) left right no-repeat;
			background-color: #af6610;
			color:#fff;
		}				
/* SUB NAVIGATION ELEMENTS */

		#subnavlist a {
			display: block;
			padding: 2px;
			padding-left: 15px;
			width: 183px;
			background-color:#EBEBEB;
			border-bottom: 1px solid #CCC;
		}

		#subnavlist a:link, #navlist a:visited {
			color:#000;
			text-decoration: none;
		}
		
		#subnavlist a:hover {
			background: #000000 url(arrow.png) 46% 10% no-repeat bottom;
			background: #000  url(1stLevel-hoover.gif) center center repeat-x;
			background-color: #999;
			color:#fff;
		}
		
		#subnavlist #active {
			background: #000000 url(arrow.png) 46% 10% no-repeat bottom;
			background: #000  url(active2.gif) center center repeat-x;
			background-color: #999;
			color:#fff;
		}		
/* HEADER MENU */

		#headermenu {
		margin: 0;
		padding: 0;
		float: left;
		font: bold 13px Arial;
		width: 100%;
		border: 1px solid #625e00;
		border-width: 1px 0;
		background: #000  url(2ndlevel.gif) center center repeat-x;
		}
		
		#headermenu ul {
		margin: 0;
		padding: 0;
		float: left;
		font: bold 13px Arial;
		width: 100%;
		border: 1px solid #625e00;

		border-width: 1px 0;
		background: #000  url(blockdefault.gif) center center repeat-x;
		}
		
		#headermenu li{
		display: inline;
		}
		
		#headermenu li a{
		float: left;
		color: #666;
		padding: 9px 11px;
		text-decoration: none;
		text-align: center;
		border-right: 1px solid white;
				width: 160px;
		}
		
		#headermenu li a:visited{
		color: white;
		}
		
		#headermenu li a:hover, .solidblockmenu li .current   {
		color: white;
		background: transparent url(blockactive.gif) center center repeat-x;
		}
	
		
	/* EXTRA 
		<!--[if IE]>
		<style type="text/css">
		p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/ /*
		padding-top: 1em;
		}
</style>
<![endif]-->

		
/* Disease-indicator- subscript in menu */

.navigation-indication		{
			font-style: italic;
			font-size: 9px;
			color:#EBEBEB;
		}
.navigation-indication:active		{
			font-style: italic;
			font-size: 80%;
			color:#CCC;
		}
		

/* THE SMALL BOX BELOW NAV */

		#navigation p {
			margin-top: 20px;
			padding: 5px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
			font-size: 85%;
			line-height: 105%;
		}
		
/* CONTENT ELEMENTS */
/* Troubleshooting margin-right up from 200 */
		#content {
			width: 487px;
			margin-left: 245px;
			margin-right: 230px;
			color:#000;
			
		}
		
		#content p {
			padding-bottom: 5px;
			text-align: justify;
			/*border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
		}
/* CONTENT ELEMENTS for FLASH MOVIE */
		#content-flash {
			width: 607x;
			margin-left: 245px;
			margin-right: 20px;
			color:#000;
		}
/* SIDEBAR ELEMENTS */
/* Troubleshooting fror IE6 added clear and took margin from 30 to 10*/
		#sidebar {
			float: right;
			width: 170px;
			margin-right: 10px;	
			clear: right;
		}

		#sidebar p {
			padding-bottom: 10px;
			padding-right: 25px;
			border-bottom: 1px solid #DDDDDD;
		}
		
/* Quote box */
q  {
    float: right;
	/*background-image: url('img/q-2.png'); background-repeat: no-repeat; */
	border-bottom: thin dotted #999;
	border-top: thin dotted #999;
	border-left: 8px solid #FFF;
	text-align: center; 
	width: 155px;
	margin: 9px 6px 5px 5px;
	padding: 5px 12px 5px 12px;
	font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; font-height: 110%;
	color: #666;
	
}		

/* FOOTER ELEMENTS */

		#footer {
			margin-top: 20px;
			clear: both;
			background-color:#575352;
			padding: 0px 5px 0px 5px;
			text-align: center;
		}
		
		#footer p {
			color:#89817f;
			padding: 5px;
		}
		
		#footer p a {
			color: #FFF;
			border-bottom: 1px dotted #89817f;
		}
		
		#footer p a:hover {
			color: #FFFFFF;
			background-color:#575352;
			border-bottom: 1px dotted #FFF;
		}
/* Guidelines for sampling */
blockquote  {
	background: #EBEBEB;
	border: thin dotted #999;
	margin: 5px 10px 5px 10px;
	padding: 5px 8px 5px 8px;
	font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 8pt; font-style: normal; font-weight: normal;
	color: #333;
}

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