/* ----------------------
Persistent Objects Ltd
Author: Alan Hicks
From an idea by Douglas Bowman - http://www.stopdesign.com/
------------------------- */

body {
  background:#ccc;
  margin:0;
  padding:10px;
  font-family: Verdana, Sans-serif;
  color:#fff;
  }
#page-bg {
  width: 1000px;
  margin: 0 auto;
  }
#page-main {
  background: #fff;
  float: left;
  width: 1000px;
  padding: 10px;
  padding-top: 50px;
  border: solid #555;
  border-width: 1px 3px 3px 1px;
  font-size: 85%;
  line-height: 1.5em;
  color: #333;
  }

/* =Links
----------------------------------------------- */
a {
  color:#333;
  text-decoration: none;
  }
a:link:hover, A:link:visited:hover, a:hover{
  color: #000;
  text-decoration: underline;
  }
a img {
  border-width:0;
  }

/* =Headings
----------------------------------------------- */
h2 {
  margin: 1em 0 0 0;
  font:bold 170%/1.4 Verdana,Sans-serif;
  color:#666;
  }
h3 {
  font-size:100%;
  margin:1em 0 0;
  color:#666;
  }
hr h3 {
  margin-top: 0;
  padding-top: 0;
}
hr {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* =Lists
----------------------------------------------- */
ul {
  margin:0 0 1em;
  padding:0;
  list-style:none;
  }
li {
  margin:0;
  padding:0 0 0 25px;
  }
li li {
  padding:0 0 0 50px;
  }


/* =Misc
----------------------------------------------- */
p {
  margin:0 0 .75em;
  font-family: Verdana, Sans-Serif;
  }
p.btn {
  margin:1em 0;
  }
.unit {
  white-space:nowrap;
  }
p.solo {
  width:100%;
  margin:1.5em 0 -.5em;
  }
p.solo img {
  display:block;
  }
.footnote {
}
.footnotelink {
  font-size: 0.8em;
  vertical-align: super;
  line-height: 0.5em;
}
.tablebox, .tablebox tr td {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px;
  border-spacing: 0;
  margin: 0;
}
.tablebox tr td {
  margin-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}

/* =Header
----------------------------------------------- */
#header {
  float:right;
  width:200px;
  padding:0;
  }
#logo {
  float:left;
  display:none;
  width:200px;
  text-decoration:none;
  }
#logo img {
  display:none;
  height: 52px;
  width: 92px;
  }
#contact {
  float:right;
  display:block;
  width:180px;
  margin-top:0;
  }


/* =Nav
  border-bottom:1px solid #000;
  background: #fff url("/images/bg-nav.jpg") repeat-x 0 0;
----------------------------------------------- */
#nav {
  background-color: #fff;
  color: #333;
  float:left;
  width:650px;
  height: 30px;
  margin:0 0 0 150pt;
  padding:0;
  vertical-align: middle;
  font-size: 9pt;
  font-family: Verdana, Sans-Serif;
  list-style:none;
  }
#nav li {
  background: none;
  display: inline;
  padding: 0;
  }
#nav li a, #nav li strong {
  float: left;
  width: auto;
  padding: 0px 6px 0px 6px;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  color:#666;
  text-decoration:none;
  font-weight: bold;
  }
#nav li strong {
  color:#fff;
  background-color: #000;
  }
#nav li a strong {
  padding:0;
  border-width:0;
  }
#nav li a:hover  {
  background-color:#fff;
  color: #000;
  }

/* =H1
  border-bottom:3px solid #6089cc;
----------------------------------------------- */
.home h1 {
  background-color:#fff;
  float:left;
  width: 800px;
  height: 120px;
  margin: 0 0 5px;
  }
.home h1 img {
  display:block;
  margin: 0 0 5px 198px;
  width:600px;
  height:118px;
  }

/* =Content
----------------------------------------------- */
#content {
  float:left;
  width:1000px;
  margin:0 0 10px;
  }
#content-group {
  float:right;
  width:800px;
  }
#content-main {
  float:left;
  width:580px;
  margin-top: 22pt;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #bbb;
  }
#content-extra {
  float:right;
  width:190px;
  margin-top: 27pt;
  font-size: 0.8em;
  }
#content-sub {
  float:left;
  width:170px;
  }

/* =Variations (default is SMX)
----------------------------------------------- */
.smx #content {float:left;width:730px;margin:0 0 10px;}
.smx #content-group {float:right;width:525px;}
.smx #content-sub {float:left;width:190px;}
.smx #content-main {float:left;width:320px;}
.smx #content-extra {float:right;width:190px;margin-top:-.5em;}

.mxs #content {background-position:right top;}
.mxs #content-group {float:left;}
.mxs #content-sub {float:right;}

.xms #content {background-position:right top;}
.xms #content-group {float:left;}
.xms #content-sub {float:right;}
.xms #content-main {float:right;}
.xms #content-extra {float:left;}

.ms #content {background-position:right top;}
.ms #content-group {float:left;}
.ms #content-sub {float:right;}
.ms #content-main {width:525px;}
.ms #content-extra {width:525px;}

.sm #content-main {width:525px;}
.sm #content-extra {width:525px;}

.m #content {background-image:none;}
.m #content-group {width:730px;}
.m #content-sub {width:730px;}
.m #content-main {width:730px;}
.m #content-extra {width:730px;}


/* =Subnav
  border-top:2px solid #cfc;
  border-right:2px solid #cfc;
  border-bottom:2px solid #cfc;
  border-left:2px solid #cfc;
----------------------------------------------- */
#subnav h3 {
  background:#fff;
  margin:0 0 0 0;
  padding:5px 10px 5px 10px;
  font-family: Verdana, Sans-Serif;
  font-weight: bold;
  text-transform:uppercase;
  letter-spacing: 0.1em;
  color:#333;
  }
#subnav ul {
  background: #fff;
  color: #ccc;
  padding: 0 0 1px 0;
  margin: 0 0 10px 0;
  }
#subnav li {
  background: none;
  width: 150px;
  padding: 0 20px 0 0;
  margin: 0;
  }
#subnav ul ul li a{
  padding-left: 30px;
  width: 130px;
  }
#subnav li a {
  display: block;
  width:149px;
  padding:2px 10px 2px 10px;
  border-top:1px solid #6089cc;
  border-bottom:1px solid #6089cc;
  text-decoration:none;
  color: #333;
  }
#subnav li a:hover 
{
  color: #000;
  background-color:#fff;
  }
#subnav p {
  padding:0 10px 0 10px;
  margin-bottom: 0;
  color:#666;
  background-color: #fff;
  }
.diaspora {
  background-color: #f4eeb0 !important;
}
.matter {
  background-color: #9dc9bc !important;
}
.meter {
  background-color: #cf9e99 !important;
}
.enigmata {
  background-color: #92b4c0 !important;
}

/* =Home
----------------------------------------------- */
.home h2 {
  float:left;
  display:inline;
  margin:0px .35em 0 0;
  }
p#intro {
  margin:0px 0 .5em;
  font:bold 170%/1.4 Verdana,Sans-serif;
  color:#000;
  }


/* =Footer
----------------------------------------------- */
#footer {
  float:left;
  width:100%;
  border-top:1px solid #c33;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  font-size: 0.8em;
  padding:5px 10px 2px 195px;
  text-align:left;
  }

.right2left {
  direction: rtl;
  text-align: right;
}