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

/* CONTAINER */

		#container {
			width: 750px;
			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: Comic Sans MS;
			font-weight: normal;
			font-size: 28pt;
			margin-bottom: 30px;
			
		}
		
		h2 {
			color: #ff3366;
			font-size: 12pt;
			font-family: Arial, Helvetica, sans-serif;
			margin-top:10px
		}
		
		h3 {
			color: #0066ff;
			font-size: 11pt;
			font-family: Arial, Helvetica, sans-serif;
			margin-bottom:-18px;
			
		}
		
		h4 {
			color: #ff3366;
			font-size: 11pt;
			font-family: Arial, Helvetica, sans-serif;
			margin-bottom:0px;
			
		}
		
		a:link, a:visited {
			color:#0066ff;
			text-decoration: none;
		}

		a:hover {
			color:#0066ff;
			background-color: #ffff66;
		}

		
		form {
			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: solid 1px #0066ff;
			border-bottom: 4px solid #0066ff;
			padding-top: 10px;
			clear: both;
			background-color: #ffff66;
			background-image: url(images/headerbg.png);
			background-repeat:repeat-x;
		}
		
		#header span{
            font-size: 10pt; 
            color: #3300ff;	
			margin-top: -20px;
			margin-left: 10px; 
            }		
		

		/* the slogan */
		#header p { 

			margin-left: 30px;
			color: #999999;
		}
		
		#header h1 { 
            text-align:center;
            color:#ff3366;
		}
		
		

/* NAVIGATION ELEMENTS */
	
		 #navigation ul
		{
			margin: 0px;
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;
			float: left;
			width: 140px;
			background-color: #0066ff;
			border: solid 1px #0066ff;
			background-image: url(images/navbg.png);
			background-repeat: repeat-y;
			
		}
		
		#navigation li.selected
		{
			background-image: url(images/headerbg.png);
			background-repeat:repeat-x;
		}

		#navigation a {
			display: block;
			padding: 5px;
			border-bottom: 1px solid #CCC;
			color: #ffff66;
			font-size:10pt;
			font-weight:bold;
			font-family:Arial;
		}


		
		#navigation a:hover, a:active {
			background-image:url(images/arrow.gif);
			background-repeat:no-repeat;
			background-position:96% 50%;
			color:#0066ff;
		}
		
		#navigation a.selected, #navlist a.selected {
			background-image:url(images/arrow.gif);
			background-repeat:no-repeat;
			background-position:96% 50%;
			color:#0066ff;
		} 
		#navigation a:link img, #navigation a:active img, #navigation a:visited img, #navigation a:hover img
		{
		    background:none;
		    border-width:0px;
		    margin:0px;
		    padding:0px;
		}
		

/* THE SMALL BOX BELOW NAV */

		#navigation p {
			margin: 5px;
			margin-right:-5px;
			padding: 5px;
			border-bottom: 1px solid #CCC;
			border-top: 1px solid #CCC;
			background-color: #ffff66;
			color:#0066ff;
			font-weight:bold;
		}
		
/* CONTENT ELEMENTS */

		#content
		{
			margin-left: 140px;
			padding-left:13px;
			padding-top:5px;
			font-size: 10pt;
			background-image: url(images/shadow.png);
			background-repeat: repeat-x;
			
		}
		
		#content img
		{
		    border:solid 1px #c9c9c9;
		    padding:3px;
		}
		#content img:hover
		{
		    border-color:#aaaaaa;
		}
		
		#content p {
			padding-bottom: 10px;
			margin-bottom:-10px;
		}

/* SIDEBAR ELEMENTS */

		#sidebar {
			float: right;
			width: 180px;
		}
		
		#sidebar p {
			padding-bottom: 10px;
			border-bottom: 1px solid #DDDDDD;
		}
		


/* FOOTER ELEMENTS */

		#footer {
			margin-top: 20px;
			clear: both;
			background-color:#ffff66;
			padding: 0px 5px 0px 5px;
		}
		
		#footer p {
			color:#ff3366;
			padding: 5px;
		}
		
		#footer p a {
			color: #ff3366;
			text-decoration:none;
		}
		
		#footer p a:hover {
			
			text-decoration: underline;
		}
		
		/* And they lived happily ever after. The End. */
		
		
		td h3, td h4
		{
		    margin:0px;
		    }