.dark
{
  background: #00006A;
}

.light
{
  background: white;
}

.column
{  
  background: white url("column.jpg") repeat-y;
}

.container
{
  width: 100%;
}

.navigation
{
  float: left;
  width: 250px;
  padding: 60px 0px 20px 50px;
}

#iya img
{
  border: medium;
  border-color: white;
  border-style: solid;
}
.title
{
  text-align: center;
  color: white;
  font-family: kabob,kabel,bt,times,serif;
  font-weight: bold;
  font-size: 20pt; /* or whatever you want—you can use either "pt" for "point" or "px" for "pixel"—they are different—experiment! */
}

.subtitle
{
  color: blue; /* or for a color that doesn't have a name put its hexadecimal value like #123456 */
  font-size: 20pt; /* or 30px (to use pixels) or 200% (for twice the default size) */
  font-weight: bold;
}

.content
{
  width: auto;
  margin-left: 250px;
  padding: 20px 50px 20px 50px;
}

.logo
{
  width: auto;
  margin-left: 250px;
  padding: 100px 0px 20px 0px;
}

.logoprint
{
  position: absolute;
  top: 2in;
  left: 0in;
  width: 100%;
  visibility: hidden;
}  

.logo img, .logoprint img, .questions img
{
  border: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.questions ul, .questions ul li, .maps ul, .maps ul li
{
  margin-left: 0px;
  padding-left: 20px;
}

li, li p
{
  margin-top: 10px;
}

.printonly
{
  display: none;
}

#advice
{
  font-style: italic;
}

.thumb
{
  margin-top: 15px;
  margin-right: 15px;
  border: black;
}

.thumbs
{
  text-align: justify;
}

.mybutton
{
  display: block;
  width: 148px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 15px;
  border: medium;
  background-color: #00006A;
  color: white;
  border-color: white;
  font-size: 12pt;
  font-style: italic;
  font-weight: bold;
  font-family: sans-serif;
  text-decoration: none;
}

.up
{
  border-style: outset;
  padding: 8px 2px 8px 0px;
}

.down
{
  border-style: inset;
  padding: 10px 0px 6px 2px;
}

.indent
{
  margin-left: 25px;
}

.strikeout
{
  text-decoration: line-through;
}

td
{
  padding-right: 20px;
}

h1, h2
{ 
  text-align: center;
  font-style: italic;
  font-family: sans-serif;
}

@media print
{
  body {background: white}
  a {color: black}
  .navigation {width: 0; visibility: hidden}
  .content {margin-left: 0; padding: 0.5in}
  .logo {visibility: hidden}
  .logoprint {visibility: visible}
  .screenonly {display: none;}
  .printonly {display: inline;}
}

