body {
  margin : 0;
  padding : 0;
  border-color : #cc0000;
  background-color : #ffffff;
  color : #000000;
}
h1 {
  font : bold 14pt Arial, Helvetica, geneva;
}
h2 {
  font : bold 12pt Arial, Helvetica, geneva;
}
h3 {
  font : bold 10pt arial,helvetica,sans-serif;
}
table {
  font-family: arial,helvetica,sans-serif;
  font-size: 16px;
  text-align: left;
  color: black
}
td.main {
  padding-bottom: 10px;
}
td a:hover { 
  background: Seashell url('../img/mbyc_logo_bullet.png') no-repeat left;
}
td.ffl a:hover { 
  background: Seashell url('../img/mbyc_logo_bullet.png') no-repeat top left;
}
a.index { 
  background: url('../img/mbyc_logo_bullet.png') no-repeat left;
  text-decoration: none; 
  font-family: arial,helvetica,sans-serif;
  font-size: 18px;
  text-align: left;
  padding-left: 35px; /*link text is indented 35px*/
  color: black;
}
a.index2 { 
  background: url('../img/mbyc_logo_bullet.png') no-repeat left;
  text-decoration: none; 
  font-family: arial,helvetica,sans-serif;
  font-size: 18px;
  margin-left : 10px;
  text-align: left;
  padding-left: 35px; /*link text is indented 25px*/
  color: black;
}
a.decor { 
  background: url('../img/mbyc_logo_bullet.png') no-repeat left;
  text-decoration: none; 
  font-family: arial,helvetica,sans-serif;
  font-size: 16px;
  text-align: left;
  padding-left: 35px; /*link text is indented 35px*/
  color: black;
}
a.decor2 { 
  background: url('../img/mbyc_logo_bullet.png') no-repeat left;
  text-decoration: none; 
  font-family: arial,helvetica,sans-serif;
  font-size: 16px;
  margin-left : 10px;
  text-align: left;
  padding-left: 35px; /*link text is indented 25px*/
  color: black;
}
a.ffl { 
  background: url('../img/mbyc_logo_bullet.png') no-repeat top left;
  text-decoration: none; 
  font-family: arial,helvetica,sans-serif;
  font-size: 16px;
  text-align: left;
  padding-left: 35px; /*link text is indented 35px*/
  color: black;
}
a.ffl2 { 
  background: url('../img/mbyc_logo_bullet.png') no-repeat top left;
  text-decoration: none; 
  font-family: arial,helvetica,sans-serif;
  font-size: 16px;
  margin-left : 10px;
  text-align: left;
  padding-left: 35px; /*link text is indented 25px*/
  color: black;
}

table.noShow {
  display: none; 
  border-style: none; 
  position: relative; 
}
p.title {
  font-family: "Monotype Corsiva";
  font-size: 50px;
  width : 600px;
  margin-top : 55px;
  margin-left : 260px;
  margin-bottom : 80px;
  text-align: left;
  color: #CC3300
}
p.doc {
  font-family: arial,helvetica,sans-serif;
  font-size: 18px;
  text-align: left;
  color: black
}
p.docCenter {
  font-family: arial,helvetica,sans-serif;
  font-size: 16px;
  text-align: center;
  color: black
}

#list {
  font-family: arial,helvetica,sans-serif;
  font-size: 18px;
  text-align: left;
  color: black;
  list-style-position: inside;
  list-style-type: disc;
}
.rocks ul li{
  background: url('../img/rocks.png') no-repeat left; /*custom bullet list image*/
  color: black; 
  display: block;
  font-family: arial,helvetica,sans-serif;
  font-size: 18px;list-style-type: none;
  padding: 5px 0;
  padding-left: 35px; 
  text-decoration: none;
}
#burgee {
  position: absolute;
  left: 10px;
  top: 10px;
}
#leftnavigation {
  position : absolute;
  top : 0;
  width : 180px;
  margin-top : 160px;
  padding-left : 0px;
  z-index : 3;
  color : #000000;
  padding : 3px;
}
#rightnavigation {
  position : absolute;
  left : 80%;
  top : 20px;
  width : 220px;
  padding-left : 10px;
  z-index : 3;
  color : #000000;
  padding : 3px;
}
#content {
  position : absolute;
  top : 0;
  left : 0;
  width : 600px;
  margin-top : 175px;
  margin-left : 240px;
  padding : 0px;
  color : #000000;
}
#cam_content {
  position : absolute;
  top : 0;
  left : 0;
  width : 600px;
  margin-top : 150px;
  margin-left : 240px;
  padding : 0px;
  color : #000000;
}
div#footer {
  position : absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 20px;
  text-align: center;
  border-top: 1px solid rgb(200, 200, 200);
  margin-top : 600px;
  margin-left : 240px;
  padding : 5px;
}
.main ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left : 10px;
  margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.main li.main {
background: url('../img/mbyc_logo_bullet.png') no-repeat left;
}
.main ul li{
  padding-bottom: 5px; /*bottom spacing between menu items*/
}
.main ul li a{
  color: black; 
  background: url('../img/mbyc_logo_bullet.png') no-repeat left; /*custom bullet list image*/
  /* display: block; uncomment if you want the hover to be as long as the longest link */
  padding: 5px 0;
  padding-left: 35px; /*link text is indented 25px*/
  text-decoration: none;
  font-family: arial,helvetica,sans-serif;
  font-size: 18px;
}
.main ul li a:visited{
  color: black; /*color: #A70303;*/
}
.main ul li a:hover{ /*hover state CSS*/
  color: #A70303;
  background-color: Moccasin; /*color: #A70303;*/
}
.main li ul {
  visibility: hidden;
  position: absolute;
  top: 200px;
  left: 150px;
  padding: 40px;
  background: url('transparent.gif');
}
.main li:hover > ul {
  visibility: visible;
}

.nav{
  width: 170px; /*width of menu*/
}
.nav ul{
  list-style-type: none;
  padding: 0;
  margin-left : 10px;
  margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.nav ul li{
  padding-bottom: 2px; /*bottom spacing between menu items*/
  float:left;
}
.nav ul li a{
  color: black; 
  background: url('../img/mbyc_logo_bullet.png') no-repeat left; /*custom bullet list image*/
  display: block;
  padding: 5px 0;
  padding-left: 35px; /*link text is indented 35px*/
  text-decoration: none;
  font-family: arial,helvetica,sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.nav ul li a:visited{
  color: black; /*color: #A70303;*/
}
.nav ul li a:hover{ /*hover state CSS*/
  color: #A70303;
  background-color: Seashell; /*color: #F3F3F3;*/
}
.links{
  width: 425px; /*width of menu*/
}
.links ul{
  list-style-type: none;
  padding: 0;
  margin-left : 20px;
  margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.links ul li{
  padding-bottom: 5px; /*bottom spacing between menu items*/
}
.links ul li a{
  color: black; 
  background: url('../img/sailboat2.png') no-repeat left; /*custom bullet list image*/
  /* display: block; uncomment if you want the hover to be as long as the longest link */
  padding-left: 30px; /*link text is indented 35px*/
  text-decoration: none;
  font-family: arial,helvetica,sans-serif;
  font-size: 18px;
}
.links ul li a:visited{
  color: black; /*color: #A70303;*/
}
.links ul li a:hover{ /*hover state CSS*/
  color: #A70303;
  background-color: #F3F3F3;
}
.cam ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left : 10px;
  margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.cam ul li{
  padding-bottom: 5px; /*bottom spacing between menu items*/
}
.cam ul li a{
  color: black; 
  background: url('../img/mbyc_logo_bullet.png') no-repeat left; /*custom bullet list image*/
  /* display: block; uncomment if you want the hover to be as long as the longest link */
  padding: 5px 0;
  padding-left: 35px; /*link text is indented 25px*/
  text-decoration: none;
  font-family: arial,helvetica,sans-serif;
  font-size: 16px;
}
.cam ul li a:visited{
  color: black; /*color: #A70303;*/
}
.cam ul li a:hover{ /*hover state CSS*/
  color: #FF4500;
  background-color: #7FFFD4;
}

.flyout {
  width: 172px; /*width of menu*/
}
.flyout ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left : 10px;
  margin-bottom: 8px; 
}
.flyout li {
  padding-bottom: 2px; /*bottom spacing between menu items*//* for IE7 */
  float:left
}
.flyout li.burgee {background: url('../img/mbyc_logo_bullet.png') no-repeat left;}

.flyout a {
  display: list-item;
  text-decoration: none;
  padding: 5px 0;
  padding-left: 35px; /*link text is indented 35px*/
  width: 130px; /* The width of the top link */
  color: black;
  font-family: arial,helvetica,sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.flyout a:visited {
  color: black; /*color: #A70303;*/
}
/* hack for IE5.5 */
* html .flyout a, * html .flyout a:visited {width:150px; w\idth:149px;}
/* style the link hover */
* html .flyout a:hover {color:#efa; background:#aa7; position:relative;}

.flyout li:hover {
  position:relative;
}

.flyout a:active, .flyout a:focus {
  color: black; 
  background: Seashell;
}
.flyout li:hover > a {
  color: #A70303; 
  background: Seashell;
  padding-left: 35px; /*link text is indented 35px*/
}
.flyout li ul {
  visibility: hidden;
  position: absolute;
  top: -40px;
  left: 75px;
  padding: 40px;
  background: url('transparent.gif');
}
.flyout li:hover > ul {
  visibility: visible;
}
.flyout ul a:hover ul ul{
  visibility: hidden;
}
.flyout ul a:hover ul a:hover ul ul{
  visibility: hidden;
}
.flyout ul a:hover ul a:hover ul a:hover ul ul{
  visibility: hidden;
}
.flyout ul a:hover ul {
  visibility: visible;
}
.flyout ul a:hover ul a:hover ul{ 
  visibility: visible;
}
.flyout ul a:hover ul a:hover ul a:hover ul { 
  visibility: visible;
}
.flyout ul a:hover ul a:hover ul a:hover ul a:hover ul { 
  visibility: visible;
}