#grc1 { position:relative;width:100%;margin:0;padding:0; }
#grc2 { position:relative;width:100%;margin:0;padding:0; }
#grc3 { position:relative;width:100%;margin:0;padding:0; }

/* the three top anouncement boxes */
#b1 { position:relative;width:auto;top:0;left:0;  }
#b2 { position:relative;width:auto;top:0;left:0; }
#b3 { position:relative;top:0;left:0;margin:0;padding:0; }
#b4 { position:relative;width:auto;top:0;left:0;margin:0;padding:0; }
#b5 { position:relative;padding:0;margin:0; }
#b6 { position:relative;width:auto;top:0;right:0;margin:0;padding:0; }


#b7 { position:relative;width:100%;margin:0;padding:0; }


/* brutalist boxes */

#grc1 div.small { margin:0;padding:0;background:transparent; }
#grc1 div.large { margin:0;padding:0;background:transparent; }
#grc1 div h2 { margin:0;padding:0 0 0.25em 0;color:#333;background:transparent; }

#grc1 div.small { background-color:#fff; }
#grc1 div.large { background-color:#fff; }
#grc1 div.small h2 { color:#333; }
#grc1 div.large h2 { color:#333; }

#grc1 div p { color:#333;padding:0;margin:0 0 0.25em 0; }
#grc1 div.large h2 { font-size:inherit!important; }

#grc1 { background:transparent; }
#grc2 { background:transparent; }

#b5 { border:0; }
#b5,#b6 { background:#fff;border:0; }
#b6 { padding-left:0; }
#b7 { background:#fff;border:0;}

/* docparts */

#dateline { 
	position:relative;
	top:0;
	width:100%;
	height:18px;
	font-size:x-small!important;
	margin:20px 0 10px 0;
	padding:0.25em 0 0.25em 0;
	color:#333;
	background:transparent;
	}
	
#dateline p { margin:0;padding:0; }
	
#viseye { border:1px solid black;}

#c { display:none; }
	
#menubar { width:100%;margin:0;padding:0;background:transparent; }
#menubar form,#menubar select,#menubar input { padding:0;margin:0; }
#grc1 table#menubar p { padding:0;margin:0; }
#mb1 { width:auto; }
#mb2 { background:transparent; }
#mb3 { background:transparent; }

#edpic { background:#fff;padding:20px 10px 0 0; }

#submenu, #submenu form, #submenu input, #submenu select, #submenu p, #submenu h2  { margin:0 0 0.25em 0;padding:0; }
#submenu a:link,#submenu a:visited { color:#333; }

#searchbox {padding:0;color:#333;background:transparent; }

#menufooter { margin:0;padding:20px 10px 5px 0;color:#333;background:transparent; }
#menufooter a:link,#menufooter a:visited { color:#333; }

#lecturelisting li {margin-bottom:0.5em;}

#footer { text-align:center;padding:2em 10% 3em 10%; }	



/* TYPOGRAPHY */

	/* size keyword hack - allows similar size of text by keyword across browsers by 'tricking' IE4 PC */
	
	body { 
		margin:0;
		padding:5% 5% 0 10%;
		color:#333;
		background:transparent;
		font-family: sans-serif;
		}
	
	body div p, body div h1, body div h2, body div h3, body div h4, body div h5, body div h6, body div h7, body div li, body div dt, body div dd {
		font-size:x-small;      
		voice-family: "\"}\"";   
		voice-family:inherit;
		font-size:small;
		}

	/* for Opera */
	body>div>p, body>div>h1, body>div>h2, body>div>h3, body>div>h4, body>div>h5, body>div>h6, body>div>h7, body>div>li, body>div>dt, body>div>dd {
		font-size:small;
		}

	/* hack ends */

	/* content paragraphs */
	p { margin:0;padding:0 0 1em 0; }
	
	/* h1 and h2 are section headers - this sets their rules (with 0 margin and top padding) for section parts */
	/*h1, h2 { border-top:1px solid #cca;margin:0 -10px 0 -15px;padding:1em 10px 0 15px; }*/

	h3,h4,h5,h6,h7 { margin:0;padding:1em 0 0 0; }


	/* basic (non-mainnav) links */
	a:visited, a:active, a:link { color: #333; }
	h2 a:visited, h2 a:active, h2 a:link { text-decoration:none; }
	a:hover { color: #333; }

	
	.anouncepic {
		width:80px;
		height:80px;
		border:1px solid #600;
		float:right;
		padding:0;
		margin:47px 10px 0 5px;
		}

/* For Google adwords the Google api names the iFrame "google_ads_frame" */
iframe { border:0;padding:0;margin:0;background:#fff; }




/* vertical dividers */
#b1, #b2, #b3, #b4, #b5, #b6, #b7 { 
	margin:1em 0 0.5em 0;
	padding:0.5em 0 0.5em 0;
	border-bottom:1px dotted #ccc;
	}




