body {
    background:#c4d2a7;
    padding:0;
    margin:0;
    font-size:14px;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif !important; /* IE ignores this and renders Arial better */
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    color:#000;
}

#vertwrap{
   background: url(pics/fade.png) center repeat-y ;
}

#wrapper {
    width:836px;
    height:auto;
    overflow:hidden;
    padding:30px;
    padding-bottom:20px;
    background:#4c5d0f url(pics/background.jpg) center top no-repeat;
    margin:0 auto;
}



/*Header styles*/
#pageHeader {
    width:100%;
    padding:5px;
    height:150px; 
    text-align:center;
}


#pageHeader h1 {
    margin-top:30px;
    color:#008880;
    font-size:40px;
    text-align:center; 
    font-weight:normal;
    font-style:italic;
}


#pageHeader h1, #navBar,h2, h3, h4 {
   font-family:"Times New Roman",Times,FreeSerif,serif;
}

/*navBar styles (top menu navigation tabs)*/
#navBar {
    margin-top:-30px;
    height:30px;	
}

#navBar ul {
    text-align:left;
}

#navBar li {
    list-style:none;
    float:left;
    text-align:center;
    margin-right:8px;
    background:url(pics/top_menu_item.png) no-repeat;
    padding:0; 
    width:120px; 
    height:30px;
    margin-bottom:1px;
}


#navBar li a {
    text-decoration:none;
    width:100%;
    height:25px;
    padding-top:5px;
    margin-bottom:0;
    display:block;
    color:#223400;
}


#navBar li a:hover {
    text-decoration:underline;
    color:#000;
}


#navBar  .active {
    position:relative;
    top:1px;
    font-weight:bold; 
}


#navBar .active a{
    color:#111700;
}


#navBar  .active a:hover {
    text-decoration:none;
}





/*This class is used to give stuff a solid white background to make it stand out*/
.white_back{
	background-color:#eee;
}


/*this is the container for mainSection and sideBox divs with the transparent white background*/
.middlebit {
    width:780px;
    float:left;
    height:auto; 
    font-size:13px;
    padding-top:10px;
    padding-right:10px;
    background-image:url(pics/middle.png);
}



/* mainSection styles ; wide column on the left*/
#mainSection {
    padding:10px;
    width:750px;
    min-height:140px;
    float:left;
    margin-left:10px;
}

p{
text-shadow:#fff 1px 2px 4px;
}

#mainSection p a{
text-shadow:none;
}

#mainSection img {
    max-width:96%; 
}


#mainSection p,ul,h1,h2,h3,h4,h5,h6 {
    margin-top:2px;
}

#mainSection ul{
   padding-left:15px;
   padding-right:15px;
}

#mainSection ul li{ 
    margin-bottom:20px;
 }


#mainSection p { text-align:justify;}


/*sideBox styles : narrow column on the right*/
#sideBox {
	width:270px;
	float:right;	
	padding:10px;
	height:auto;
	margin-left:15px;
	margin-bottom:5px;
	background-image:url(pics/white.png);
	background-position:-400px 0;
}

#sideBox p{
    margin:0;
    padding:10px;
}

#sideBox img{
    max-width:100%;
}

#sideBox ul {
	padding-left:20px;
	padding-right:20px;
	}

#sideBox li a{
color:#4277a6;
text-decoration:none;
font-size:14px;
font-weight:bold;
}

#sideBox li.active  {
text-decoration:underline;
}

#sideBox li a:hover{
text-decoration:underline;
}

/*Slideshow on the homepage*/

#slideshow { 
margin:0 auto;
width:251px;
}


#slideshow img{ 
margin: 5px 0 5px 0;
}

/* pageFoot styles */
#pageFoot {
    width:790px;
    display:block; 
    margin-bottom:-30px;
    color:#232323;
    height:30px; 
    border:0;
    float:left;
    background:url(pics/foot.png) top center no-repeat;
}


#pageFoot span {
    padding:16px; 
}

#pageFoot  a , #credits span a  {
    text-decoration:none;
    color:#000; 
}

#top_link{
width:70px;
float:right;
padding-left:15px;
padding-right:10px;
}


#credits a:hover ,#top_link a:hover{
text-shadow:#fff 0px 0px 6px;
}

.arrow_up{
background:url(pics/blue_arrow_up.png) no-repeat center left;
}




#credits a:visited{
	color:#cbf22c;
}


#browserWarning {
	display:none;
	color:#0122fd;
	font-family:"New Century Schoolbook,TSCu_Comic, serif";
	font-style:italic;
	background-image:url(pics/warn.png);

	}
	
#notIE {
	display:inline;
	}


/*credits div styles*/
#credits {
color:#fff;
width:830px; 
float:left;
text-align:center;
margin-top:40px;
padding:10px;font-size:10px;
font-weight:bold;
}


/* Languages Menu styles */


#langs {
	width:30px;
	margin-left:1px; 
	float:left; 
	text-align:left;
	padding:0;
	}

#langs ul { margin:0; padding:0; }

#langs li {list-style:none; margin-bottom:10px; padding-top:10px; height:30px; width:50px; background-image:url(pics/right_tab.png); background-position:100% 0; background-repeat:no-repeat; }

#langs ul li a {text-decoration:none; height:100%; position:relative; top:-1em; display:block; padding-top:14px; padding-left:6px;  }

#langs img{border:0; width:33px;  margin:0; padding:0;}

.langact {position:relative; right:1px; }


a img {border:0;}

a:hover{
text-decoration:none;
}

#annuaires{
	height:60px;
	padding-top:20px;
}

#annuaires ul{
	text-align:center;
}

#annuaires ul li{
	display:inline;
	list-style:none;
}

#annuaires ul li img{
	border:0;
}


/*general styles */


ul {margin:0; padding:0;}

h2 {
	padding:10px;
	color:#230003;
	text-decoration:underline;  
	font-size:110%; 
}

form {text-align:center; padding-right:100px; padding-left:100px;}

table{
	margin:0 auto;
	padding:10px;
	border:1px solid #000;
	background-color:#eee;
	}

td{
	padding:10px;
	border:1px solid #000;
}


fieldset{
padding:15px;
background:url(pics/white.png) center;
}

.alignCenter{
 text-align:center;
}


.alignRight  {
  text-align:right;
}


.bigred  {
  color: #680007; 
  font-weight:bold; 
}




.mTop  {
  margin-top:30px; padding-top:10px;
}



.utext  {
  text-decoration:underline;
}


.special ul,
.special ol {
    color: green;
    }