body	{
		margin: 0;
		text-align: center;
		padding-top: 10px;
		font-family: verdana, "lucida sans", sans-serif;
		}

#container
		{
		margin: 0 auto 1em auto;
		background-color: white;
		color: black;
		width: 780px;
		} 

.banner	{
		border-bottom: 20px solid rgb(232,221,237);
		}

#content
		{
		float: right;
		text-align: left;
		font-size: 0.8em;
		color: rgb(78,12,109);
		background-color: white;
		width: 560px;
		margin-top: 0.5em;
		padding-top: 0;
		padding-left: 0.5em;
		border-left: thin silver solid;
		
		height: 350px; /* for IE only as doesnt understand min-height */
		}

html>body #content
		{ 
		height: auto; 
		min-height: 350px; 		
		}

h1		{
		font-size: 150%;
		}

h2		{
		font-size: 125%;
		}

.conditions /* for Management of Grants page */
		{
		margin-bottom: 0.8em;
		margin-left: -20px;
		padding-left: 0;
		}
		
 #navcontainer	
 		{
		font-size: 0.8em;
		float: left;
		margin-top: 10px;
		text-align: left;
		}
		
#navcontainer ul
		{
		margin: 0;
		padding: 0;
		list-style-type: none;
		}

#navcontainer li 
		{
		margin: 0 0 .2em 11px;
		}

#navcontainer a
		{
		display: block;
		color: black;
		width: 180px;
		padding: .2em .8em;
		text-decoration: none;
		}

#navcontainer a:hover
		{
		background-color: rgb(243,226,198);
		color: black;
		}

#footer	{
		clear: both;
		background-color: rgb(232,221,237);
		color: black;
		width: 780px;
		margin: 0 auto 0 auto;
		border-bottom: 1em solid white;
		height: 2em;
		}

#footer p
		{
		text-align: center;
		font-size: 0.7em;
		font-weight: bolder;
		}