html {margin: 0;
	padding: 0;
	}

body#hack {margin: 0;									/* added id to body to hide stuff from NS4 */
	padding: 0;
	background-image: url(background.gif);
	text-align: center;
	}

div.page {width: 720px;
	margin: 0 auto;}

div#titlebar {border: 2px solid rgb(120,157,173);
	margin: 0 auto;
	-moz-box-sizing: border-box;
	}
	
div#titlebar img {display: block;} 						/* to counter the "mysterious gap" problem */

div#maincontent {text-align: left;
	width: 571px;
	border-left: 2px solid rgb(120,157,173);
	border-right: 2px solid rgb(120,157,173);
	border-bottom: 2px solid rgb(120,157,173);
	margin: 0 auto;
	padding-bottom: 16px;
	-moz-box-sizing: border-box;						/* to switch Mozilla into using the Microsoft box model */
	float: left;
	color: black;
	background-color: white;
	background-image: url(text-background.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	line-height: 1.3;
	}
	
	div#menu {text-align: left;
		color: black;
		background-color: rgb(254,241,208);
		border: 2px solid rgb(252,201,72);
		height: 21px;
		line-height: 1.5;
		-moz-box-sizing: border-box;
		}

		div#menu a {color: black;
			background-color: transparent;
			text-decoration: none;
			font-size: 11px;
			text-align: center;
			padding-bottom: 1px;
			padding-top: 1px;
			}
		
		div#menu>a {display: block;						/* another system to handle the menu links, */
			float: left;								/* for Mozilla and its kin. */
			}

		div#menu a#homelink {width: 40px;}
		div#menu a#programlink {width: 110px;}
		div#menu a#courseslink {width: 55px;}
		div#menu a#applicformlink {width: 105px;}
		div#menu a#partnerslink {width: 55px;}


		div#menu>a#homelink {width: 100px;}				/* widths for Moz & co. */
		div#menu>a#programlink {width: 105px;}
		div#menu>a#courseslink {width: 106px;}
		div#menu>a#applicformlink {width: 146px;}
		div#menu>a#partnerslink {width: 106px;}
		
		div#menu a:hover {color: black;
			background-color: rgb(252,201,72);
			}

	div#introduction {border-top: 2px solid rgb(120,157,173);
		padding: 12px 23px 0 23px;
		font-weight: bold;
		}
		
		div#introduction p {margin-top: 0;
			margin-bottom: 14px;}

	div#line {text-align: left;
		border-bottom: 1px dashed rgb(170,170,170);
		-moz-box-sizing: border-box;
		margin: 0 9px;
		margin-bottom: 11px;
		font-size: 1px;
		line-height: 0;}

	div#leftcolumn {width: 276px;
		float: left;
		-moz-box-sizing: border-box;
		margin-bottom: 16px;
		margin-left: 4px;
		padding-left: 12px;
		padding-right: 10px;
		padding-bottom: 5px;
		border-right: 1px dashed rgb(170,170,170);
		border-left: 1px dashed rgb(170,170,170);
		}

	div#rightcolumn {width: 275px;
		float: left;
		-moz-box-sizing: border-box;
		margin-bottom: 16px;
		margin-right: 4px;
		padding-left: 10px;
		padding-right: 12px;
		padding-bottom: 5px;
		border-right: 1px dashed rgb(170,170,170);
		}

	div#maincontent>div#leftcolumn {margin-left: 8px;}		/* these two counter a bug */
	div#maincontent>div#rightcolumn {margin-right: 8px;}	/* in IE for Moz & co. */

div#news {width: 149px;
	-moz-box-sizing: border-box;
	float: left;
	border-right: 2px solid rgb(120,157,173);
	border-bottom: 2px solid rgb(120,157,173);
	border-left: 1px solid rgb(120,157,173);
	text-align: left;
	background-color: rgb(238,241,243);
	color: black;
	padding: 7px;
	}
	
	div#news ul {margin: 0;
		padding: 0;
		}
	
	div#news li {list-style-type: square;
		list-style-position: inside;
		margin-bottom: 12px;}
	
h1 {font-size: 11px;
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;}

h2 {font-size: 12px;
	margin-top: 0;
	padding-top: 0;
	font-family: verdana, sans-serif;}

h3 {font-size: 12px;
	font-weight: bold;
	margin-bottom: 12px;
	font-family: verdana, sans-serif;
	}

p {margin-top: 0px;
	margin-bottom: 12px;
	font-family: verdana, sans-serif;
	font-size: 11px;}

a, li, ul, ol {font-family: verdana, sans-serif;
		font-size: 11px;}

ol li {list-style-type: upper-roman;
	margin-bottom: 8px;
	}div#menu a#calllink { width: 125px; }
.workshop_fonts {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
.home_link {  width: 40px; height: 21px; clip:  rect(   ); text-decoration: none}
.program_link { width: 105px; height: 21px ; text-decoration: none}
.courses_link { width: 50px; height: 21px ; clip:   rect(   ); text-decoration: none}
.partners_link { width: 50px; height: 21px ; clip:  rect(   ); text-decoration: none}
.application_link { width: 105px; height: 21px ; text-decoration: none}
.participants_link { width: 140px; height: 21px ; clip:    rect(   ); text-decoration: none}
.table_background { clip:  rect(   ); text-decoration: none ; background-image: url(images/text-background.gif); background-position: right bottom; background-repeat: no-repeat; background-attachment: scroll; background-color: #FFFFFF}
.news { clip:    rect(  12px ); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}