/* this first rule is probably unnecessary, */
/* but better safe than sorry               */
dl.image,
dl.image dt,
dl.image dd {
  display : block ;
  list-style-type : none ;
}
dl.image {
  margin : 1.2em auto ;
  border : none ;
  padding : 0 1.2em ;
  text-align : center ;
}
dl.image dt {
  margin : 0 ;
  border : none ;
  padding : 0 ;
}
dl.image dt img {
  display : block ;
  margin : 0 auto ;
  border : 1px dotted #38abc8 ;
  padding : 15px ;
  color : #38abc8 ;
  background : #eee ;
}
dl.image dd {
  margin : 0 ;
  border : none ;
  padding : 1ex 1ex 0 1ex ;
  font-size : 90% ;
  font-style : italic ;
  color : #38abc8 ;
}

dl.faq {
  padding : 0 ;
  font-size:110%;
}
dl.faq dt {
  margin : 0em 0 0 0 ;
  border : none ;
  font-weight: bolder;
  padding : 0 ;
}
dl.faq dd {
  margin : 0 ;
  border : none ;
  padding : .5em 2em ;
  color: rgb(117,144,174);
}

body {
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  
  margin: 0;
  padding: 0; }

span.me {
  font-weight: bolder; }

span.attention {color: rgb(61,92,122); background-color: transparent}
a {
  color: rgb(61,92,122);
  background-color: transparent; }

a:hover {
  color: rgb(117,144,174);
  text-decoration: none; }

#mainHeader {
  color: white;
  background-color: rgb(61,92,122);
  padding: 0.3em 1em; }

#mainHeader a {
  color: white;
  text-decoration: none; }

#mainHeader h1 {
  font-size: 220%;
  margin: 0; }

#menu {
  padding: 0.2em 0.1em;
  margin: 0;
  width: 100%;
  float: right;
  background: rgb(117,144,174); }
  #menu ul {
    margin: 0;
    padding: 0;
    text-align: right; }
  #menu li {
    display: inline;
    margin: 0 .2em; }
    #menu li a, #menu li a:visited {
      color: white;
      text-decoration: none;
      font-weight: bold; }
    #menu li a:hover {
      color: rgb(255,204,0); }
  #menu li.current a {
    color: black; }
  #menu li:after {
    content: " | ";
    color: white;
    font-weight: bold; }
  #menu li.last:after {
    content: ""; }

img.border {
  display : block ;
  margin : 0 auto ;
  border : 1px dotted #38abc8 ;
  padding : 15px ;
  color : #38abc8 ;
  background : #eee ;
}
img.inline {
  float: left;
  margin: 0em 1em 1em 0;
  padding: 0;
  border: none; }

img.center {
  margin: .5em 10% .5em 10%; }

#poster {
  width: 25%;
  margin-top: 1em;
  float: right;
}

.main {
  text-align: justify;
  margin: 0;
  padding: 0 2%;
  line-height: 1.5em;
  width: 70%; }

.main h1, .main h2 { color: rgb(117,144,174)} 

.main h2 {
  font-size: 130%; }

.mainHeader h2 { text-align: center }

#footer {
  color: rgb(51,51,102);
  background-color: rgb(239,239,239);
  font-size: 75%;
  text-align: center;
  padding: 1ex 10px; }

table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em; }

tr {
  border-top: 1px dotted #d3d3d3; }

tr:first-child {
  border: none; }

td {
  padding: 8px; }

td blockquote {
  text-align: justify;
  color: #625970;
  margin: 10px 0 0px 0; }

p.alert {
  font-weight: bolder;
  text-align: center;
  border: .3em solid #7590AE;
  padding: .2em;
}