body {
	background-color:		#FFFFFF;
	color:					#000000;
	font-family:			lucida grande, verdana, arial, helvetica, sans;
	font-size:				90%;
	line-height:			1.5em;
/*	width: 					100%;	*/
  	min-width: 				660px;      /* 2x (LC fullwidth + CC padding) + RC fullwidth + CC width */
}

h1 {
	clear:					both;		/* IE6 needs this */
	font-size: 				2.18em;
	letter-spacing:			-0.01em;
	color:					#666666;
}			

h2 {
	clear:					both;		/* IE6 needs this */
	font-size: 				1.45em;
	letter-spacing:			-0.02em;
	color:					#666666;
}

#menubar {
	margin:					0;
	padding:				0;
	background-color:		#FEC724;
	background-image:		url(../images/menu_mask.gif);
	background-repeat:		repeat-x;
	background-position:	0 100%;
	padding-left: 			100px;
	margin-bottom:			25px;
	height:					3em; 		/* IE6 needs this */
}

#menubar ul {
	margin-left:			auto;
	margin-right:			auto;
	padding:				0;
	margin-top:				0;
	overflow:				hidden;
	background-color:		#FEC724;
	background-image:		url(../images/menu_mask.gif);
	background-repeat:		repeat-x;
	background-position:	0 100%;
	list-style-type:		none;
}

#menubar ul li {
	margin:					0;
	padding:				0;
	float:					left;
	font-weight:			bold;
}

#menubar ul li a {
	margin:					0;
	display:				block;
	text-decoration: 		none;	
	padding:				0.5em 2em 1em 2em;
	overflow: 				hidden;
	text-align:				center;
	color:					#000000;
	background-color:		#FEC724;
	background-image:		url(../images/menu_mask.gif);
	background-repeat:		repeat-x;
	background-position:	50% 100%;
}

#menubar ul li a:hover {
	background-color:		#FA8207;
	color:					#555555;
}

#home a.home,
#publications a.publications,
#resume a.resume,
#blog a.blog {
	background-color:		#FA8207;
	color:                  #555555;
	background-image:		url(../images/menu_arrow_mask.gif);
	background-repeat:		repeat-x;
	background-position:	50% 100%;
}

a:link {
	color:					#FA8207;
}

a:link img {
	border: 				none;
}

a:visited {
	color:					#013366;
}

a:hover {
	text-decoration:		none;
	color:					#FFFFFF;
	background-color:		#FA8207;
}

.spacer {
	color:					#aaaaaa;
	margin-top:				3em;
}

#footer {
	border:					1px dotted;
	color:					#aaaaaa;
	width:					100%;
	font-size: 				0.6em;
	text-align:				center;
  	clear: 					both;		/* for 3 columns layout */
}

#footer a {
	color:					#aaaaaa;
}

#footer a:hover {
	color:					#000000;
	background-color:		#aaaaaa;
}

html {
	background:				rgb(255,255,255);		/* IE6 needs a root html element */
}