/* s199_common css */
* {
	box-sizing: border-box;
	moz-box-sizing: border-box;
	padding: 0;
	margin: 0;
	}
    
html {
	height: 100%;
	}
    
body {
	height: auto;
	font-family: arial, helvetica, serif;
	font-size: 78%;
    background: url('images/common/grey036.jpg') #ffcc33 repeat;
    color: green;
    border: 4px double #000;
    }

#hull {
 	   border-right: 4px solid #fff;
	   background: #202020;
	   margin-bottom: -0px;
	   margin-left: 130px;
	   border-left: 4px solid #fff;
	   color: #ffffff;
	   margin-right: 130px;
	   min-width: 400px;
	   margin-bottom: 0px;
	   voice-family: "\"}\""; 
	   voice-family:inherit;
	   height: 100%;
	   z-index: 50; 
	   }
html>body #hull {
		height: auto;
       }
	
#bow {
	border-top: #202020 10px solid;
	background: url(images/common/animage.gif) #202020 no-repeat center center;
	MARGIN: 0px -131px;
	COLOR: #000000;
	border-bottom: #202020 2px solid;
	position: relative;
	text-align: center;
	font-style: italic;
    font-weight: bold;
    font-size: 260%;
    height: 1.5em;
    voice-family: "\"}\""; 
	voice-family:inherit;
	    }
html>body #bow {
	border-bottom: #202020 25px solid;	
	}
    
#bridge-holder {
		position: relative;
		border: 0px;
		margin: 0px -131px;
		padding: 0px;
		background-color: white;
		height: 2em;
		z-index: 90;
		voice-family: "\"}\""; 
	    voice-family:inherit;
	    }
html>body #bridge-holder {
		top: -3px;
	} 
	
#bridge {
	position: relative;
	   display: block;
	   background: ;
	   border: 0px none;
	   margin: 0px;
	   padding: 0px;
       font-family: arial;
       font-style: normal;
	   voice-family: "\"}\""; 
	   voice-family:inherit; &nbsp
	    }
html>body #bridge {
	top: 0px;	
	}
	   
ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#nav a {
    font-size: 120%;
	font-weight: bold;
 	color: #000;
	text-decoration: none;
	}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #666;
	padding: 0.0em 0px;
	background-color: #ffcc33;
	margin: 0;
	}

#nav li li a:hover {
	padding: 0.0em 0px;
	color: green;
	border: 0 2px 0 solid #666;
	}

li {
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
	position: relative;
	text-align: center;
	width: 8.07em;
	cursor: default;
	background-color: silver;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	border-width: 2px 1px;
	}
	
#nav li a {
	display: block;
	margin: 0;
	padding:0;
	position: relative;
	text-align: center;
	text-decoration: none;
	}
    
#nav li a:hover {
	color: white;
	background-color: #000;
	margin: 0;
	padding:0;
	}
	
li#first {
	border-left-width: 0.15em;
}

li#last {
	border-right-width: 0.15em;
	}

li ul {
	display: none;
	position: absolute;
	left: -2px;
	font-weight: normal;
	background-color: transparent; 
	padding: 0px 0;
	border-right: 0px solid #7d6340;
	}
	
li>ul {
	top: auto;
	left: auto;
	}

li li {
	display: block;
	float: left;
	podition: relative;
	background-color: transparent;
	border-top: 1px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 1px solid #000;
	margin: 0 0 -0.2em 0;
	padding: 0;
	}

li:hover ul, li.over ul {
	display: block;
	}
	
li.lisublast {
      border-bottom-width: 2px;
      }
       
li.lisubfirst {
      border-top-width: 2px;
      }

hr {
	display: none;
}

.navclear {
	  clear: both;
	  display: block;
	  }

a {
	text-decoration: none;
}

a:link {
	color: orange;
}

a:visited {
	color: violet;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: blue;
}


p   {
	clear: left;
	padding: 2em 0.5em 0em 0.5em;
	margin: 0;
	}

p.image {
	float: none;
	font-size: 1.1em;
	text-align: center;
	color: silver;
}
	padding: 0.9em;
	}

p.image img {
	display: block;
	border: 1px solid #7d6340;
}

p.thm-img img {
	padding: 0px;
	margin: 0px;
	border-style: none;  
	}
	
p.thm-img a {
    padding: 0px;
    margin: 0 0 0 7px;
    display: block;
    width: 80px;
    height: 50px;
    float: left;
    }
    
p.thm-img a:link {
	border-top: 2px solid #fff;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #fff;	
	}
	  
p.thm-img a:visited {
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	}

p.thm-img a:hover {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	}
	
p.thm-img a:active {
	border-top: 2px solid #000;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #000;
	}	

#port-hold {
	left: -2px;
	float: left;
	margin-left: -129px;
	width: 130px;
	margin-right: -1px;
	position: relative;
    display: block;
    }
    
#port-hold-contents {
	position: relative;
	padding: 0px;
	margin: 0px;
	border: 0px;
	color: silver;
	background: url('images/common/grey036.jpg') #202020 repeat 100% 0%;
    voice-family: "\"}\""; 
	voice-family:inherit;
	width: 127px;
	text-align: center;
	}
html>body #port-hold-contents {
	max-width: 127px;
	top: -3px;
	}
    
#stbd-hold {
	left: 2px;
	float: right;
	margin-left: -1px;
	width: 130px;
	margin-right: -129px;
	podition: relative;
    }
    
#stbd-hold-contents {
	position: relative;
	padding: 0px;
	margin: 0px;
	border: 0px;
	color: silver;
	background-color: transparent;
    voice-family: "\"}\""; 
	voice-family:inherit;
	width: 127px;
	text-align: center;
	float: left;
	}
html>body #stbd-hold-contents {
	max-width: 127px;
	top: -3px;
	}    
    
html #port-hold {
	   PADDING-BOTTOM: 52px;
	   MARGIN-RIGHT: -3px;
       }
       
html #stbd-hold {
	   LEFT: 4px;
	   MARGIN-LEFT: -3px;
	   }
	   
#stern {
    WIDTH: 100%;
	COLOR: #000000;
	POSITION: relative;
	HEIGHT: 3em;
	BACKGROUND: url('images/common/grey036.jpg')#202020;
	TEXT-ALIGN: center;
	font-size: 70%;
	padding: 0px;
	margin: 0px;
	}
	
#port-stern {
	position: absolute;
	width: 130px;
	background: #202020;
	color: #fff;
	border-top: #fff 4px solid;
	left: 0px;
	}
	
#mid-stern {
	margin-left: 130px;
	margin-right: 130px;
	border-left: #fff 4px solid;
	border-right: #fff 4px solid;
	border-top: #fff 4px solid; 
	background: transparent;
	color: #000;
	text-align: left;
	}
	
#stbd-stern {
	position: absolute;
	border-top: #fff 4px solid; 
	background: #202020;
	color: #fff;
	right: 0px;
	width: 129px;
	}			
   
#clearstern {
	clear: both;
	height: 40px;
    voice-family: "\"}\""; 
	voice-family:inherit;
	height: 10px;    
	    }
html>body #clearstern {
	height: 1px;
		}

H2 {
	font-weight: bold;
	font-size: 150%;
	color: red;
	font-variant: small-caps;
	text-align: center;
    }

H3 {
	  font-weight: bold;
	font-size: 101%;
	color: gold;
	font-variant: none;
	text-align: center;
	}  
#innercenter {
	padding: 5px;
	display: block;
	position: relative;
	float: left;
	margin: 5px;
	}