html { height: 100% }
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #ffffff;
color: #000080;
font-family: small Arial, Helvetica, sans-serif;
}
		
#main {
 position: relative;
 width: auto;
 min-width: 120px;
 margin: 0px 0px 20px 0px;
 border: 0px solid red;
 background-color: #ffffff;
 padding: 10px;
 z-index: 3;			
}

#banner{
 position: relative;
 width: auto;
 min-width: 160px;
 margin: 40px 0px 0px 15px;
 border: 0px solid blue;
 background-color: #ffffff;
 padding: 0px;
 z-index: 3;
}

#banner p.img{
margin: 0px 0px 0px 10px;
}

#banner p.logo{
font-size: 2.5em;
font-family: "Times New Roman";
font-weight: 400;
width: 500px;
color: #9a0000;
margin: -65px 0px 0px 50px;
}

#mapdata{
 position: relative;
 width: auto;
 min-width: 160px;
 margin: 0px 0px 0px 350px;
 border: 0px solid blue;
 background-color: #ffffff;
 padding: 0px;
 z-index: 3;
}

#mapdata p.title{
 color: #9a0000;
 margin: 10px 0 10px 0;
 padding: 0;
 font-size: 110%;
 font-style: regular;
 text-align: left;
}

#mapdata table{
 font-size: 90%;
}

#mapdata span.box{
 position: relative;
 border: 1px solid black;
 height: 20px;
 font-size: 80%;
 font-color: #000000;
 text-align: center;
 float: left;
 margin: 0 1px 0 0;
 padding: 0px; 
}

#mapdata .captcha{
 margin: 100px 0 0 0;
 padding: 0;
}

#content {
 position: relative;
 width: auto;
 min-width: 160px;
 margin: 0px 0px 0px 150px;
 border: 0px solid blue;
 background-color: #ffffff;
 padding: 0px;
 z-index: 3;
}

#content .tab{
margin: 0px 10px 0 0px;
padding: 0 0 0 0;
}

#content .space{
font-size: 90%;
margin: 0px 0 0 15px;
padding: 0;
}

#content .trk{
margin: 0px 0 10px 40px;
padding: 0 0 0 0;
}

#content .shiftr{
margin: 20px 0 0 200px;
padding: 0 0 0 0;
}

#content .rst{
margin: 0px 0 0 133px;
padding: 0 0 0 0;
}

#content p.header{
 color: #9a0000;
 margin: 0px 0 0 0;
 padding: 0;
 font-size: 200%;
 font-style: italic;
 text-align: center;
}

#content p.header2{
 color: #9a0000;
 margin: 20px 0 40px 0;
 padding: 0;
 font-size: 200%;
 font-style: italic;
 text-align: center;
}

#content p.header3{
 color: #9a0000;
 margin: 20px 0 0px 0;
 padding: 0;
 font-size: 120%;
 font-style: italic;
 text-align: center;
}


#content p.update{
 color: #9a0000;
 margin: 20px 0 50px 0;
 padding: 0;
 font-size: 80%;
 font-style: italic;
 text-align: center;
}

#content p.monitor{
 color: #9a0000;
 margin: 0px 0 20px 0;
 padding: 0;
 font-size: 80%;
 font-style: italic;
 text-align: center;
}

#content h3{
 font-size: 120%;
 font-style: bold;
 text-align: left;
 border: 0px solid blue;
 margin: 0px 0 20px 0;
 padding: 0;
}

#content p{
 position: relative;
 border: 0px dashed blue;
 margin: 20px 0 0px 10px;
 padding: 0;
}

#content p.sm{
 position: relative;
 font-size: 80%;
 border: 0px dashed blue;
 margin: 0 0 0px 0;
 padding: 0;
}

#content p.btn{
 position: relative;
 border: 0px dashed blue;
 margin: 0 0 150px 0;
 padding: 0;
}

#content td.smr{
 position: relative;
 font-size: 80%;
 border: 0px dashed blue;
 margin 0 0 0px 0;
 padding: 0;
}

#content table.smmry{
 font-size: 90%;
}

#content table.ferries{
 position: relative;
 margin: 50px 0 0 0;
 padding: 0;
}

#content table.ack{
 position: relative;
 margin: 20px 0 0 0;
 padding: 0;
}


#content td.tle{
 color: #9a0000;
 margin: 0px 0 0px 0;
 padding: 10px 0 10px 0;
 font-size: 110%;
 font-style: regular;
 text-align: left;
}

#content td.trck{
 color: #9a0000;
 margin: 0px 0 0px 0;
 padding: 0px 0 0px 0;
 font-size: 90%;
 font-weight: bold;
 text-align: center;
}


#content td.cl{
 margin: 0px 0 0px 0;
 padding: 0px 0 0px 10px;
 text-align: left;
}

#content select.ddl{
 width: 120px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}


#content p.discl{
 position: relative;
 font-size: 80%;
 color: #990099;
 text-align: left;
 border: 0px dashed blue;
 margin: 10px 0 30px 0;
 padding: 0;
}

#content p.box{
 position: relative;
 border: 1px solid black;
 height: 20px;
 font-size: 80%;
 font-color: #000000;
 text-align: center;
 float: left;
 margin: 0 1px 0 0;
 padding: 0px; 
}

#content p.info{
 position: relative;
 color: #9a0000;
 margin: 20px 0 0 0;
 padding: 0;
 clear: left;
 font-size: 100%;
 font-style: regular;
 text-align: left;
}

#content p.title{
 color: #9a0000;
 margin: 10px 0 10px 0;
 padding: 0;
 font-size: 110%;
 font-style: regular;
 text-align: left;
}

#content p.error{
 color: #ff0000;
 font-size: 120%;
 font-style: regular;
 text-align: center;
 margin: 0;
 padding: 0;
}

#content hr{
 color: gray;
 margin: 10px 0 0 10px;
}

#content imgx{
 float: left;
 margin: 10px 0 50px 0px;
 padding: 0;
}

#content imgr{
 float: right;
 margin: 10px 0 50px 0px;
 padding: 0;
}

#content img{
 float:left;
}

#content p.indent{
 margin: 0 0 0 2em;
 padding: 0;
}
#content p.return{
 text-align: right;
}

#content ul{
 margin: 0 0 0 30px;
 padding: 0;
 font-size: 90%;
}

#content li{
 margin: 0;
 padding: 0;
}


#output{
 position: relative;
 width: auto;
 margin: 10px 0 0 0;
 padding: 0;
}

#output table{
 position: relative;
 border: 0px solid red;
 clear: left;
 font-size: 100%;
 margin: 20px 0 0 0;
 padding: 0;
}

#output p{
 position: relative;
 border: 0px solid red;
 clear: left;
 font-size: 100%;
 font-weight: bold;
 font-color: #9a0000;
 margin: 10px 0 0 0;
 padding: 0;
}


#output td.check{
 color: #a0a0a0;
}

#sidebar {
 position: absolute;
 width: 120px;
 top: 125px;
 left: 5px;
 font-size: 0.9em;
 border: 0px dashed blue;
 background-color: #ffffff;
 margin: 0px 0 0 0px;
 padding: 0px;
 z-index: 2;
}

#sidebar p{
 font-size: 90%;
 font-weight: bold;
 color: #9a0000;
 text-align: left;
 margin: 10px 0 0px 0px;
 padding: 0;

}

#login{
 position: relative;
 background-color: #fafac8;
 border: 1px solid #9a0000;
 margin: 65px 0 0 0px;
 padding: 0px;
}

#login p.hdr{
 font-size: 90%;
 font-weight: bold;
 color: #9a0000;
 text-align: center;
 padding: 0px 0 0 0;
 margin: 0;
}

#login p.details{
 font-size: 80%;
 color: #9a0000;
 text-align: left;
 margin: 5px 0 0 5px;
 padding: 0;
}

#login p.reg{
 font-size: 80%;
 color: #9a0000;
 text-align: left;
 margin: 5px 0 10px 5px;
 padding: 0;
}

#login p.cntrl{
 text-align: center;
 margin: 0px 0 0 0;
 padding: 0;
}

#login p.btn{
 text-align: center;
 margin: 15px 0 0 0px;
 padding: 0 0 0px 0;
}


#navleft{
 position: relative;
 border: 0px dashed black;
 margin: 67px 0 0 0;
 padding: 0px;
}

#navleft .homebtn{
text-align: center;
margin: 0px 0 5px 0;
padding: 0;
}

#navleft h5{
color: #9a0000;
text-align: center;
margin: 20px 0 0 0px;
padding: 0;
}

#navleft p.img{
 margin: 20px 0 20px 0px;
 padding: 0;
}

#navleft p.hdr{
font-weight: bold;
font-size: 90%;
color: #9a0000;
text-align: left;
margin: 20px 0 0 0px;
padding: 0;
}


#navleft p.ttle{
text-align: center;
font-weight: bold;
font-size: 90%;
margin: 30px 0 30px 0px;
}

#navleft p{
color: #fff;
text-align: center;
font-size: 80%;
margin: 10px 0 0 0px;
}

#navleft p.other{
text-align: center;
font-size: 80%;
margin: 10px 0 0 0px;
}

#navleft p.archive{
font-size: 80%;
text-align: center;
margin: 10px 0 0 0px;
}



#navright {
	position: absolute;
	width: 168px;
	top: 200px;
	right: 20px;
	font-size: 0.9em;
	border: 0px dashed black;
	background-color: #ffffff;
	padding: 10px;
	z-index: 2;
}
	
#navright p.img{
 margin: 20px 0 20px -10px;
 padding: 0;
}

	a:link {color: darkblue}
	a:visited {color: darkblue}
	a:hover {color: gray}