@charset "utf-8";
/* CSS Document */

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color: #99CC33; /*#eaeaff;*/
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align:center;
}

a img{
	border:none;
}

#backimage {
	margin:0px;
	padding:0px;
	background-image: url(../images/mainbottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#container{
	width:90%;
	text-align:left;
}

#col1 {
	float:left;
	width:238px;
	height:100%;
	margin-top:210px;
}


#col2 {
	margin-top:0px;
	margin-left:240px;
	margin-right: 10px;
}

#logo {
	position:absolute;
	width:227px;
	height:215px;
	/*left:0px*/
	top:10px;
	display:block;
}

#mainmenu {
	/*float: right;*/
	width:12em;
	margin:6px 6px 6px 6px;
	padding:0;
}

#mainmenu ul{
	width:12em;
	text-align:right;
	list-style-type:none;
}

#mainmenu li{
	margin:2px 2px 2px 2px;
	padding:0;
	
}

a.button {
    background: transparent url(../images/button_r1_c2.gif) no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left; 
    font: normal 12px arial, sans-serif;
    height: 31px;
    margin-right: 8px;
	margin-bottom: 8px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url(../images/button_r1_c1.gif) no-repeat;
    display: block;
    line-height: 21px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #333333;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


#main {
	background-color: #339900;
	padding:15px;
	min-height:350px;
}

#maintop{
	background-color: #99CC33;
	background-image:url(../images/border_r2_c1.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height:87px;
}

#mainend{
	background-color: #99CC33;
	background-image:url(../images/border_r4_c1.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:100px;
}

#infoactivities{
	float:right;
	background-color:#99ff99;
	width:240px;
	padding:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}

#footer {
	overflow:hidden;
	height:110px;
	clear:both;
	margin-left:238px;
	margin-right:20px;
	margin-top:10px;
	padding-top:0px;
	padding-left:30px;
	text-align:left;
	vertical-align:middle;
}

#footer .title {
	padding-bottom:0px;
	font-size:0.7em;
}

#footer a{
	text-decoration:none;
}

#footer ul{
	padding:0px;
	margin:0px;
	list-style:none none outside;
}

#footer li{
	padding:0px;
	margin:0px;
	font-size:0.7em;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.floatleft {
	float:left;
	margin-right:10px
}

.floatright {
	float:right;
}