/* Global */
body{
color: #565655;
margin: 0;
background: #5f7110;
font: 12px/1.4em Arial, Helvetica, sans-serif;
letter-spacing:0px;
margin : auto;
width : 769px;
height : 749px;
}


#top
{
background: url(images/top.png) no-repeat;
width : 769px;
height: 29px;
padding:0;
}

a 
{ 
color:#6e840b;
font: 12px/1.4em Arial, Helvetica, sans-serif;
text-decoration:underline;
}

a:hover 
{
text-decoration:none;
}

h2 
{
color:#95a938;
font: bold 13px Arial, Helvetica, sans-serif;
margin: 15px 5px 5px 0;
}

h3 
{ 
color:#95a938;
font: bold 13px Arial, Helvetica, sans-serif;
margin: 0 0 3px 0;
}

/******* Layout **********/
#wrapper
{
position : absolute;
width : 769px;
height : 642px;
background: url(images/l-bg.gif) repeat-y center;
top : 25px;
}

#header
{
background: url(images/shade.gif) repeat-x top;
height: 99px;
margin:0 21px;
}

#logo 
{
float: left;
width:300px; 
padding:25px 0 0 30px
}

#sm 
{ 
float: right;
padding:35px 50px 0 0
}

/****** Navigation **********/
#nav
{
background: url(images/nav.gif) repeat-x top;
height: 40px;
margin:0 18px;
padding-left:1px;
}

#nav ul 
{
margin: 0;
list-style: none;
padding:0;
}

#nav li 
{
display: block;
float: left;
}

#nav li a 
{
font: bold 12px Arial, Helvetica, sans-serif;
color: #FAFCF8;
text-decoration: none;
display: block;
padding: 12px 15px 13px 15px;
border-right: 1px solid #95a938;
}

#nav li a:hover 
{
background: url(images/hover.gif) repeat-x top;
}

/******* Content *********/
#main
{
position : absolute;
background: url(images/shade.gif) repeat-x top;
margin:2px 21px;
padding: 10px;
overflow: hidden;
clear:both;
width : 92%;
}

#content
{
width:480px;
padding:10px 0 10px 10px;
float:left;
}

#content p 
{
margin: 0 0 10px 0;
}

#content ul 
{
padding:0 0 10px 0;
margin:15px 0 0 25px;
list-style: square url(images/bullet.gif);
}

#content li 
{
margin:0;
 
padding:0 0 4px 0;
}

.img 
{
border: 1px solid #e5e5e5;
padding: 7px; 
margin: 0 0 12px 0; 
background-color:#fff;
}

.box1
{
width: 215px;
float:left; 
padding:7px; 
border: 1px solid #e5e5e5;
}

.box2 
{
width: 215px; 
float:left;
padding:7px; 
margin-left:12px;
border: 1px solid #e5e5e5;
}

.cont 
{ 
display:block;
background-color:#F7F7F7;
padding:8px;
}

.cont:hover
{ 
background-color:#fff;
}

/***** Side Bar **********/
#sidebar
{
position : absolute;
width:216px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
top : 10px;
right:10px;
}

.menu 
{
margin:20px 0 0 0;
padding:0;
list-style:none;
}

.menu li
{
height: 25px;
padding: 11px 0 0 45px;
background: url(images/menu.gif) repeat-x left top;
}

.menu a 
{
color:#475509;
text-decoration: none;
font-weight:bold;
}

.menu a:hover 
{ 
color:#000000;
}

/******** Footer *******/
#bas_de_page
{
position : absolute;
top : 548px;
width : 733px;
height : 151px;
}
#footer-line
{
width : 100%;
background: #89a606 url(images/footer.gif) repeat-y left;
height: 13px;
margin:0 18px;
}

#footer 
{
width : 94%;
background: url(images/shade.gif) repeat-x top;
margin:2px 21px;
padding: 18px;
line-height:1.6em;
}

.crd a 
{ 
color:#565655;
text-decoration:none;
}

#bottom
{
position : absolute;
background: url(images/bottom.png) no-repeat center;
top : 91px;
left : -1px;
width : 770px;
height: 27px;
}

#fin
{
position : absolute;
bottom : -61px;
left : 197px;
}

a[title="phpMyVisites | Open source web analytics"]
{
position : absolute;
top : 100%;
right : 10px;
}