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

body {background-color: #008838;
font-family: sans-serif;
	font-size: 12px;
}
#container
{
width: 945px;
margin: 0px auto;
background-color: #83B344;
color: #333;
border: 0px solid gray;

}

#top
{
padding: 0px;
margin: 0px;
width: 945px;
background-color: #D3FF99;
border-bottom: 0px solid gray;

}

#top h1
{
padding: 0;
margin: 0;
color: #83B344;
}

#leftnav
{
float: left;
width: 230px;
margin: 0;
padding: 0em;
background-color: #FFFFFF;

}

#content
{
margin-top: 0px;
margin-left: 25px;
border: 0px solid gray;
background-color: #83B344;
padding: 2em;
width: 840px;
heigh: 100%;
line-height: 150%;


 
}
#content h2
{
padding: 0;
margin: 0;
color: #0E3091;
}
#content h3
{
padding: 0;
margin: 0;
color: #008838;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #6A9137;
border-top: 0px solid gray;
}

#footer a
{

color: #333;

}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

.pagination{
padding: 2px;
top: 10px;

}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;

}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;

}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFFFF;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

.menu a {       /* definition for each button in the menu */
width: 10px;	   /* button width that can be changed at will */
height: 20px;
float: left;
display: block;
text-align: left;
margin: 2px;
background-color: #FFFFFF;


}

.menu a:hover {
color: #411;
background: #009966;
border: 1px solid gray; 
border-bottom: 0px;
color: #fff;
}

.menu a span {     /* definition of <span> tag included in <a> */
display: none;
}

.menu a:hover span {   /* definition of the <span> tag when hovering */
display: block;
position: absolute;
top: -4px;
left: 15px;
width: 230px;       /* Tooltips zone width according to menu width */
text-align: center;
color: #000;
font-size: 11px;
font-weight: bold;