@charset "UTF-8";

/*____________________________________________________

     Top Style
     Center for the Science of Human Endeavor

____________________________________________________*/


/* Header
____________________________________________________*/

div#container div.box h2 {
   float:left;
   width: 600px;
   margin: 0;
}


div#container div#content h3 {
   margin: 0 0 15px 0;
  
}
/* Box
____________________________________________________*/

div#container div.box {
   display: inline;
   float: left;
   clear: both;
   margin: 1em 10px 1em ;
   width: 825px;
}


/* 3ƒJƒ‰ƒ€
____________________________________________________*/

div#container div#content div#service,
div#container div#content div#measures,
div#container div#content div#about
  {
   display: inline;
   float: left;
   margin: 0 10px 2em;
   width: 260px; 
   background: url(../images/content-border.gif) repeat-x left bottom;
}

div#container div#content div#service p,
div#container div#content div#measures p,
div#container div#content div#about p
  {
   margin: 0em 0 1em;
   line-height: 180%;
 
}

div#container div#content div#service p.text,
div#container div#content div#measures p.text,
div#container div#content div#about p.text
  {
   float: left;
   margin: 0em 0 1em;
   height: 150px;
 
}

div#container div#content div#service p img,
div#container div#content div#measures p img,
div#container div#content div#about p img
  {
   float: left;
   clear: both;
   margin: 0 0 0.5em;
}

div#container div#content h4 {
   margin: 2.5em 0 0.5em;
   height: 40px;
   font-size: 120%;
   color: #0082ae;
   font-weight: bold;
}

/* Topics
____________________________________________________*/

div#container div.box div#topics {
   float: left;
   margin-left: 5px;
   width: 200px;
}

div#container div#topics ul li {
   dispaly: inline;
   float: left;
   margin: 5px 0 0 5px;
   width: 200px;
   list-style: none;
}


div#container div#topics ul.data {
   margin-top: 1em;
   min-height: 150px;
}


div#container div#topics ul li ul {
   display: inline;
   width: 180px;
   float: left;
   margin: 0 0 1.5em 0;
   line-height: 180%;
}

div#container div#topics ul li ul li {
   margin:0.2em 0 0 0;
}

div#container div#topics ul li ul li.title {
   padding: 0 0 0.5em 0; 
   border-bottom: 1px solid #ccc;
}


div#container div#topics ul li ul li.title a {
   color: #0082ae;
}

div#container div#topics ul li ul li.title img {
   vertical-align: middle;
}

div#container div#topics ul li.more {
   clear: both;
   text-align: right;
   color: #333;
   padding-top: 0.5em;
   border-top: 1px solid #ccc;
}

div#container div#topics ul li.more img 
  {
   vertical-align: middle;
}

div#container div#topics ul li p 
  {
   margin: 0.2em 0 0 0;
   color: #333;
}

/* Misc
____________________________________________________*/

div#container div#measures  {
   float: left;
   width: 300px;
}

div#container div#misc p img {
   clear: both;
   margin: 1.5em 0 0 0;
   border: 2px solid #245849;
}

div#container div#misc p span {
   display: block;
   clear: both;
   margin: 1em;
   text-align: right;
   font-size: 85%;
   color: #333;
}