/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	background-image: url("http://acrlla.org/pageimgs/biggrad-3.png");
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: top center;
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#666;
}
a:link { color: rgb(51, 102, 102); font-weight: 400; }
a:visited { color: #003366; text-decoration: underline; font-weight: 400; }
a:hover { color: #33ccff; text-decoration: underline; font-weight: bold; }
a:active { color: #007299; text-decoration: underline; font-weight: bold; }
.themenu a:link  { color: rgb(51, 102, 102); font-weight: 200;}
.themenu a:visited { color: #003366; text-decoration: underline; font-weight: 200;}
.themenu a:hover { color: #33ccff; text-decoration: underline; font-weight: 200;}
.themenu a:active { color: #007299; text-decoration: underline; font-weight: 200;}
h1 { font-size: 1.4em; font-weight: bold; margin: 0.67em 0; }
h2 { font-size: 1.2em; font-weight: bold; margin: 0.67em 0; }
k1 { text-align: center; font-size: 1.5em; font-weight: bold; margin: 0.67em 0;}
k2 { font-size: 1.2em; font-weight: bold; margin: 0.67em 0; }
k3 {color: #FFFFFF; }
p { 
	line-height:1.5; 
	margin:0 0 1em;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:676px;
	background:#FBFBFB;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	padding:1em;
	background:#ddd url("../csslayout.gif") 98% 10px no-repeat;
	border-bottom:6px double gray;
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

div#content {
	padding:3em 1em 5em; /* bottom padding for footer */
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#ddd;
	background-image:url(http://acrlla.org/pageimgs/grengrad-boto.png); background-repeat:repeat-x;
	font-size: 0.66em; vertical-align: bottom;
	text-align: center
}
	div#footer p {
		padding:1em;
		margin:0;
	}
	
div#k5 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; position: bottom; vertical-align: top; text-align: center; font-size: 1.7em; margin: 0.67em 0; text-decoration: underline overline;}

div#k6 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; position:relative; vertical-align: top; text-align: center; font-size: 1.4em; }
	
	/* new code from honey start ok */
#visibleHeader {position: relative; margin:0 auto;width:980px; height:270px;}

#topNav {margin:0 0 0px 0px;height:36px;width:677px;overflow:hidden; float:left;}
#topNav a, #topNav div {background:transparent url(http://acrlla.org/pageimgs/topnavi.gif) no-repeat;height:36px;overflow:hidden;display:block;text-indent:-20000px;float:left;}

#topNav .aboutus {width:80px;background-position:0 0;}
#topNav a.aboutus:hover {background-position:0 -36px;}
#topNav .proj {width:116px;background-position:-80px 0;}
#topNav a.proj:hover {background-position:-80px -36px;}
#topNav .publicat {width:135px;background-position:-196px 0;}
#topNav a.publicat:hover {background-position:-196px -36px;}
#topNav .exec{width:113px;background-position:-331px 0;}
#topNav a.exec:hover {background-position:-331px -36px;}
#topNav .event {width:74px;background-position:-444px 0;}
#topNav a.event:hover {background-position:-444px -36px;}
#topNav .forum {width:88px;background-position:-518px 0;}
#topNav a.forum:hover {background-position:-518px -36px;}
#topNav .join {width:71px;background-position:-606px 0;}
#topNav a.join:hover {background-position:-606px -36px;}