body,
	html {
		font: 100% Arial, Helvetica, sans-serif;
		background: #ebebec;
		background-image: url(images/gradient.jpg);
		background-repeat: repeat-x;
		margin:0;
		padding:0;
		text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
		color: #333333;
}

#wrap {
		width:780px;
		margin:0 auto;
		background: #ebebec;
		text-align: left;
		border: 1px solid #000000;
		margin-top: 20px;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
}

#header {
		background: url(images/TOC-hedder.jpg);
		padding: 75px;
}

#h1 {
		margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	
}

a {
	font-weight: bold;
	color: #662d91;
	text-decoration: none;
	font-size: 14px;
}

a:link {
	color: #333333;
}

a:visited {
	color: #333333;
}

a:hover {
	text-decoration: none
	color: #df6d27;
}

a:active {
	color: #df6d27;
}

#line {
		padding:10px 10px;
		background:#ffffff;
		border-bottom: 4px solid #df6d27;
}


#nav {
		padding: 0px;
		background: none;
		float: centre;
		padding-left: 20px;
		padding-top: 20px;
}

#nav ul {
		margin:0;
		padding:0;
		list-style: none;
}

#nav li {
		display: block;
		margin:0;
		padding: 4px;
		border-bottom: 1px solid #666666;
}

#Nav a {
		color: #FFFFFF;

}

#nav a:hover {
		color: #df6d27;
		text-decoration: none;

}



#main {
		float: right;
		width: 470px;
		padding: 30px;
		background:#ebebec;
		zoom: 1;
}

#main a {
		color: #333333;
		font-size: small;
}

/* When the mouse hovers over a link in the footer, it will appear with a slightly different brownish yellow text compared to the main menu and the text will not be underlined. */

#main a:hover {
		color: #df6d27;
		text-decoration: none;
}

h2 {
		margin:0 0 1em;
}



p {
		font-size: small;
}


#footer {
		background:#4c4d4f;
		padding: 1px;
		clear: both;
		text-align: center;

}

#footer p {
		margin: 0;
}

#footer ul {
		margin:0;
		padding:13px;
		list-style:none;
}

#footer li {
		display:inline;
		margin:0;
		padding:1px;
}

#footer a {
		color: #FFFFFF;
		font-size: small;
	

}

#footer a:hover {
		color: #df6d27;
		text-decoration: none;

}