body {
 background: #ffffff;
 color: #000000;
 font-family: 'PT Sans', sans-serif;
 font-size: 14pt;
 margin: 0;
 padding: 0;
 font-weight: 400;
}

div { margin: 0; padding: 0; }
div.mpi { margin: 0 auto 0 auto; width: 104px; height: 104px; line-height: 100px; text-align: center; float: left; }
div.mpi img { margin: 0; padding: 0; vertical-align: middle; border: 1px #000000 solid; }

img { margin: 0; padding: 0.5em; border: none; }
img#logo { padding: 0 0.5em 0 0; margin: 0 0 0.2em 0; vertical-align: middle; }
img#buy { padding: 1em 0 0 0; }

a { text-decoration: none; }
a:link { color: #0000ff; }
a:visited { color: #000080; }
a:hover { text-decoration: underline; }
a:active { color: #ff0000; }

h1, h2, h3 {
 font-weight: 700;
 font-family: 'PT Sans', sans-serif;
}

h1 {
 font-family: 'Old Standard TT', serif;
 font-size: 36pt;
 margin: 0 10px 10px 10px;
 padding: 0;
 float: left;
}

h2 {
 clear: both;
 color: #000000;
 font-size: 18pt;
 padding: 0;
 margin: 0;
}

h3 {
 clear: both;
 font-size: large;
 padding: 0;
 margin: 1em 0 1.5em 0;
}

div#index h3 {
 border-bottom: 2px solid #778ff9;
}

form.search {
 float: right;
 margin: 10px;
}

.search {
 clear: none;
 font-size: 0.9em;
 border: none;
 padding: 0;
 margin: 0;
}

ul.nav
{
 font-size: 12pt;
 clear: both;
 padding: 0;
 margin: 0.5em 0 0.5em 0;
 list-style-type: none;
 width: 100%;
 background: #778ff9;
 text-align: center;
}

ul.nav li
{
 margin: 0;
 padding: 0 0 0 1px;
 display: inline-block;
 width: 8em;
 text-align: center;
 border-right: 1px #ffffff solid;
}

ul.nav li:last-child
 {
  border-right: 1px #778ff9 solid;
 }

ul.nav a:hover
{
 border: 2px inset;
 border-color: #778ff9;
 background-color: #667ee8;
 margin: 0;
 padding: 0;
}

ul.nav li a, ul.nav li span
{
 margin: 0;
 padding: 0;
 display: inline-block;
 width: 7.8em;
}

ul.nav li a
{
 color: #000000;
 border-color: #778ff9;
 text-decoration: none;
 border: 2px #778ff9 solid;
}

ul.nav li span
{
 border: 2px inset;
 border-color: #667ee8;
 background-color: #667ee8;
}

ul.nav li a:visited
{
 color: #222222;
}

div#footer {
 margin: 2em 0 0 0;
 padding: 0 1em 0 1em;
 clear: both;
 border-top: solid 10px #778ff9;
 font-size: x-small;
}

div#content {
 padding: 10px 3em 1em 20px;
 min-height: 400px;
}

div#items {
 margin: 0 auto 0 auto;
 text-align: center;
}


#content p { margin: 0.5em 0 1em 0; padding: 0; }
#content ul, #content ol { margin: 0.5em 0 1em 1em; padding: 0; }
#content li { margin: 0 1em 0.2em 1.5em; padding: 0; }
#content strong { font-weight: bold; }
#content em { font-style: italic; }

@media print {
 .search { display: none; } 
}

div.item
{
 display: inline-block;
 vertical-align: top;
 width: 340px; 
 min-height: 140px;
 margin: 0.5em 0.5em 1em 0.5em;
}

div.item p
 {
  margin: 0.2em;
  padding: 0;
  font-size: 12pt;
 }

div#index
 {
  text-align: center;
 }

div#index p
 {
  margin: 0;
  padding: 0;
  font-size: 12pt;
 }

div.section
 {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  width: 220px;
  min-height: 120px;
  margin: 5px;
 }

div.section h3
 {
  margin-bottom: 0.5em;
 }

div.section a
 {
  color: #000000;
  width: 100%;
  display: inline-block;
 }

p.st
 {
  font-size: smaller;
 }

hr
 { width: 75%; background-color: #eeeeee; }

div.col1, div.col2 { float: left; width: 45%; margin-right: 1em }

/* ends */