body, html
{
  background: #ccf url("../images/body-bg.gif");
  margin: 0px auto 0px auto;
  padding: 0px;
  font-family: Verdana,Arial,Helvetica,Sans-serif;
  font-size: 10pt;
  text-align: justify; /* for stupid IE6 */
}

table /* for stupid IE6 */
{
  font-family: Verdana,Arial,Helvetica,Sans-serif;
  font-size: 10pt;
}

#page
{
  width: 850px;
  margin: 0px auto 0px auto;
  padding: 0px;
  background:#333366;
  background: white;
  color:#000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  text-align: left; /* for stupid IE6 */
}

#header {
  margin: 0px auto 0px auto;
  float:left;
  width:100%;
  background:#333366 url("../images/header-bg.gif") repeat-x bottom;
  font-family: Georgia, Serif;
  font-size: 90%;
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:15px 10px 0;
  list-style:none;
  }
#header li {
  float:left;
  background:url("../images/header-left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#header a {
  float:left;
  display:block;
  background:url("../images/header-right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#ccc;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

#header a:hover {
  color:#fff;
  }
#header #header-current {
  background-image:url("../images/header-left-on.gif");
  }
#header #header-current a {
  background-image:url("../images/header-right-on.gif");
  color:#333;
  padding-bottom:5px;
  }

#content
{
  margin: 0px auto 0px auto;
  background: #fff;
  padding: 8px;
}

h2
{
  text-align: left;
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 0px;
  color: #333366;
  font-size: 14pt;
}

h3
{
  color: black;
  font-size: 12pt;
}

#title
{
  background: #fff;
  clear: both;
  padding: 8px;
  border-bottom: 2px solid #EE6408;
}

#title h1
{
  text-align: center;
  padding: 4px;
  margin: 0px;
  color: #333366;
  font-size: 16pt;
}

#footer
{
  clear: both;
  margin: 0px auto 0px auto;
  width:100%;
  /*border-top: 1px solid #000;*/
  border-top: 2px solid #EE6408;
  border-bottom: 1px solid #000;
  /*background:#333366;*/
  background: white;
  font-family: Georgia, Serif;
  font-size: 90%;
  color: #222;
}

#footer div
{
  padding: 4px;
}

#content a
{
  color: #007;
  text-decoration: none;
}

#content a:hover
{
  border-bottom: 1px dotted #EE6408;
}

#footer a
{
  color: #007;
  text-decoration: none;
}

#footer a:hover
{
  border-bottom: 1px dotted #EE6408;
}

table.list
{
  padding:0;
  margin:8px;
}

table.list tr
{
  padding:4px;
  margin:0;
  border: 2px solid black;
}

table.list td
{
  padding:4px;
  margin:0;
}

table.people
{
  width: 100%;
}

table.people tr.category
{
  background: #eee;
}

table.people tr.category td
{
  border-top: 16px solid white;
}

table.people tr.person td:first-child
{
  padding-left:8px;
}

table.peopledescription td
{
  padding-right: 12px;
}

table.thawte td
{
  padding:20px;
  text-align: justify;
}

table.thawte table
{
  margin: auto;
}

table.thawte table td, table.thawte table th
{
  padding:2px 8px 2px 8px;
}

table.thawte td p
{
  text-align: center;
  font-weight: bold;
}

table.thawtenotaries
{
  border:0px;
}

table.thawtenotaries tr
{
  padding: 4px;
}

table.thawtenotaries td
{
  background: #eee;
}

table.thawtenotaries th
{
  background: #ccc;
}

.separator
{
    border-top: 2px solid black; padding-top: 0.5em;
    margin-top: 8px;
}

table.seminar-details td
{
  vertical-align: top;
  padding: 4px;
}

div.month
{
  border: 1px solid white;
  padding: 4px;
}

p.publi
{
  text-align: justify;
}

div.month:hover
{
  border: 1px solid #EE6408;
  background-color: #ede6e1;
}

div.highlight
{
  border: 1px solid #EE6408;
  background-color: #ede6e1;
}

.green {
  padding: 0em .1em 0em .1em;
  color: #0D6E1C;
  /*border: 1px #0D6E1C solid;
  background-color: #fef;*/
  font-weight: bold;
  font-style: italic;
}

.red {
  padding: 0em .1em 0em .1em;
  color: #f33;
/*  border: 1px #f33 solid;
  background-color: #eff;*/
  font-weight: bold;
  font-style: italic;
}


#loginbox
{
  border: 2px solid #EE6408;
  background-color: #ede6e1;
  padding: 0px;
  position:absolute;
  right: 8px;
  width: 220px;
}


#loginbox input.username {
    padding-left:18px;
    background-image: url('../images/icon_user.gif');
    background-repeat: no-repeat;
    border: 1px #bbb solid;
}

#loginbox input.password {
    padding-left:18px;
    background-image: url('../images/icon_lostpassword.gif');
    background-repeat: no-repeat;
    border: 1px #bbb solid;
}

#loginbox input.email {
    padding-left:18px;
    background-image: url('../images/icon_contact.gif');
    background-repeat: no-repeat;
    border: 1px #bbb solid;
}

#loginbox a
{
  border:0; background:0;
  padding:0; color:black;
  font-weight: normal;
  display:inline;
}

#loginbox a:hover
{
  text-decoration: underline;
  color: black;
}

#logininfo
{
  color:white;
}

#logininfo a
{
  border:0; background:0;
  padding:0; color:white;
  font-weight: normal;
  display:inline;
}

#logininfo a:hover
{
  text-decoration: underline;
  color: white;
}

ul {
	list-style: disc inside;
	margin-left: 1em;
}

#content a.external
{
    background: transparent url('../images/link_icon.gif') 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

#content .fileformat
{
  font-size: 75%;
  color: #bbb;
  padding: 1px;
  border: 1px solid #bbb;
}

#content .fileformat:hover
{
  color: #007;
  border: 1px solid #007;
  border-bottom: 1px solid #007;
}

#content .admin
{
  font-size: 75%;
  color: #a00;
  padding: 1px;
  border: 1px solid #a00;
}

#content .admin:hover
{
  color: #f00;
  border: 1px solid #f00;
  border-bottom: 1px solid #f00;
}

#content div.fixed
{
  border: 0px;
  background: transparent;
  /*padding: 8px;*/
}

#content div.editable
{
  border: 1px solid #080;
  background: #bfb;
  padding: 8px;
}

#content div.editable table tr td
{
  vertical-align: top;
}

#content div.editable li
{
  list-style: none;
  padding-left:0;
  margin-left:0;
  cursor: move;
}