/* TAGS */
	
	body
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		
		text-align:center;	
		background-color: #333333;
		
		padding: 0px;
		margin: 0px;
	}
	
	p
	{
		text-align: left;
	}
	
	h1
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		margin-bottom: -5px;
		font-weight: normal;
		font-size: xx-large;
	}
	
	h3
	{
		font-weight: normal;
		font-size: large;
		
		margin-bottom: -5px;
		margin-top: -5px;
	}
	
	img
	{
		border: none;
	}
	
	hr
	{
		background-color: #CCCCCC;
		color: #CCCCCC;
		
		border: 0px none;
		height: 1px
	}
	
	li
	{
		text-align: left;
	}

	.dynamicList{cursor:pointer}


/* SELECTORS */	
	
	#header
	{
		width: 693px;
		
		border-width: 5px;
		border-color: #FFFFFF;
		border-style: solid;
		
		position: relative;
		top: 0px;
	}
		
	#main
	{
		width: 693px;
		
		background-repeat: repeat-y;
		background-position: top left;
		background-color: #EEEEEE;
		
		color: #666666;
		
		border-width: 5px;
		border-color: #FFFFFF;
		border-style: solid;
		
		position: relative;	
		text-align: left;
	}

	#panel
	{		
		width: 200px;
		
		padding: 10px;
		margin: 10px;
		border-width: 1px;
		border-style: solid;
		border-color: #CCCCCC;		
		
		float: right;
	}
	
	#mainmenu
	{
		width: 650px;			
		
		font-size: 95%;
		text-align: left;
		
		color: #FFFFFF;
	}
	
	html>body #panel {overflow: visible;}  /* for firefox */
	


/* CLASSES */	

	.content
	{
		text-align: left;
		margin-left: 143px;
		padding-right: 20px;
	}
	
	
	.content_header
	{
		font-size: 85%;
	
		padding-top: 1px;
		padding-right: 15px;
		
		color: #999999;	
	}
	
	.content_body
	{
		padding-top: 10px;
		padding-bottom: 100px;
	}
	
	.menucat
	{
		width: 100px;
		float: left;
		font-weight: bold;
	}
	
	.submenu
	{
		padding: 7px;
	}
	
	.about
	{
		background-color: #990000;
	}
	
	.work
	{
		background-color: #0066CC;
	}
	
	.contact
	{
		background-color: #CC9900;
	}
	
	ul.sublist
	{
		font-size: 85%;
		padding-bottom: 7px;
	}
	
	ul.list_off
	{
		display: none;
	}
	
	ul.list_on
	{
		display: block;
	}
	
	.side_performance
	{
		background-image: url('images/side_performance.jpg');
	}
	
	.side_teaching
	{
		background-image: url('images/side_teaching.jpg');
	}
	
	.side_research
	{
		background-image: url('images/side_research.jpg');
	}
	
	.side_contact
	{
		background-image: url('images/side_contact.jpg');
	}
	
	.side_guestbook
	{
		background-image: url('images/side_guestbook.jpg');
	}
	
	.side_links
	{
		background-image: url('images/side_links.jpg');
	}
	
	.side_events
	{
		background-image: url('images/side_events.jpg');
	}
	
	.error
	{
		font-size: 120%;
		color: #FF0000;
	}
	
	
/* fake links */	
	ins
	{
		color: #6666CC;
		text-decoration:underline; 
		cursor:pointer;
	}
	
	
/* PSUEDO CLASS */
	
	a.about:link, a.about:visited
	{
		color: #FF6666;
		text-decoration: none;
	}
	
	a.work:link, a.work:visited
	{
		color: #6699CC;
		text-decoration: none;
	}
	
	a.contact:link, a.contact:visited
	{
		color: #FFCC66;
		text-decoration: none;
	}
	
	a.about:hover, a.about:active, a.work:hover, a.work:active, a.contact:hover, a.contact:active
	{
		color: #FFFFFF;
		text-decoration: underline;
		cursor:pointer;
	}
	
		
	.link_rollover
	{
		color: #CC0000;
		cursor: pointer;
		text-decoration: underline;
	}
	
	.headingShuffle{cursor:pointer}
	.headingShuffle:hover
	{
		text-decoration:underline; 
		cursor:pointer;
	}

	.linkContent{cursor:pointer; color:#000000}
	
	.linkContent:hover
	{
		color: #6666CC;
		text-decoration:underline; 
		cursor:pointer;
	}

	.linkSplash{cursor:pointer; color:#FF0000}
	
	.linkSplash:hover
	{
		color: #0000FF;
		text-decoration:underline; 
		cursor:pointer;
	}

	.hiddenText{cursor:pointer; color:"#333333"}
	
	.hiddenText:hover
	{
		color: #6666CC;
		text-decoration:underline; 
		cursor:pointer;
	}