/* Arkitkt 01 - an open source xhtml/css website layout by Scott Benedict--arkitkt.com.
Free to use for any purpose as long as the proper credits are given to the original author. Version: 1.0 (28 Jun 2006) */

/*global defaults*/
* {
     padding: 0;   /*Resets padding, margin, and borders to 0 for cross-browser consistency*/
     margin: 0;
     border: 0; 
}

body {   
     font-size: 62.5%;   /*Sets 1em=10px. Remember formula Childpx/Parentpx=Childem*/
     font-family: "trebuchet ms", trebuchet, verdana, arial, sans-serif;
     color: #336666;
     background-color: transparent;
}

a img, :link img, :visited img {
     border: none;    /*Removes border images*/
}

option {
     min-width: 1.5em;    /*Fixes mozilla problem with forms caused by universal reset*/
}
/* end global defaults */

/* Style standard tags */
body {
     background-color: #336666;
     margin: 0 auto;
     font-size: 1.0em;
}

li {}

a {
  color: #336666;
}

a:link {}

a:visited {}

a:hover {
  color: #650b14;
}

a:active {}

p {
  padding-bottom: 12px;
}

ul {
  padding-bottom: 12px;
  padding-left: 35px;
}

ol {
  padding-bottom: 12px;
  padding-left: 25px;
}

hr {color: #336666;}
hr {border-width: 1px; border-style: solid; border-color: #336666;}

input {
  color: #336666;
  border: 1px solid #336666;
  background: #F7F7F7;
  font-family: "trebuchet ms", trebuchet, verdana, arial, sans-serif;
  font-size: 0.9em;
  padding: 2px 2px 2px 4px;
}

textarea {
  color: #336666;
  border: 1px solid #336666;
  background: #F7F7F7;
  font-family: "trebuchet ms", trebuchet, verdana, arial, sans-serif;
  font-size: 0.9em;
  padding: 4px 2px 2px 4px;
}
/* end standard tags */

#page {
     margin: 0 auto;
     width: 800px;
     position: relative;
     top: 10px; 
}

#popuppage {
     width: 100%;
     background-color: #FFFFFF;
}

#header {
     background-image: url(images/oezheader.png);
     width: 800px;
     height: 291px;
}

#navbar {
     display: inline;
     float: right;
     position: relative;
     top: 19px;
     width: 100%;
     left: -145px;
     z-index: 1;
}

#navbar a {
     color: #336666;
     font-family: "trebuchet ms", trebuchet, verdana, arial, sans-serif;
     font-size: .90em;
     text-decoration: none;
}

#navbar a:hover {
     color: #650B14;
}

#navbar ul {
     list-style: none;    /*Removes bullets from navbar items*/
     padding-left: 0px;
}

#navbarlink1 {
     position: relative;
     width: 75px;
     left: 282px;
     top: -18px;
}

#navbarlink2 {
     position: relative;
     left: 391px;
     top: 38px;
     width: 75px;
}

#navbarlink3 {
     position: relative;
     left: 544px;
     top: 87px;
     width: 75px;
}

#navbarlink4 {
     position: relative;
     top: 112px;
     width: 75px;
     left: 716px;
}

#navbarlink5 {
     position: relative;
     left: 876px;
     top: 112px;
     width: 75px;
}

#wrapper {
     background-image: url(images/bg.png);
     background-repeat: repeat-y;
     width: 800px;
     float: left; 
}

.content {
     width: 620px;
     position: relative;
     top: -20px;
     float: left;
     margin-left: 2px;
     font-family: "trebuchet ms", trebuchet, verdana, arial, sans-serif;
     font-size: 0.8em;
     color: #336666;
     text-align: justify;
     padding-right: 10px;
     padding-bottom: 10px;
     padding-left: 10px;
}

.popupcontent {
     font-family: "trebuchet ms", trebuchet, verdana, arial, sans-serif;
     font-size: 0.8em;
     color: #336666;
     text-align: justify;
     padding-top: 18px;
     padding-right: 10px;
     padding-bottom: 10px;
     padding-left: 10px;
}

.popupcontent ul {
    line-height: 1.4em;
}

#submenu {
     width: 156px;
     float: left;
     position: relative;
     height: 100%;
     top: -140px;
     z-index: 5; 
}

#submenu h3 {
     padding-top: 25px; 
}

.menutitle {
     font-family: "trebuchet ms", trebuchet, verdana, arial, sans-serif;
     color: #650b14;
     font-size: 0.95em;
     text-decoration: underline overline;
     text-align: center;
     padding-bottom: 10px; 
}

#submenu ul {
     padding-left: 0px;
     list-style: none;
}

#submenu ul a {
     font-family: "trebuchet ms", trebuchet, verdana, arial, sans-serif;
     color: #ae7e0f;
     font-size: .9em;
     text-align: center;
     display: block;
     padding-bottom: 5px;
     text-decoration: none;
}

#submenu ul a:hover {
     color: #650b14;
}

.navsublist {
  font-size: 0.8em;
  text-indent: 54px;
  line-height: 14px;
  font-style: italic;
}

#footer {
     width: 800px;
     height: 152px;
     background-image: url(images/footer.png);
     clear: both; 
     font-size: 0.7em;
}

#popupfooter {
  clear: both;
  padding-bottom: 2px;
  text-align: right;
  font-size: 8pt;
}

.submitbutton {
   border: 0;
}


/* this section defines image layouts */
img.seasonaltable {
  border: 0px solid;
  vertical-align: middle;
}

img.sideshipmenttable {
  float: left; 
  max-width: 150px;
  padding-left: 10px;
  padding-right: 10px;
}


/* this section defines some table and element layouts */
table.general {
  border: 2px;
  border-style: solid;
  border-color: #336666;
  background: #DEDEBF;
  border-spacing: 0px;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}

table.season {
  float: left;
  clear: right;
  margin-right: 15px;
  margin-top: 10px;
  border-collapse: collapse;
}

table.season tr.cell td {
  padding: 0px 0px 0px 0px;
  border: 5px;
  border-style: solid;
  border-color: #AFAB67;
}

table.season td.seasonleft {
  font-size: 8pt; 
  font-style: italic; 
  text-align: left;
} 

table.season td.seasonright {
  font-size: 8pt; 
  font-style: italic; 
  text-align: right;
}

table.shipment {
  float: right;
  width: 442px;
  border-collapse: collapse;
  border-color: #336666;
  font-size: 9pt;
  background-color: #f7f4d4;
}

table.shipment tr.header1 td {
  font-weight: bold;
  text-align: center; 
  border-right: 2px solid; 
  border-top: 2px solid; 
  border-left: 2px solid
}

table.shipment tr.header2 td {
  width: 25%;
  font-weight: bold;
  text-align: center; 
  border-right: 2px solid; 
  border-bottom: 2px solid;
  border-left: 2px solid;
}

table.shipment tr.header2 td.mergeleft {
  border-right: none;
}

table.shipment tr.header2 td.mergeright {
  border-left: none;
}

table.shipment tr.data td {
  border-right: 1px solid;
  border-bottom: 1px solid;
  padding-left: 3px;
  padding-right: 2px;
}

table.shipment tr.alternate td {
  border-top: 2px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  padding-left: 3px;
  padding-right: 2px;
}

table.shipment tr.bottom td {
  border-right: hidden;
  border-bottom: hidden;
  border-top: 2px solid;
  border-left: hidden;
  text-align: right;
  font-size: 8pt;
  background-color: #FFFFFF;
}

table.shipment td.firstcolumn {
  border-left: 2px solid;
}

table.shipment tr.data td.lastcolumn {
  border-right: 2px solid;
}

table.shipment tr.alternate td.lastcolumn {
  border-right: 2px solid;
}

table.slide {
  text-align: right;
  padding-left: 10px;
}

table.slide td {
  padding-left: 22px;
}

tr.tableheading {
  font-family: "trebuchet ms", trebuchet, verdana, arial, sans-serif;
  font-size: 12px;
  background: #336666;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}

td.data {
  font-family: "trebuchet ms", trebuchet, verdana, arial, sans-serif;
  font-size: 11px;
  padding: 5px 5px 5px 5px;
  border: 1px;
  border-style: solid solid solid solid;
  border-color: #336666;
}


/* definition of text types */

.oezfont {
  font-family: Cetus, "trebuchet ms", trebuchet, verdana, arial, sans-serif;
  }

.lowez {
  vertical-align: baseline;
  position: relative;
  bottom: -0.25em;
}

.picturesubtitle {
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  }

.pageheader {
  text-align: center; 
  font-size: 1.4em;
  width: 250px;
  margin: auto;
  position: relative;
  top: -25px;
  left: -60px;
}

.pagesubheader {
  text-align: center; 
  font-size: 1.1em;
  width: 380px;
  margin: auto;
  position: relative;
  top: -20px;
  left: -60px;
  font-style: italic;
}

.popuppageheader {
  text-align: center; 
  font-size: 1.2em;
  position: relative;
  top: 8px;
}

.paragraphheader {
  font-weight: bold
}

.listheading {
  font-weight: bold; 
  font-size: 1.2 em; 
  font-style: italic;
  padding-bottom: 12px;
}

span.listheader {
  font-size: 1.1em; 
  font-weight: bold;
}

p.sectionstart {
  margin-top: 12px;
}