/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
        background-image: url(whale_rock_undamaged_small.jpg); 
       }


#title p {font-weight:bold}


h1 {  top: 16%;  font-size: 42pt; text-align: center;
      }

h2 {  top: 16%;  font-size: 18px; text-align: center; 
      }

div.tocphoto table{ 
border-width: 2px; max-width: 400px;      
   	}


div.tocphoto td{border-style:solid; black

    border-width: 2px 2px 2px 2px;
    padding: 25px 0px 25px 0px;
	border-spacing: 1px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
	background-color: #ffffff;  
      }




div.tocphotonone table{
border-width: 1px;
        width: 700px;
    border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
	background-color: #ffffff;

}

#botnav 
      {
       border: 2px; padding: 0 0px 0px 0px;font-weight:bold; text-align: center; font-size: 18px;  
      }

#extrainfo
      {
       border: 2px; padding: 15px 0px 0px 0px;font-weight:bold; text-align: center; font-size: 17px;  
      }

#newportinfo
      {border-style: solid;
       width: 600px; margin-left: auto;
    margin-right: auto; background-color: white;
border-width: 2px; padding: 15px 0px 15px 0px;font-weight:bold; text-align: center; font-size: 15px;  
      }


.newportinfo
      {border-style: solid;
       width: 600px; margin-left: auto;
    margin-right: auto; background-color: white;
border-width: 2px; padding: 15px 0px 15px 0px;font-weight:bold; text-align: center; font-size: 15px;  
      }
h2  {
        width: 100%; margin-left:auto; 
    margin-right:auto;
      }
#topnav2 table {
        width: 100%; margin-left:auto; 
    margin-right:auto;
      }	
  
#topnav td
      {
       border: 2px; padding: 0 0px 0px 0px;font-weight:bold; text-align: center; font-size: 18px;  
      }
#topnav2 td
      {
       border: 2px; padding: 10px 0px 20px 0px;font-weight:bold; text-align: center; font-size: 18px;  
      }

.line {border-top: 0px solid #000000; margin: 80px 0}
#middle {text-align: center
      }



#topnav {font-size: 110%; 
      }
	  
.top {width:25%;text-align: center;font-weight:bold; font-style: italic; font-size: 18px;
    font-weight:bold;
    border-width: 3px 3px 3px 3px;
	padding: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	}  




.leftfull {width:35%;text-align:center;font-weight:bold; 
    font-weight:bold;
    border-width: 3px 2px 3px 3px;
	padding: 10px
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	}

.middle {width:30%;text-align:center; font-weight:bold;
    font-size: 16px;
	font-weight:bold;
    border-width: 3px 2px 3px 3px;
	padding: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	}

.rightfull {width:31%;text-align: left; 
    font-weight:bold;
    border-width: 3px 3px 3px 3px;
	padding: 18px 0px 18px 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	}




.leftfull2 {width:37%;text-align: left;font-weight:bold; 
    font-weight:bold;
    border-width: 3px 2px 3px 3px;
	padding: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	}

.middle2 {width:30%;text-align:center; font-weight:bold;
    font-size: 16px;
	font-weight:bold;
    border-width: 3px 2px 3px 3px;
	padding: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	}

.rightfull2 {width:31%;text-align: left; 
    font-weight:bold;
    border-width: 3px 3px 3px 3px;
	padding: 18px 0px 18px 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	}

#name  h3 {
        font-weight:bold; text-align: center; font-size: 14pt; line-height: 85%
      }

.rightfull img {
       border: 2px ; 
      }

#hogtitle {
        font-weight:bold; text-align: center; font-size: 24px; 
      }


#title {
        font-weight:bold; text-align: center; font-size: 27px; 
      }


.title {
        font-weight:bold; text-align: center; font-size: 27px; 
      }

#subtitle {
        font-weight:bold; text-align: center; font-size: 26px; 
      }

#title2 {
        font-weight:bold; text-align: center; font-size: 24px; 
      }

 
#title p {
        font-weight:bold; text-align: center; font-size: 28px; line-height: 85%
      }


#name {
        font-weight:bold; text-align: center; font-size: 18px; line-height: 85%
      }

#copyright {
        font-weight:bold; text-align: center; font-size: 14px; 
      }


.glossymenu{
margin: 5px 0;
padding: 0;
width: 500px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
margin-left: auto;
    margin-right: auto;
}

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 14px 0;
padding-left: 10px;
text-decoration: none;
text-align: center;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
text-align: center;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}