/* CSS Document */

html,
body {
  font-family: sans-serif, Helvetica, Arial;
/*  font-size: medium; */
/*  font-size: 100%;  */
  background-color: #F8F8FF;
/*  background-image: url('/images/musky2.gif');
  background-attachment: fixed;
  background-repeat: repeat; */
  }

#wrap {
  height: 100%; /* 100% height */
  text-align: center;
  }

#headerwrap,
#navwrap {                                                    
  width: 100%;
  text-align: center;
  }

#header {
  /* position: fixed; */
  width: 800px;
  margin-left: auto;
  margin-right: auto;
/*  margin: 0px 50% 0px 50%; */
  top: 0px;
  height:155px;
/*  padding: 0px 10px;   */
  z-index: 2; /* Prevent certain problems with form controls */
  text-align: center;
  background-image: url('/images/mcmi_logo_print.jpg') !important;
  background-position: center center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  }

#content-wrap {
/*  height: 100%;  100% height */
  text-align: center;
  }

#content,
#photos,
#shanty {
/*  padding: 182px 10px 10px 10px; set padding to height of header and footer and padding left and right */
  text-align: center;
/*  background-image: url('/images/musky2.gif');
  background-attachment: fixed;
  background-repeat: repeat; */
  }

#nav {
  display: none;
/*  position: fixed;
  position: absolute; */
  top: 165px;
/*  height:17px; */
  width: 800px;
/*  z-index: 2; *//* Prevent certain problems with form controls */
  text-align: left;
/*  font-size: 13px; */
  margin-left: auto;
  margin-right: auto;
/*  padding: 0px 10px;   */
/*  border: 0; *//* 1px solid DimGray; */
/*  float: left;   */
  }
/*
#nav a,
#nav a:link,
#nav a:visited {
      padding: 0px 7px;
      background: #808080; /* #808080 gray */ /* #a9a9a9 dark gray */ /* #0000ff blue */  /* #1e90ff dodgerblue *//* #dcdcdc grainsboro*/ /* #c0c0c0 silver */
/*      color: #dcdcdc; /* WhiteSmoke; */
/*      text-decoration: none;
    }

#nav a:hover,
#nav a:active { background: Red; } */
#nav table,
#nav td,
#nav th { border: 0px; padding: 0px;}

#header img,
#nav img {
  border-width: 0px;
  }

#footerwrap {
/*  position: fixed;  */
  width: 100%;
/*  bottom: 0px;
  height: 70px; */
/*  z-index: 2; *//* Prevent certain problems with form controls */
  text-align: center;
/*  background-image: url('/images/musky2.gif');
  background-attachment: fixed;
  background-repeat: repeat; */
  }

#footer {
  display: none;
  width: 750px;
/*  z-index: 2; *//* Prevent certain problems with form controls */
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  }

#footer p {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
  }

#floatleft {
  width: 200px;
  float: left;
  margin: 10px;
/*   clear: left; */
  }

#floatright {
  width: 300px;
  float: right;
  margin: 10px;
/*  clear: right; */
  }

#floatright425 {
  width: 425px;
  float: right;
  margin: 10px;
/*  clear: right; */
  }

#mofcfloatright {
  width: 330px;
  float: right;
  margin: 10px;
  vertical-align: middle;
/*  clear: right; */
  }

#veteransfloatleft {
  width: 90px;
  float: left;
  margin: 5px;
  text-align: center;
/*   clear: left; */
  }

#veteransfloatleft p {
  text-indent: 0px;
  text-align: center;
  line-height: 0;
}

.veteransfloatleft2wide {
  width: 130px;
  float: left;
  margin: 5px;
  text-align: center;
/*   clear: left; */
  }

.veteransfloatleft2 {
  width: 120px;
  float: left;
  margin: 5px;
  text-align: center;
/*   clear: left; */
  }

#merchfloatleft {
  width: 260px;
  float: left;
  margin: 5px;
  text-align: center;
/*   clear: left; */
  }

#merchfloatright {
  width: 260px;
  float: right;
  margin: 5px;
  text-align: center;
/*  clear: right; */
  }

#merchfloatleft img,
#merchfloatright img {
  margin: 5px;
  padding: 5px 5px;
  }

#merchfloatleft h3,
#merchfloatright h3 {
  margin-bottom: 0;
  color: #800000; /* maroon */
}

#indexwidth {
  width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  }

#staticwidth {
  width: 680px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  }

#staticwidth img {
  float: right;
  padding: 10px;
  clear: both;
  border-width: 2px;
  margin-bottom: 15px;
  }

#staticwidth p {
  text-indent: 0px;
  text-align: left;
  }

#pewaukeewidth {
  width: 680px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  }

#myboat {
  width: 680px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  }

#myboat ul {
  text-align: center;
  }

#myboat p {
  text-align: center;
  }

#contentsimg {
/*  position:fixed;   */
/*  top:151px; */
  left:0;
/*  bottom:71px;   */
  width:200px;
/*  overflow: scroll; */
  text-align: center;
  padding: 10px;
  }

#contentstext {
/*  position:fixed; */
/*  top:151px;          */
  left:200px;
/*  bottom:71px; */
  right:0px;
/*  overflow:auto;   */
  text-align: center;
  padding: 10px;
  margin-left: 20px;
  }

#report-nav {
/*  overflow: auto; */
  text-align: left;
  padding: 10px;
  float: left;
  }

#report-text {
/*  overflow:auto;      */
  padding: 10px;
  }

#report-nav ul {
  list-style: none;
  font-size: large;
  text-align: left;
  }

#centercol {
  text-align: center;
/*  z-index: 0; *//* Prevent certain problems with form controls */
  }

#centercol ul {
  list-style: none;
  }

#staticwidth ul {
  list-style: none;
  }

#pdf {
  width:500px;
  height:500px;
  background:#000;
  float:left;
  }


#toc li,
#toc ul,
#shanty ul,
#photos ul,
#floatleft ul {
  list-style-type: none;
/*  font-size: large; */
  }

#toc li,
#photos li,
#shanty li {
  display: inline;
  padding-left: 2px;
  padding-right: 2px;
  font-size: large;
  color: #800000; /* maroon */
  }

#toc2left {
  width: 400px;
  text-align: center;
  float: left;
  margin: 0;
  padding: 0;
  }

#toc2right {
  width: 400px;
  text-align: center;
  float: right;
  margin: 0;
  padding: 0;
  }

#toc2 ul,
#toc2left ul,
#toc2right ul{
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  }

#toc2 li,
#toc2left li,
#toc2right li {
  list-style-type: none;
/*  display: inline;      */
/*  font-size: large; */
  color: #800000; /* maroon */
  }


#trips h3 {
  margin-bottom: 0;
  color: #800000; /* maroon */
  }

#trips p {
  margin-top: 0;
  }

.tanbackground {
    background-color: #D2B48C; /* tan */
  }

p {
  text-indent: 15px;
  text-align: left;
}

#framecontent {
  width:680px;
  margin-top: 0px;
  text-align:left;
  text-indent: 15px;
}

#clearmain,
#clearone {
  clear: both;
  height: 1px;
  }

h1 {
  font-size:xx-large;
  color: #800000; /* maroon */
}

h2 {
  font-size: x-large;
  color: #800000; /* maroon */
}

h3 {
  font-size: large;
  color: #800000; /* maroon */
}

.reportdate {
    background-color: #D2B48C; /* tan */
}

.contentpadding {
  display: block;
  padding: 10px 10px 10px 10px;
}

.floatrightimg {
  float: right;
  margin: 10px;
  clear: right;
  }

.floatleftimg {
  float: left;
  margin: 10px;
  clear: left;
  }

.alignrightimg {
  float: right;
/*  margin: 10px;    */
  }

.alignleftimg {
  float: left;
/*  margin: 10px; */
  }

.clear {
  clear: both;
  }

.boldtext {
  font-weight: bold;
  }
  
.pond ul {
  list-style-type: square;
/*  padding-left: 0;
  padding-right: 0;   */
  margin: 0;
  }

.pond li {
  list-style-type: square;
  text-align: left;
  padding:5px 5px;
  }

/*
@media screen {
  * html,
  * html body {
    overflow: hidden!important;
    height: 100%;
    margin: 0;
    padding: 0;
    }

  * html #wrap {
    height: 100%;
    overflow: scroll;
    position: relative;
    }

  * html div#header,
  * html div#nav,
  * html div#footerwrap {
    position: absolute;
    }

  * html div#report-nav {
    position: absolute;
    top: 139px;
    left:0;
    bottom:71px;
    width:200px;
    overflow: auto;
	margin-left: 10px;
    text-align: left;
    padding: 10px;
    }

  * html div#report-text {
    position: absolute;
    top:139px;
    left:200px;
    bottom:71px;
    right:0px;
    overflow:auto;
    text-align: center;
    padding: 10px;
    }
  } */