* {
    padding: 0;
    margin: 0;
} 

body {
background: url(./images/bg.jpg) no-repeat;
background-color: #99cc00;
background-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
color: #fff;
}

img { 
border: none;
}

a { 
color: #fff;
text-decoration: none;
}

a:hover { 
text-decoration: none;
color : #99cc00; 
}

ul {
list-style-type: none;
}

ul li {
display: block;
}

#wrap {
margin: 0 auto;
width: 800px;
padding-top: 10px;
padding-bottom: 20px;
}

#header { 
padding: 10px 0 20px 0;
background: #003300;
border: outset 2px #ddd;
}

#header h1 {
padding-top: 16px;
text-transform: uppercase;
font-size: 16px;
font-weight: bolder;
letter-spacing: 2px;
text-align:center;
}

#header h1 a {
color: #fff;
text-decoration: none;
}

#header h1 a:hover {
color: #fff;
text-decoration: none;
}

#header h3 {
padding-top: 12px;
text-transform: uppercase;
font-size: 12px;
font-weight: bolder;
letter-spacing: 2px;
text-align:center;
}

#header h3 a {
color: #fff;
text-decoration: none;
}

#header h3 a:hover {
color: #fff;
text-decoration: none;
}



#header h2 {
color: #99cc00;
font-size: 15px;
font-weight: 100;
letter-spacing: 3px;
line-height: 18px;
text-align:center;
}

#header span.capit {
font-size: 20px;
font-weight:bolder;
font-style: italic;
padding: 0 0.15em;
margin: 0 0.15em -0.5em 0;
color: #666666;
background: #99cc00;
border: 3px outset #ccc;
}

#header span.francit {
font-size: 15px;
font-weight:bolder;
font-style: italic;
padding: 0 0.15em;
margin: 0 0.15em -0.5em 0;
color: #666666;
background: #99cc00;
border: 1px outset #ccc;
}

#menu {
height: 40px;
line-height: 40px;
text-transform: uppercase;
}

#menu ul
{
margin: 0;
padding-right: 5px;
list-style: none;
}

#menu li
{
display:block;
float: right;
display: inline;
}



#menu a
{
color: #fff;
padding: 5px 5px 5px 5px;
text-decoration: none;
font-size: 12px;
letter-spacing: 1px;
background: #99cc00;
border: outset 1px #ccc;
}

#menu a:hover
{
color:#99cc00;
background: #fff;
border: outset 1px #ccc;
}

#menu .active a
{
color: #000;
background: #FF9900;
border: outset 1px #ccc;
}

#content {
padding: 10px 20px;
background: #003300;
border: outset 2px #ddd;
}

.articles {
padding-left: 20px;
padding-right: 20px;
}

.articles p {
padding-top:20px;	
padding-bottom: 10px;
}

.articles a {
font-size: 12px;
text-decoration: none;
font-weight:bolder;
color: #99cc00;
}

.articles a:hover {
text-decoration: none;
color: #fff;
}

.articles li {
padding-top: 5px;
padding-left:50px;
}

#green {
color: #99cc00;
font-size: 15px;
line-height: 20px;
}

#quote {
padding-left: 70px;
padding-right: 70px;
font-size: 15px;
text-align:left;
}

#quote a {
font-size: 12px;
text-decoration: none;
font-weight:bolder;
color: #fff;
}

#quote a:hover {
text-decoration: none;
color: #99cc00;
}

#quote ul {
padding-top:10px;
color: #666666;
}

#quote li {
padding:5px;
}


#quote h2 {
padding-left: 0px;
text-align:left;
height: 20px;
font-size: 14px;
color: #fff;
line-height: 30px;
font-weight: 600;
letter-spacing:1px;
}

#quote h3 {
color: #99cc00;
font-size: 15px;
height: 20px;
padding-left: 0px;
text-align:left;
border-bottom: 1px solid #99cc00;
}

#slides {
width: 220px:
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 30px;
background: #003300;
color: #fff;
font-size: 15px;
text-align:center;
}


.right {
width: 568px;
float: right;
text-align: justify;
}

.right h2 {
text-align: left;
color: #ff9900;
font-size: 20px;
line-height: 30px;
letter-spacing: 1px;
font-weight: 100;
padding-top: 10px;
padding-left:30px;
padding-bottom:15px;
border-bottom: 1px solid #99cc00;
}


#rightmenu{
float:right;
width: 170px;
}

#leftmenu{
float:left;
width: 170px;
}

.left {
width: 150px;
float: left;
padding: 10px;
font-size: 12px;
background: #003300;
}

.left ul {
padding-top:10px;
color: #99cc00;
}

.left li {
padding:5px;
border:1px outset #ccc;
background: #99cc00;
display: block;
}

.left h2 {
height: 30px;
font-size: 14px;
color: #ccc;
line-height: 30px;
font-weight: 600;
letter-spacing:1px;
}

.left a
{
background: #99cc00;
text-decoration: none;
color: #fff;
}

.left a:hover
{
background: #99cc00;
text-decoration: none;
color: #000;
}


#footer {
margin-top: 0px;
text-align: center;
color: #000;
font-size: 8px;
padding: 10px;
}

#pic {
float: left;
padding: 10px;
}

#addthis {
float:left;
width: 150px;
padding-left: 20px;
}


#lingo
{
padding-left: 20px;
width: 150px;
float: left;
color: #000;
font-size: x-small;
}

#lingo ul {
list-style-type: none;
padding: 5px 10px 10px 20px;
color: #000;
}

#lingo h2 {
font-size: small;
color: #fff;
}

#lingo a { text-decoration: none }

#lingo p {
font-size: xx-small;
color: #000;
}

#lingo h3 {
font-size: x-small;
color: #000;
}

#search {
visibility: visible;
}

img.floatLeft { 
    float: left; 
    margin-right: 20px;     

}

img.floatRight { 
    float: right; 
    margin: 20px; 
}

.catc-caption {
text-align: center;
color: #99cc00;
font-size: 15px;
line-height: 20px;
font-weight: bolder;
}