* {margin: 0; padding: 0;}

body {
 background-image: url("img/gradient.jpg");
 background-repeat: repeat-y;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 100%;
 color: black;
}


h1,h2,h3,h4,h5,h6 {text-align: center;font-family: "Times New Roman",Times,serif;}
pre {font-family: "Courier New",Courier,monospace; font-size: 80%;}
table {border-collapse: collapse; margin-bottom: 12px;}
td {text-align: right;}
img {margin-bottom: 3px;}
em {font-style: normal;font-weight: normal;color: red;}
strong {font-style: normal;font-weight: bold;font-size:200%;}
p {margin: 1em 0;}
ul {margin: 0px; padding: 0px 0px 0px 1em;}


#main {margin-left: 140px; padding: 0.5em 1em;}
#main hr {margin: 12px 0;}
.sidebar {
 background-color: #e0e0e0; 
 border: 1px solid #806000;
 margin: 0 0 12px 12px;
 padding: 4px;
 width: 11.5em;
 max-width: 36%;
 clear: right;
 float: right;
}
.sidebar img {
 display: block;
 width: 100%;
}
.sidebar p {margin-bottom: 0px;}
.sidebar ul li {margin: 4px 0px 0px 0px; padding: 0px;}
.sidebar ul li p {margin: 2px 0px 0px 0px;}

.ipics {
  list-style: none;
  padding: 0px;
  margin: 12px 0px 0px 0px;
  text-align: center;
}
.ipics li {
  text-align: justify;
  margin: 4px 4px 12px 4px;
  padding: 4px;
  background-color: #ece0c0;
  display: -moz-inline-stack; /* Firefox 2 */
  display: inline-block;
  vertical-align: top;
  width: 640px;
  max-width: 44%;
}
.ipics li img {display: block; width: 100%;}

.ipic {
  overflow: auto;
  text-align: justify;
  margin: 12px auto;
  padding: 4px;
  background-color: #ece0c0;
  width: 600px;
  max-width: 96%;
}
.ipic img {display: block; width: 100%;}

#nav {
 background-image: url("img/navbar.jpg");
 list-style: none;
 padding: 0;
 position: fixed;
 left: 0;
 top: 0;
 overflow: hidden;
 font-size: 16px;
 width: 140px;
 color: black;
 cursor: default;
}
#nav hr {
  margin-bottom: 2px; 
  height: 2px; 
  line-height: 2px;
}
#nav ul {
 list-style: none;
 margin: 0 0 0 8px;
 padding: 0;
}
#nav a {text-decoration: none; color: white;}
#nav a:hover {color: red;}
#nav a.active {
background-color: #6090c0;
color: black;
display: block;
cursor: default;
}
#nav>li {border-top: 1px solid #55a;}
#nav>li:first-child {border: none;}

.calendar {font-size:120%;width:10em;float:left;padding:12px 16px;}
.calendar table {color: black; border-color: #c0c0ff; margin-bottom: 24px;}
.calendar td {padding: 3px;}
.calendar th {background-color: #c0c0ff;}
.calendar em {color: red; font-weight:normal; font-style:normal;}
.calendar i {color: #aaa; font-weight:normal; font-style:normal;}
.calendar .headfoot {background-color: #8080ff; text-align: center;}

.rates th, .rates em {font-size:200%;color: black;}
.rates td {text-align: center;}
.rates th, .rates td {padding: 4px;}


.text {max-width: 48em;}
.text p {text-align: justify;}
.form {background-color: white; width: 46em; padding: 1em; border: 1px solid black; margin: 1em 0; text-align: justify;}
.form h1 {font-size:150%;}

.msg {background-color: #ff8; border: 1px solid black; padding: 4px; width: 24em; max-width: 50%; margin: 4px; overflow: auto;}

.calicon {
 float: right;
 clear: both;
 margin: 12px 0 12px 12px;
}
@media print {
  body {
   font-family: "Times New Roman",Times,serif;
   font-size: 12pt;
   background-image: none;
   background-color: white;
   color: black;
  }
  a {text-decoration: none; color:black;}
  #main {margin: 0; padding: 0;}
  #nav, .noprint {display: none;}
  .form {margin: 0; padding: 0; border: none; width: auto;}
  .form h1 {font-size:200%;}
  .form pre {font-family: "Courier New",Courier,monospace;font-size: 10pt; color: black;}
  /*.pagebreak {page-break-before: always;}*/
}