div#panoramiopics {
position: inherit;
width: 100px;
float: right;
padding-left: 0.5em; }

a img {
border: none; }

body {
background-color: white;
font-family: Verdana, Arial, sans-serif;
max-width: 50em;
top: 0em;
left: 0em;
}

div.topnav {
background-color: #ffffcc;
background-position: 0em;
}

#topnav {
padding:0;
background: #ffffcc;
margin: 0em;
display: inline-block;
color: #000000;
width: 100%;
}

#topnav li {
float:left; 
height:2em;
line-height:2em;
position:relative;
text-align:center;
width: 20%;
display: block;
font-weight: bold; }

#topnav li a {
display:block;
text-decoration:none; 
color: #003366;
}

#topnav li a:visited {
color: #336699; }

#topnav li a:hover {
border:0;
background-color: #6699cc;
color: #ffffcc; }

div.topimage {
background-color: #6699cc;
text-align: center;
display: block;
height: 97px;
background-image: url(http://tribalnetworks.org/maroc/images/topimg5.jpg);
background-repeat: no-repeat; }

img#nostyle {
display: none; }

h1 {
text-align: center;
color: #006699;
margin-bottom: 2pt;
margin-top: 3pt;
}

h2 {
color: #666666;
margin-left: .5ex;
margin-right: .5em; }


div.main {
border-left: 2em #ffffcc solid;
border-right: 2em #ffffcc solid;
max-width: 50em;
display: inline-block;
font-family: Verdana, Helvetica, Arial, sans-serif;
}



a:link {color: #003366;
}



a:visited {color: #336699;
}



div.main p {
padding-right: 1ex;
padding-left: 1ex; }



img.link {
border: 0em none; }

div.rightimage{
float: right;
position: relative;
right: -1ex; }

div.leftimage{
float: left;
position: relative;
left: -1ex; }

div.imgcolumn {
text-align: center; }

p.imagemiddle {
text-align: center; }

div#footer {
background-color: #ffffcc;
display: inline-block;
width: 100%;
text-align: center;
}

img.left {
float: left;
padding-right: 1ex; }