/*****************************************************************************/
/** General: styles applicable site-wide.									**/

		.ir {
			display: none;
		}
		
		.clear {
			clear: both;
		}
		
		body {
			margin: 0px;
			padding: 0px;
			border: 0px;
			border-top: 5px solid #5B4514;
			background-color: #FFFFFF;
		}
		
		#footer {clear: both;
			border-top: 1px solid #675734;
			padding: 2px 0px 10px 0px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			text-align: right;
		}
		
		#wrapper {
			margin: 0px;
			border: 0px;
			padding: 0px;
			width: 900px;
			margin-left: auto;
			margin-right: auto;
		}
		
		#content	{
			/*background: url(../images/fig_watermark.png) no-repeat bottom right;*/
			margin-bottom: 10px;
			min-height: 430px;}
		
		#header {
			margin: 0px;
			padding: 0px;
			border-bottom: 1px solid #5B4514;
			height: 68px;
		}
		
		#header h1 {
			margin: 0px;
			border: 0px;
			padding: 0px;
			float: left;
			
			width: 35px;
			height: 61px;
			background: url(../images/logo.gif) 0px 29px no-repeat;
		}
		
		#header h1 a {
			display: block;
			width: 35px;
			height: 61px;
		}
		
		a {
			text-decoration: none;
		}
		
		a:link, a:visited {
			color: #5B4514;
		}
		
		a:hover, a:active {
			color: #000000;
		}
		
		p, li {
			font-family: Arial, sans-serif;
			font-size: 13px;
			line-height: 24px;
			color: #231F20;
			text-align: justify;
		}
		
		p.major {
			font-size: 14px;
		}
		
		.left, .right {
			margin: 0px 0px 40px 0px;
		}
		
		.left p, .right p {
			margin: 0px 0px 1.0em 0px;
		}
		
p.left {
			border: 0px;
			padding: 0px;
			float: left;
			width: 400px;
			text-align: justify;
			
		}
		
p.inset	{margin-left: 2em;}
		
		
		
		
		
		
/* div left is used to align the left column to the first word in the menu, if you use div left, you can't use div right for the right column, use div.right #minus*/

	div.left		{float: left;
			width: 500px;		
			}
		
	div.left#smaller	{float: left;
			width: 450px;		
			}	
		
		
		
		
		div.right {
			border: 0px;
			padding: 0px;
			float: right;
			width: 400px;
		}
		
	div #minus	{width: 396px;}
	div #minus img {margin-left: 61px;}
	div #minus ul	{margin-left: 29px;
						margin-top: 0px;}
						
						
						
						
						
						
		
		div.float_left	{
		float: left;
		width: 150px;
		margin-left: 24px;
		font-family: Arial, sans-serif;
		font-size: 13px;
		color: #231F20;
		text-align: left;
		margin-bottom: 1em;
		}
		
		div #no_margin {margin-left: 0px;}
		
		
		.link_list {
				list-style: none;
				
			}
			
			
			
				
		h3				{font-family: Arial, Helvetica, sans-serif;
						font-size:13px;
						font-weight:bold;}
			
		
/*****************************************************************************/
/** the menu!																**/
		
		ul#menu, ul#menu li {
			list-style: none;
		}
		
		ul#menu li {
			display: inline;
		}
		
		ul#menu {
			display: block;
			float: right;
			margin-top: 39px;
		}
		
		#menu a {
			display: block;
			float: left;
			width: 100px;
			height: 21px;
			background-repeat: no-repeat;
		}
		
		#menu a:link, #menu a:visited {
			background-position: center -21px;
		}
		
		#menu a:hover, #menu a:active {
			background-position: center 0px;
		}
		
		#menu a#about 	{ 	
			background-image: url(../images/menu/about.gif);
		}
		#menu a#contact	{ 	
			background-image: url(../images/menu/contact.gif);
			background-position: right inherit;
		}
		#menu a#approach {
			background-image: url(../images/menu/approach.gif);
		}
		#menu a#archive {
			background-image: url(../images/menu/archive.gif);
		}
		/* *****************************************  
		homepage menu  */
		
		.homepage_menu	{
		height: 50px;
		margin: 10px 0 20px 0;
		}
		
		

/* why we need a -4px margin on the stuff below is beyone me - but it works... */
		
a#about_stuff img, a#about_stuff:visited img {background-image: url(../images/menu/homepage_02.jpg);
margin-left: -4px;
}

a#about_stuff:hover img, a#about_stuff:active img {background-image: url(../images/menu/homepage_white_02.jpg);
margin-left: -4px;}

a#approach_stuff img, a#approach_stuff:visited img {background-image: url(../images/menu/homepage_03.jpg);
margin-left: -4px;
}

a#approach_stuff:hover img, a#approach_stuff:active img {background-image: url(../images/menu/homepage_white_03.jpg);
margin-left: -4px;}


a#projects_stuff img, a#projects_stuff:visited img {background-image: url(../images/menu/homepage_04.jpg);
margin-left: -4px;
}

a#projects_stuff:hover img, a#projects_stuff:active img {background-image: url(../images/menu/homepage_white_04.jpg);
margin-left: -4px;}

a#contact_stuff img, a#contact_stuff:visited img {background-image: url(../images/menu/homepage_05.jpg);
margin-left: -4px;
}

a#contact_stuff:hover img, a#contact_stuff:active img {background-image: url(../images/menu/homepage_white_05.jpg);
margin-left: -4px;}