body {margin: 0px; padding: 0px; font: 1.0em verdana, arial, sans-serif; }
h2 {font: Verdana, Arial, Helvetica, sans-serif;
               font-size: 1em;
               text-align: center;
			   color: #003333;
			   margin-top: 10px; 
			   }
a:link, a:active, a:visited {color: #003333; text-decoration: underline; }
a:hover {color: #990000; text-decoration: none; }

div#container {min-width: 775px; max-width:1000px; margin-left:auto; margin-right:auto; }
div#shell {position: static; margin-left: auto; margin-right: auto; width: 710px; text-align: center; }
div#shell h1{font: Geneva, Arial, Helvetica, sans-serif;
               font-size: .75em;
			   color: #003333;
			   font-weight: bold;
			   text-align: left;
			   margin: 10px;
				}
div#shell p{font-size: .7em;
			font-style: italic;
			text-align: center;
			   color: #000000;
			   margin-top: 10px; 
			   }
div#header {height: 150px; text-align: center; margin-top: 0; border-bottom: 1px solid #006666; }
div#pgtop {height: 150px; background-image: url(../images/event_horizon_sail.jpg); background-repeat: no-repeat; background-position:center; margin-top: 0; border-bottom: 1px solid #006666; 
}
div#pgtop h1 {text-align: left; 
	margin: 60px 0px 10px 100px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #990000;
	font-weight: bold;
	}
div#nav {width: 100%;  
 			padding: 4px 0; 
			font-size: .85em;  
			color: #003333;
			font-weight: bold;
			text-align: center; 
			background-color: #FFFFFF; 
		}
 div#nav ul {margin: 2px 0; }
 div#nav li {display: inline; 
			padding:0 5px 0 9px; 
						}
.style1 {color: #000000; 
	}	
div#nav ul li a {text-decoration: none; 
 					color: #990000;
							 }
 div#nav ul li a:hover {text-decoration: underline; color: #003333; }

div#leftcolumn {position: absolute; left: 0px; top: 175px; width: 175px;
				padding: 0; margin: 22px 0 15px 10px; 
				font-size: .75em;
				color: #003333;
			font-weight: bold;
				line-height: 1.2em;
				}
div#leftcolumn ul {border: 0; margin: 12px 20px 5px 0px; padding: 0; list-style-type: none; } /* margins on the list - also removes bullets */
div#leftcolumn li {border-bottom: 2px dotted #990000; margin: 0; padding: 1em 0; text-indent: 0em; } /* dotted lines betwen the list items */
div#leftcolumn li:first-child {border-top: 2px dotted #990000; }	/* dotted line over the first list item (doesn't work in Internet Explorer */
* html div#leftcolumn ul {border-top: 2px dotted #990000; } /* hack for IE for windows */
div#leftcolumn h3 {text-align: center; font-size: .8em; color: #003333; margin-bottom: 0px; padding-top: 3px; border-top:2px dotted #990000; }
div#leftcolumn a {color: #003333; text-decoration: underline; }
div#leftcolumn a:hover {color:#990000; text-decoration:none;}
div#leftcolumn li.morelink {font-style:italic;}	
	
div#content {margin: 20px 190px 0 190px; padding: 0 1em; }
div#content h1{font-size: 1.1em; font-varient: small-caps; margin-top: 2em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #006666; }
div#content h2{font: Verdana, Arial, Helvetica, sans-serif;
               font-size: 1em;
               text-align: center;
			   color: #003333;
			   margin-top: 10px; 
			   }
div#content h3{font: Arial, Helvetica, sans-serif;
               font-size: .75em;
			   color: #003333;
			   margin: 0px;
				}
div#content h4{font: Geneva, Arial, Helvetica, sans-serif;
               font-size: .8em;
			   color: #990000;
			    margin: 15px 0 5px 0;
				}
			   
div#content div#mainimage {float: left; margin: 0 8px 4px 0;}
div#content div#mainimage img {border: 1px solid #990000; }
div#content div#mainimage p {font-size: .65em; text-align:center; margin: 0px 5px; color: #003333; }	

div#content blockquote {width: 225px; float: right; font-size: .75em; border-top: 2px dotted #990000; border-bottom: 2px dotted #990000; margin: 5px; padding: 4px 7px; }
div#content blockquote ul {border: 0; margin: 0px 0px 5px 0px; padding: 0; list-style-type: none; } /* margins on the list - also removes bullets */
div#content blockquote li {border: 0; 
                padding: 0;
				color: #003333;
				}
div#content ul {font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding: 0; list-style-type: square; list-style-position: inside; }
div#content li {padding: 0em; margin:0;
				}
div#content a {color: #003333; text-decoration: underline; }
div#content a:hover {color: #990000; text-decoration: none; }
div#content p {font-size: .8em; margin-top: 0; margin-bottom: .7em; }

div#content div#where {width: 100%; background-image: url('http://www.shiptrak.org/'); background-repeat: no-repeat; background-position:center;  background-attachment: scroll;
}
div#footer {width: 100%;  /* makes the div fill its container - usually body */
 					padding: 6px 0; /* pushes the links away from top and bottom of the div */
					font-size: .75em;  /* sets the font size of all links */
					text-align: center; /* centers the ul elements in the div */
					font-weight: bold;
					background-color:white; /* sets the background color of the div */
					border-top: 1px solid #990000; 
					border-bottom: 2px solid #990000;
					margin-top: 1.5em;
 }
 div#footer ul {margin: 2px 0 10px 0; } /* vertical spacing between the lists */
 div#footer li {display: inline; /* the key CSS - makes the lists display horizontally */
						padding: 0 2px 0 4px; 
						}
  div#footer ul li a {text-decoration: none; /* removes the underlining off the links */
 							 color: #990000; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration: underline;
                            color:#003333;} /* underlines the links when hovered */
							
  div#footer div#legal {font-size: .7em; color: #000000; margin-top: .75em; } 
  div#footer div#legal a {text-decoration: underline; color: #003333; } 
  div#footer div#legal a:hover {color: #006666; }

div#rightcolumn {position: absolute; width: 175px; top: 175px; right: 0px;  
		margin: 32px 10px 0 0; padding: 1em 0; border-top: 2px solid #336666; border-bottom: 1px solid #336666; }
div#rightcolumn p {font-size: .75em; 
					color: #003333;
				line-height: 1.2em;
					margin: 10px 0 0 10px; padding-top: 3px; }
div#rightcolumn div#log ul {list-style-type: none; /* removes bullets from list */
							font-size: .75em; 
					color: #003333;
				line-height: 1.2em;
                            padding-left: 10px; margin:0 6px 10px 0; border-bottom: 2px dotted #990000;}
div#rightcolumn div#log li {margin-top: 0; margin-bottom: .5em; }
div#rightcolumn h3 {text-align: center; font-size: .8em; color: #990000; margin-bottom: 0px; padding: 3px; }
div#rightcolumn h4 {text-align: center; font-size: .8em; color: #336666; margin-bottom: 0px; padding: 3px; }
div#rightcolumn a {color: #003333; text-decoration: underline; }
div#rightcolumn a:hover {color: #990000; text-decoration: none; }
div#rightcolumn li.morelink {font-style: italic; }
/* photo gallery page */
div#photos {float: left; text-align: center; padding: 10px;
}
div#photos img {margin: 2px; border: 1px solid #990000;
}
div#photos p {font: Geneva, Arial, Helvetica, sans-serif; font-size: .65em; text-align: center; margin: 2px; color: #003333;
}	
div#photos a {color: #990000; text-decoration: none;
}
/* end of photo gallery */
.clearthefloats {clear: both; }