/**
 * 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 */
	text-align: center;	
	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*/
	text-align: left;	
	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 */
	text-align:center;	
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}

div#footer {
	position:absolute;
	float: left;
	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:relative; 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;}

.form_title{
	color :  #000000 ;
	font-size: 12px;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
}

.form_subtitle{
	color :  #ffffff ;
	font-size: 12px;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	background-color : #008000;
}

.form_field {
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #474747;
	font-weight : bold;
	width: 230px;
}

.form_text{
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
}

.form_button_on{
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-weight : bold;
	border: 1px solid #D9D9D9;
	background-color : #f57301;
	border-color : #000000;
	border-right-color : #ffffff;
	border-bottom-color : #ffffff;
	text-align : center;
}

.form_button_off{
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-weight : bold;
	border: 1px solid #D9D9D9;
	background-color : #2ca755;
	border-color : #000000;
	border-left-color : #ffffff;
	border-top-color : #ffffff;
	text-align : center;
}

.form_search{
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
}

.form_error
{
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	padding:5px; background:#ffffcf;
	border:1px solid #d2d2d2;
}

.formmail_title{
	font-size: 16px;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bolder;
	background-color : #e5e5e5;
}

.formmail_field {
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #474747;
	font-weight : bold;
}

.formmail_text{
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
}

.menu_text{
	font-family: verdana, tahoma, arial;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

.menu_bg{
	background-color : #ffffd2;
	text-align:center;
}

.box{
	border : 1px solid #8ac428;
}
.form_copyr{
	font-family: verdana, tahoma, arial;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	text-align:right;
}