/* CSS Document */

/* --------- defaults  --------- */

* {
		margin: 0;
		padding: 0;
}

body {
  font:  100% Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
  color:  #031375;
  background-color:  #F2F2F2;
}

/*  --------- structure  --------- */

#wrapper {
  width: 960px;
  border: 1px solid gray;
  margin: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  background-color:  #FFFFFF;
}
		
#masthead {
  padding: 5px;
  background-color: #FFFFFF;
  height:  200px;
  background:  url(images/Lake-Country-Barge-logo.jpg) no-repeat;
}
		
#logo {
		}
		
#navcontainer {
  height:100px;
  background:#FFFFFF url(images/navigation2.jpg) no-repeat;
}

#innerwrapper {
	margin: 0 170px 0 0;

}

#content {
  padding: 5px;
  background-color: #FFFFFF;
  color:  #008080;
  text-indent:  20px;
}

#prod-content {
  margin: 0 0 0 170px; 
  padding: 5px;
  color:  #008080;
  background-color: #ffffff;
  text-indent:  20px;
  width:  770px;
}

#footer {
  clear: both;
  padding: 5px;
  color:  #031375;
  background-color:  #F2F2F2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 65%;
  text-align: center;
}

.leftimage {
  float:  left;
  margin-right:  10px;
}

.leftimage p {
  float:  left;
  margin-right:  10px;
  text-align: center;
}

.rightimage {
  float:  right;
  margin-left:  10px;
}

.rightimage p {
  float:  right;
  margin-left:  10px;
  text-align: center;
}

.separator {
clear: both;
		}

.separatorInvisible {
  clear: both;
  height: 1px;
		}

.clearFix:after {
 content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
		}
		
/* ---------- links and navigation ---------- */

a {
		}
		
a:hover {
		}
		
#navlist {
  list-style: none;
  padding: 0;
  margin: 0;
}

#navlist li {
  float: left;
  background-image: url(images/navigation1.jpg) no-repeat;
  display: block;
  width: 140px;
  text-align: center;
  font-weight: bold;
  padding: 30px 0 0 0;
}

#navlist a:link, #navlist a:visited{
  color: #FFFFFF;
  text-decoration: none;
}

#navlist a:hover
{
  text-decoration: underline;
}

#left {
  margin: 0 0 10px 0;
  float: left;
  width: 190px;
  padding: 5px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}

#sidebar {
  width:180px; 
  float:left; 
}

#sidebar h3 {
  font-size:17px; 
  font-weight:normal; 
  color:  #000000;
  margin:20px 0 5px 0;
}

#sidebar ul {
  margin:0; 
  padding:0; 
  /*border-top:1px solid #F2F2F2; */
}

#sidebar li {
  margin: 0;
  padding: 0;
  list-style:none; 
  /*border-bottom:1px solid #F2F2F2;} */
}

#sidebar a {
  display: block;
  color:#031375; 
  text-decoration:none;
}

#sidebar li a:hover {
  background-color:#F2F2F2;
}
		
/* ---------- fonts ---------- */

html {
		}

body {
		}

h1, h2, h3, h4, p, ul {
		}

h1 {
  color:  #031375;
		}

h2 {
  font-size:  140%;
  color:  #031375;
		}

h3 {
  font-size:  110%;
  color:  #031375;
		}
		
h4 {
		}

p {
		}

ul { 
  margin-left:20px; 
  margin-right:0px; 
  list-style:square; 
} 



blockquote {
		}
		
.red {
  color: #FF0000;
}

.blue {
  color: #031375;
}

/* ---------- images ---------- */

a img {
  border: 0;
		}
		
/* ---------- tables ---------- */

table {
		}
		
caption {
		}
		
tr {
		}

th, td {
		}
		
th {
		}
		
td {
		}

/* ---------- forms ---------- */	
		
form {
		}