body
{
  margin:      0;
  padding:     0;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  text-align:  center;
  background:  #000000 url(images/marroc.png) repeat;
  background-attachment: 
fixed
 
}

#container
{
  width:         686px;
  padding:       0;
  margin:        0px auto;
  border-left:   1px solid #000000;
  border-right:  1px solid #000000;
  border-bottom: 1px solid #000000;
  background:    #FFFFFF;
  text-align:    centre;
}

#header
{
  margin:       0;
  padding:      16px 0 0 30px;
  text-align:   center;
  height:       200px; /*IE5*/
  voice-family: "\"}\""; 
  voice-family: inherit;
  height:       180px;
}

#header img { border: none }

#navigation
{
  height:          66px;
  margin:          0;
  padding:         0 0 0 40px;
  border-top:      1px solid #000000;
  color:           #000000;
  align:          centre;
  font-size:       11px;
  line-height:     25px;
  list-style-type: none;
}

#navigation li
{
  float:      left;
  width:       65px;
  margin:      0 3px 0 0;
  padding:     0;
  color:       #000000;
  line-height: 90px;
}

#navigation ul
{

  float:          left;
  padding:         1000;
  list-style-type: none;
}

#navigation a
{
  margin:          0;
  width:           100%;
  display:         block;
  color:           #000000;
  text-decoration: none;
  border-top:      0px solid #000000;
  line-height:     18px;
}

#navigation a.quasilink
{
  margin:          4px 0;
  width:           100%;
  display:         block;
  color:           #000000;
  line-height:     18px;
  text-decoration: none;
  border-top:      4px none;
}

#navigation a:hover { 
color:           white;
background-color:#000000 }



#admin-content
{
  width:      500px;
  padding:    0 44px 20px 44px;
  text-align: left;
}
#primary-content
{
  margin:     0 200px 0 0;
  padding:    0 44px 20px 44px;
  text-align: left;
}

#primary-content p, #admin-content p
{
  margin:      0;
  padding:     6px 0 10px 0;
  font-size:   12px;
  line-height: 16px;
  color:      black;
}




#primary-content ul { margin:0; padding-left:2em }

#primary-content li
{
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  padding-bottom: 10px
}

#primary-content td, #admin-content td
{
  margin:      0;
  padding:     6px 10px 0 0;
  font-size:   12px;
  line-height: 16px;
  color:       #000000;
}





#secondary-content
{
  float:      right;
  text-align: left;

  width:      170px;
  margin:     0 20px 0 0 !important;
  margin:     0 10px 0 0;
  padding:    0;
}

#secondary-content p
{
  font-size:   11px;
  line-height: 1.2em;
  font-weight: normal; 
  color:       #000000;
}

#secondary-content h2
{
  margin:      0;
  padding:     0;
  font-size:   12px;
  line-height: 16px;
  font-weight: bold; 
  color:       #000000;
}






#post-it-bottom 
{
  height:        6px;
  width:         149px;
  margin-bottom: 194px !important;
  margin-bottom: 170px; /*IE */
  background:    url(images/fade_bottom.gif) top no-repeat;
}

#post-it 
{
  margin:     0;
  width:      129px !important; 
  width:      149px;
  padding:    4px 10px 4px 10px; 
  
}

#post-it p
{
  margin:      0;
  padding:     0;
  font-size:   11px;
  line-height: 12px;
  font-weight: normal; 
  color:       #000000;
}

#post-it h2
{
  margin:      0;
  padding:     0 0 0.8em 0;
  font-size:   12px;
  line-height: 16px;
  font-weight: normal; 
  color:       #000000;
}



#mail-subscribe-form
{
  margin:     0;
  width:      129px !important; 
  width:      149px;
  padding:    4px 10px 4px 10px; 
}


 
#submenu
{
  margin:          0;
  padding:         0;
  color:           #0000000;
  font-size:       11px;
  list-style-type: none;
}

#submenu h2
{
  width:          160px;
  text-indent:    5px; 
  padding-bottom: 0.3em;
  border-bottom:  1px solid #000000;
}

#submenu ul
{
  margin:          0;
  padding:         0;
  color:           #000000;
  list-style-type: none;
}

#submenu li
{
  margin:      0;
  padding:     0;
  display:     block;
  width:       160px;
  height:      30px;
  line-height: 30px;
  text-indent: 5px; 
  font-size:   11px;
  font-weight: bold;
}

#submenu li a 
{
  margin:          0;
  padding:         0;
  display:         block;
  width:           160px;
  height:          30px;
  line-height:     30px;
  text-indent:     5px;
  color:           #000000;
  font-size:       11px;
  font-weight:     normal;
  text-decoration: none;
}

#submenu li a:hover
{
  background-color: #000000;
}

#submenu a.quasilink
{
  margin:          0 0 0 17px;
  padding:         0;
  display:         block;
  text-decoration: none;
  text-indent:     5px;
  height:          30px;
  color:           #000000;
  font-size:       11px;
  line-height:     30px;
  font-weight:     bold;
}



h1
{
  margin:      0;
  padding:     0;
  font-size:   24px;
  line-height: 20px;
  font-family: SAMARKAN, Helvetica;
  color:       #000000;
}

h2
{
  margin:      0;
  padding:     0;
  font-size:   14px;
  line-height: 16px;
  font-family: SAMARKAN, Helvetica;
  color:       #000000;
}

h3
{
  margin:      0;
  font-size:   11px;
  line-height: 13px;
  font-weight: bold; 
  color:       #000000;
}

p a.site-map-level-1 { font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; padding:0; margin: 0 }
li a.site-map-level-2 { font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; padding:0; margin: 0 }

p a.site-map-level-1:hover, li a.site-map-level-2:hover { text-decoration: underline }

#primary-content img
{
  margin:        6px 0 16px 0;
}

a.brown-link:link, a.brown-link:visited, span.brown-link { color:#5A1602; text-decoration: none }
a.red-link:link, a.red-link:visited, span.red-link { color:#B60D00; text-decoration: none }
a.brown-link:hover, a.red-link:hover { text-decoration: underline }
span.red-text {color:#B60D00}
p.red-text {color:#B60D00}


li.top-level
{
  margin:          0;
  padding:         0;
  font-size:       12px;
  line-height:     1em; 
  list-style-type: none;
  font-weight:     bold;
}

a.top-level
{
  margin:          0;
  padding:         0;
  font-size:       12px;
  line-height:     1em;
  font-weight:     normal; 
  color:           #B60D00; 
  text-decoration: none;
  list-style-type: none;
}
a.top-level:hover
{
  text-decoration: underline;
}

p.top-level
{
  margin:      0;
  padding:     0;
  font-size:   12px;
  line-height: 1em;
  font-weight: normal;
  color:       #5A1602;
}


#primary-image
{
  width:   400px;
  height:  300px;
  margin:  0;
  padding: 0;
}
#primary-image img { padding: 0; margin: 0 }


#slideshow-controls
{
  width:       404px;
  font-size:   12px;
  line-height: 1em;
  font-weight: normal;
  text-align:  center;
  margin:      1.6em 0 2em 0;
}
#slideshow-text { }
#slideshow-text p { margin:0; padding:0}




div.footer
{
  height:          20px;
  padding-top:     30px;
  font-size:       11px;
  text-align:  center;
}

div.footer-leader
{
  float:        left;
  color:        #000000
  font-size:    11px;
  padding-left: 44px;
} 

div.footer-section
{
  float:        left;
  color:        #000000;
  font-size:    11px;
  padding-left: 32px;
} 



#float-right
{
  float:  right;
  margin: 10px 0 0 0;
  border-left: 20px solid #FFF;
} 

img.float-left
{
  float:  left;
  margin: 14px 20px 10px 0;
} 




div.gallery-series
{
  clear:  both;
}

img.gallery-series
{
  float:        left;
  border:       1px #666 solid;
}