@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: 880px;
}


/* 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: 280px; 
   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: 10px; width: 260px; }

div#container div#topics ul li {
   dispaly: inline;
   float: left;
   margin: 5px 0 0 0;
   width: 250px;
   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 0.7em 0;
   line-height: 180%;
}

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

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; float: left; margin-left: 1em;}

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; }
/*--------------------------------------------------------------

	Content
	
--------------------------------------------------------------*/

div#wrapper div#container div#content {
   background: #fff;
}


/*--------------------------------------------------------------

	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;
}