/*--General-----------------------------------------------*/
html {
  margin 0;
}
body {
  position: relative;
  margin: 0;
  color: black; 
  background: url('paboukBG100.gif');
  font-family: Arial, Helvetica, sans-serif;
}
table { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
form {
  display:inline;
  margin:0px;
  padding:0px;
}

/* Descendant selector syntax (whitespace-separated). imgs inside <a> tags */
a img {
  border:none;
  margin:0px;
  padding:0px;
}

/* grouping: comma separated list: all elements share the properties */
h1, h2, h3, h4, h5, h6, p, div, ul {
}

.right {
  float:right;
}

.left {
  float:left;
}

/*-Left column menu---------------------------------------*/

div.localmenu {
  position: absolute;
  width: 150px; 
  top: 10px; 
  left: 10px; 
  bottom: 10px; 
  float: left;
  background: aqua;
  /* These will be overriden for standard browsers */
  padding-top: 10px;
  padding-bottom: 100px;
}

/* Child selector to hide fixed attribute from winie6 which apparently gets
   confused (as per multiple web references, w3c among others) */
body>div.localmenu { 
  position: fixed;
  padding-top: 10px;
  padding-bottom: auto;
}

.localmenu ul {
  font-size: 75%;
  margin-left: 2px; 
  padding-left: 20px;
  line-height: 150%;
  list-style-image: url("anchor-10.png");
  list-style-position: outside;
}

.localmenu .notice {
  margin: 4px;
  background: yellow;
  padding: 2px;
  text-align: center;
}

.localmenu .search {
  padding-left: 0.3em;
}
/* ie */    
div.localmenu input {
  font-size: 75%;
}
/* Others */
body>div.localmenu input {
  font-size: 75%;
}
             
/*-Main column------------------------------------------*/
.maincolumn {
  margin-left: 160px;
  margin-right: 10px;
  padding-left: 10px;
}

/*-Header-------------------------------------------------*/

.header {
  margin-top: 10px;
}

.header img {
  vertical-align: middle;
}

.header h1 {
  margin: 0px;
  padding: 0px;
  line-height: 100%;
  padding-left: 10px;
}
.header .motto {
  font-size: 100%;
  font-weight: bold;
  font-style: italic;
  padding-left: 30px;
  vertical-align: top;
}
    
/*-Locator-----------------------------------*/
div.treebranch {
  font-size: 80%;
  margin: 10px;
  font-weight: bold;
}
.treebranch ul { 
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.treebranch li { 
  margin-left: 3px; 
  float: left; 
}

/*- waves separator---------------------*/
.waves {
  clear: both;
  height: 22px;
  background: url('vague_blue.gif');
}

/*-Main content area-------------------------*/
.content {
    margin-top: 2em;
}

.content img {
    margin: 0.3em;
}

.content h5.date {
    clear: both;
}

#articlelist { 
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#articlelist li { 
  margin-left: 1em;
  padding-left: 0px;
  padding-bottom: 1em;
  font-weight: bold;
}

#mission { 
  font-style: italic;
  font-size: 80%;
  text-align: center;
 }
/*-Copyright, etc...-------------------------*/
.footer {
    font-size: smaller;
}

/*- Misc utilities */
div.vpad100 {height: 100px;}
div.vpad50 {height: 50px;}
div.vpad10 {height: 10px;}
div.clearer { line-height: 0; clear: both; }