/* CONTAINER */

		#container {
			border:1px solid #ccc;
			width: 80em;
			margin: 0 auto;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 11px;
			color: #666;
			background-color: #FFF;
		}
		
/* GENERAL MOJO AND MULA */
		
		h1 {
			color: #666666;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		a {
			color:#666;
		}

		a:hover {
			text-decoration:underline;
		}

		input, textarea {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}

    textarea {
      width:100%;
      height:15em;
    }
		
		.button {
			padding: 2px;
		}
		
/* HEADER ELEMENTS */

		#intro {
			clear: both;
			/*background-image:url(/images/header.jpg);*/
			position:relative;
      background-color:#eeffe8;
      padding:20px;
		}
		

		/* the slogan */
		#intro p { 
			margin-left: 30px;
			color: #999999;
		}

/* NAVIGATION ELEMENTS */

		#navigation {
			float:left;
			padding-left:10px;
      width:120px;
margin-top:10px;
		}
	
		 #navigation ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;			
			width: 120px;
		}

		#navigation li a {
			display: block;
			padding: 5px;
			width: 120px;
			border-bottom: 1px solid #CCC;
      color:black;
      text-decoration:none;
		}

		#navigation a:link, #navlist a:visited {
			text-decoration: none;
		}

		#navigation a:hover {
			background: #000000 url(/images/arrow.gif) 96% 50% no-repeat;
			background-color: #F5F5F5;
			color:#4e9c12;
		}

/* THE SMALL BOX BELOW NAV */

		h3 {
			border-bottom: 1px dotted #CCC;
		}

    #content h3 {
      border:none;
    }
		
/* CONTENT ELEMENTS */

		#content {
			width: 50%;
			margin-left: 200px;
			margin-right: 200px;
      margin-top:50px;
		}

    #content iframe {
      margin-bottom:20px;
    }
		
		#content p {
			padding-bottom: 10px;
		}

/* SIDEBAR ELEMENTS */

		#sidebar {
			float: right;
			width: 130px;
			margin-right:40px;
      margin-top:10px;
		}

		#sidebar .section {
			border-bottom: 1px solid #DDDDDD;
			margin-bottom:30px;
		}
		
		#sidebar .section p {
			line-height:1em;
		}

/* FOOTER ELEMENTS */

		#footer {
			margin-top: 20px;
			clear: both;
			padding: 0px 5px 0px 5px;
			/*background-image:url(/images/footer.jpg);*/
			height:3.2em;
		}
		
		#footer p {
			padding-top: 15px;
			padding-left:10px;
      color:#666;
		}
		
/* TOGGLE */

a.expand {
  background:url(/images/arrow_down.gif) no-repeat 0px 3px;
  padding-left:10px;
}

a.collapse{
  background:url(/images/arrow_up.gif) no-repeat 0px 3px;
  padding-left:10px;
}

span.subtitle {
  margin-left:50px;
  font-style:italic;
}

#content p {
  line-height:1.5em;
}

#content li {
  line-height:1.5em;
}

#content ul#projects {
  list-style-type:none;
  margin-top:20px;
  padding-left:0;
}

ul#projects li p {
  margin-left:20px;
}