body {background-color: #cccccc;}			
		 {font-family: arial;}

			
			/* Anything that has to do with the tab layout gets the CSS class 'tabwidget' */
			
			/* This is the list that holds the tabs. 
			
			   Applies to: A ul element with class="tabwidget" */
			ul.tabwidget
			{
				/* We don't want bullet points. */
				list-style-type: none;
				
				/* We want the first tab to be intended a little. */
				padding: 0 0 0 20;
				margin: 0 0 0 0;
			}
			
			/* These are the tabs.
			
			   Applies to: A li element inside a ul element with class="tabwidget" */
			ul.tabwidget li
			{
				/* Define some padding to make it look nicer. */
				padding: 0 14 0 14;
				margin: 0 10 0 0;
				
				/* We want all tabs on one line. */
				display: inline;				
				background-color: #dddddd;
				border-left: 1px #9d9d9d solid;
				border-right: 1px #9d9d9d solid;
				border-top: 1px #9d9d9d solid;
				
			}
			
			/* This is a tab that is currently selected.
			
			   Applies to: A li element with class="selected" inside a ul element with
			   class="tabwidget" */
			ul.tabwidget li.selected
			{
				/* Define a white border on the bottom. This will lay on top of the
				ul element's black border, so it'll look like this tab is connected to
				the content area below.*/
				background-color: #ffffff;
			}
		
			/* This is the div that holds the content below the tabs.
			
			   Applies to: A div element with class="tabwidget" */
			div.tabwidget
			{
				/* Define some padding - it looks nicer and prevents the
				tab from floating down, which happens, if the first element
				inside the div has a greater padding than the div itself.
				This is the case for the h2 used below, so comment this out and
				see what I mean.*/
				padding: 10 4 0 4;
				margin: 0 0 0 0;				
				background-color: #ffffff;
			}
			
			td.leftcolumn
			{
				background-color: #cccccc;
			}
			
			td.rightcolumn
			{
				background-color: #ffffff;
			}
			
			#content
			{
				margin: 50 40 50 10;
			}