@import url("FONadvanced.css");

	* { font-family: Arial,Helvetica,sans-serif; }

	#sun {position: absolute; top: 5%; left: 2%; }
	#header { position: absolute; top: 1%; left: 2%; }
	
	h1 { font-family: Arial,sans-serif; font-size: 1.8em; font-weight: bold; text-align: center; margin: 0 0 0 0; }
	h2 { font-family: Arial,sans-serif; font-size: 1.4em; font-weight: bold; text-align: center; margin: 0 0 0 0; }
	
	
	
	/*Header*/
	.header { border-top: 8px solid #C00; border-bottom: 8px solid #090; color: #FFCC33; padding: 2; width: 50%; }
	
	/*Navigation bar*/
	div.links { display: block; background-color: #CC0000; padding: 6; border-left: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; width: 18%; }
	#linksid { position: absolute; top: 18%; left: 1%; }
	a.links { color: #FFFFFF; font-size: 0.9em; }
	a.links:hover { color: #F00; background-color: #FFF; font-size: 0.9em; text-decoration: none;}
	a.links:active { color: #F00; background-color: #FFF; font-size: 0.9em; text-decoration: none;}
	ul.links { color: #FFF;  margin-left: 0; list-style-type: disc; list-style-position: outside; }
li.links { margin-bottom: 1em; }
	.colheading { font-size: 1em; font-weight: bold; font-style: normal; color: #330066; text-align: center; }
	.latest { font-size: 1em; font-weight: bold; font-style: italic; color: #CC0000; background-color: #FFF; }

	/*Newsletter*/
	p.news { display: block; background-color: #009900; color: #FFCC33; padding: 10; width: 160; }
	p.newsitem { font-size: 0.9em; color: #000066; margin-top: 1em; margin-bottom: 1em; }
	.itemleft { border: 2px solid #CC0000; background:#FFCC33; padding:10px; margin-left: 1.6em;  margin-right: 1.6em; margin-bottom: 2em; }
	a.newsindex:active { background: #ffc; color: #900; text-decoration: none; }
	a.newsindex:hover { background: #ffc; color: #900; text-decoration: none; }
	a.newsindex:link { color: #006; }
	a.newsindex:visited { color: #006; }
	.author { text-align: right; }
	.contentpane { display: block; padding: 6px;  width: 68%; }
	#contentpane { position: absolute; top: 18%; left: 26%; }

#contentpanewithnews { position: absolute; top: 68%; left: 26%; }
.newsbox { display: block; width: 68%; padding: 6px; border: 6px solid #CC0000; background-color: #FFFFFF; }
#newsbox { position: absolute; top: 18%; left: 26%; }
.newsbox h2 { color: #FF0000; }


	.caption { font-size: 0.8em; font-style: italic; font-weight: bold; }
	.smaller { font-size: 0.8em; }