/* CSS Document */

html, body{margin:0;padding:0}
body{
font: 76% arial, sans-serif;
text-align:center;
background-color:#637B6D;}

p{margin:0 10px 10px;}
a{padding:5px; text-decoration:none; color:#000000;}
div#container
{position: relative;
width: 800px;
height: 100%;
margin: 10px 10% 0px 10%;
padding-bottom: 20px;
 color: transparent;
}

div#mainheader{
background: #B79F83;
font-family: comic sans ms;
width: 800px;
position: relative;
z-index:1;
margin-bottom: 55px;  /* this controls space below header  */


}

div#headercontent {
width: 800px;
}

div#headercontent h1
{
font-size: 550%;
color: #15363D;
position: relative;
top: -10px;
margin-bottom: 0px;
}

div#headercontent h3
{
font-size: 250%;
color: #225254;
position: relative;
top: -44px;
margin-bottom: -15px;
}

div#wrapper
{width: 800px;
height: 1000px;
background:#B79F83;
margin-top: -48px; 
padding-bottom: 65px; 
}

div#content
{width:756px;
height: 935px;
margin: 18px 22px 0px 22px;
padding: 0 0 20px 0;
background: #D7D9C7;
text-align:center;
position: relative;
font-size: 16px;
font-weight: bold;
top: 23px;


}

.leftboximg
{left: 0px;
border: 0px;
width: 160px;

position: absolute;

}

.rightboxcontent
{font-size: 16px;
font-weight: bold;
left: 12%;
width: 77%;
height: 100%;
border: 0px;
position: relative;
color: black;

}

.rightboxcontent h1
{text-decoration: underline;
font-size: 24px;
}


div#box1
{
{width:700px;
height: 160px;
margin: 18px 22px 20px 22px;
padding: 0 0 20px 0;
background: #D7D9C7;
position: relative;
font-size: 16px;
font-weight: bold;
border: 0px;
top: 10px;
}


div#box2
{width:700px;
height: 160px;
margin: 18px 22px 0px 22px;
padding: 0 0 20px 0;
background: #D7D9C7;
text-align:center;
position: relative;
font-size: 16px;
font-weight: bold;
border: 0px;
}
div#box3
{width:700px;
height: 160px;
margin: 18px 22px 0px 22px;
padding: 0 0 20px 0;
background: #D7D9C7;
text-align:center;
position: relative;
font-size: 16px;
border: 0px;
}

div#box4
{width:700px;
height: 160px;
margin: 18px 22px 0px 22px;
padding: 0 0 20px 0;
background: #D7D9C7;
text-align:center;
position: relative;
font-size: 16px;
font-weight: bold;
border: 0px;
}

div#box5
{width:700px;
height: 160px;
margin: 18px 22px 0px 22px;
padding: 0 0 20px 0;
background: #D7D9C7;
text-align:center;
position: relative;
font-size: 16px;
font-weight: bold;
border: 0px;
}

div#box6
{width:700px;
height: 160px;
margin: 18px 22px 0px 22px;
padding: 0 0 20px 0;
background: #D7D9C7;
text-align:center;
position: relative;
font-size: 16px;
font-weight: bold;
border: 0px;
}

div#box7
{width:700px;
height: 160px;
margin: 18px 22px 0px 22px;
padding: 10px 0 20px 0;
background: #D7D9C7;
text-align:center;
position: relative;
font-size: 16px;
font-weight: bold;
border: 0px;
}

.rightboximg
{left: 0px;
border: 0px;
width: 30%;
position: absolute;

}

.leftboxcontent
{font-size: 16px;
font-weight: bold;
left: 15%;
width: 70%;
border: 0px;
position: relative;

}

.leftboxcontent h1
{text-decoration: underline;
}

.tlwrap
{
left: -1px;
BACKGROUND-IMAGE:  url(../images/tlwrap.gif); 
background-position:top left;
background-repeat: no-repeat;
position: absolute;
overflow: visible;
height: 23px;
width: 23px;
margin-bottom: 0px;
margin-top: 0px;
z-index: 4;
} /* this is an attempt to replace the top image content div with a class that is repeatable  */

.trwrap
{
left: 777px;
BACKGROUND-IMAGE:  url(../images/trwrap.gif); 
background-position:top right;
background-repeat: no-repeat;
position: absolute;
overflow: visible;
height: 23px;
width: 23px;
margin-bottom: 0px;
margin-top: 0px;
z-index: 4;
} /* this is an attempt to replace the top image content div with a class that is repeatable  */

.blwrap
{
left: -1px;
BACKGROUND-IMAGE:  url(../images/blwrap.gif); 
background-position:bottom left;
background-repeat: no-repeat;
position: absolute;
overflow: visible;
height: 23px;
width: 23px;
margin-bottom: 0px;
margin-top: 0px;
z-index: 1;
bottom: -1px;
} /* this is an attempt to replace the top image content div with a class that is repeatable  */
.brwrap
{
left: 777px;
BACKGROUND-IMAGE:  url(../images/brwrap.gif); 
background-position:bottom right;
background-repeat: no-repeat;
position: absolute;
overflow: visible;
height: 23px;
width: 23px;
margin-bottom: 0px;
margin-top: 0px;
z-index: 1;
bottom: -1px;
} /* this is an attempt to replace the top image content div with a class that is repeatable  */

.tlcontent
{
left: -1px;
BACKGROUND-IMAGE: url(../images/tlcontent.gif); 
background-position:top left;
background-repeat: no-repeat;
position: absolute;
overflow: visible;
height: 23px;
width: 23px;
margin-bottom: 0px;
margin-top: 0px;
z-index: 4;
top: -2px;
} /* this is an attempt to replace the top image content div with a class that is repeatable  */

.trcontent
{
left: 734px;
BACKGROUND-IMAGE: url(../images/trcontent.gif); 
background-position:top right;
background-repeat: no-repeat;
position: absolute;
overflow: visible;
height: 23px;
width: 23px;
margin-bottom: 0px;
margin-top: 0px;
z-index: 4;
top: -2px;

} /* this is an attempt to replace the top image content div with a class that is repeatable  */

.blcontent
{
left: 734px;
BACKGROUND-IMAGE: url(../images/blcontent.gif); 
background-position: bottom left;
background-repeat: no-repeat;
position: absolute;
overflow: visible;
height: 23px;
width: 23px;
z-index: 4;
top: 100%;
} /* this is an attempt to replace the top image content div with a class that is repeatable  */


.brcontent
{
left: -1px;
BACKGROUND-IMAGE: url(../images/brcontent.gif); 
background-position: bottom right;
background-repeat: no-repeat;
position: absolute;
overflow: visible;
height: 23px;
width: 23px;
margin-bottom: 0px;
margin-top: 0px;
z-index: 4;
top: 100%;
} /* this is an attempt to replace the top image content div with a class that is repeatable  */


.contentfill
{
BACKGROUND-IMAGE: url(../images/contentfill2.gif); 
bottom: 6px;
left: 22px;
background-repeat: repeat-x;
position: absolute;
overflow: visible;
height: 23px;
width: 712px;
z-index: 5;
bottom: -22px;

} /* this is an attempt to replace the top image content div with a class that is repeatable  */

.wrapfill
{
BACKGROUND-IMAGE: url(../images/wrapfill.gif); 
bottom: 7px;
left: 22px;
background-repeat: repeat-x;
position: absolute;
overflow: visible;
height: 23px;
width: 756px;
z-index: 5;

} /* this is an attempt to replace the top image content div with a class that is repeatable  */






.bottomcontentimg {
BACKGROUND-IMAGE:  url(../images/bottomcontent2.jpg); 
background-position: bottom;
background-repeat: no-repeat;
position: relative;
left: 0px;
height: 24px;
bottom: 2px;
margin-bottom: -2px;
overflow: visible;
}




















div#footer
{
width: 800px;
position: relative;
background: #B79F83;
font-size: 18px;
font-weight: bold;
font-family: comic sans ms;
color: #BFBD93;
margin-top: 10px;
margin-bottom: -10px;
}
div#footer p
{margin-top: -20px;
}


.top{
BACKGROUND-IMAGE:  url(../images/top2.jpg); 
background-position: top;
background-repeat: no-repeat;
position: relative;
left: 0px;
height: 11px;
top: 8px;
width: 800px;
}

.bottom {
BACKGROUND-IMAGE:  url(../images/bottom2.jpg); 
background-position: bottom;
background-repeat: no-repeat;
position: relative;
bottom: 2px;
left: 0px;
height: 11px;
width: 800px;
overflow: visible;
margin-top: -8px;
margin-bottom: 25px; /* this controlls the space between the mainheader and the wrapper (content)  */
z-index:-1;
}
.footertop{
BACKGROUND-IMAGE:  url(../images/top2.jpg); 
background-position: top;
background-repeat: no-repeat;
position: relative;
left: 0px;
height: 11px;
bottom: 10px;
width: 800px;
top: 0px;
}

.footerbottom {
BACKGROUND-IMAGE:  url(../images/bottom2.jpg); 
background-position: top;
background-repeat: no-repeat;
position: relative;
top: 1px;
left: 0px;
height: 11px;
width: 100%;
overflow: visible;
padding-bottom: 30px;


}

div#bottomimg {
BACKGROUND-IMAGE:  url(../images/bottomcontent2.jpg); 
width: 800px;
background-position: bottom;
background-repeat: no-repeat;
position: relative;
left: 0px;
height: 24px;
bottom: 2px;
overflow: visible;
}
div#topimg {
BACKGROUND-IMAGE:  url(../images/topcontent2.jpg); 
background-position: top;
background-repeat: no-repeat;
position: relative;
left: 0px;
height: 22px;
top: 0px;
width: 800px;
overflow: visible;
}











.emphasis
{font-size: 1.2em;
font-weight: bold;
color: #637B6D;}

div#content h1{
font-size: 200%;
font-family: comic sans ms;
color: #0A0556;

}

div#leftheader {
float: left;
position: absolute;
left: -55px;
top: -40px;
BACKGROUND-IMAGE:  url(../images/maxcarferrysmall.gif); 
overflow: visible;
background-position: top;
background-repeat: no-repeat;
height: 150px;
width: 168px;
z-index:2;
 
}

div#rightheader {
float: right;
position: absolute;
left: 645px;
top: -40px;
BACKGROUND-IMAGE:  url(../images/maxcarferrysmall.gif); 
overflow: visible;
background-position: top;
background-repeat: no-repeat;
height: 150px;
width: 168px;
z-index:2;

}

.rates {
font-size: large;
background-color: #BFBD93;

}
#table1 {
  margin-left: 30px; margin-top: 10px; border-width: 4px; border-color: #B79F83; background-color: #FFFFFF; padding: 0px; font-weight: bold;
}

#table1 td {
border-width: 1px; border-color: #B79F83; background-color: #FFFFFF; padding: 10px; left: 20px;
}
#table1 th {
text-align: left; border-width: 1px; border-color: #B79F83; background-color: #EFE7C9; padding: 10px 0px 10px 10px; Text-decoration: underline; font-size: 1.3em
}


div#tablelayout {
  margin-left: 10px; border-width: 4px; border-color: #B79F83; background-color: #FFFFFF; padding: 0px; font-weight: bold; ;
}

#tablelayout td {
border-width: 1px; border-color: #B79F83; background-color: #FFFFFF; padding: 10px; 
}
#tablelayout th {
text-align: left; border-width: 1px; border-color: #B79F83; background-color: #EFE7C9; padding: 10px 0px 10px 10px; Text-decoration: underline; font-size: 1.6em; text-align: center; text-decoration: underline; color:#637B6D;
}
div#tablelayoutrentals {
width: 95%; float: left; margin-left: 13px; border-width: 2px; border-color: #B79F83; background-color: #FFFFFF; font-weight: bold; position: relative;
}

#tablelayoutrentals td {
border-width: 1px; border-color: #B79F83; background-color: #FFFFFF; padding: 4px; font-weight: bold;
}
#tablelayoutrentals th {
text-align: left; border-width: 1px; border-color: #B79F83; background-color: #EFE7C9; padding: 10px 0px 10px 0px; Text-decoration: underline; font-size: 1.6em; text-align: center; text-decoration: underline; color:#637B6D; font-weight: bold;
}



/*  policies table  */
div#policies {
  float: left; left: 25px; top: 10px; border-color: #B79F83; border-width: 5px; background-color: #FFFFFF; padding: 0 0 0 0; font-weight: bold; position: relative;
}


#policies td {
font-weight: bold; text-align: left; border-width: 1px; border-color: #B79F83; background-color: #FFFFFF; padding: 10px; font-size: 15px;
}
#policies th {
text-align: center; border-width: 1px; border-color: #B79F83; background-color: #EFE7C9; padding: 0px 0px 4px 0px; Text-decoration: underline; font-size: 20px; color:#637B6D;
}
/*  end policies table  */

#tablecontent
{top: 70px; left: 300px; position:absolute;  font-size: 18px; text-align: left; padding: 10px;

}

#andersons
{position: absolute; 
left: 30px; 
 margin: 13% 10px 13% 25px; 
 width="300" height="400" 
}




		
UNKNOWN {
        FONT-SIZE: small
}
#header {
        FONT-SIZE: 13px; 
		background:#B79F83; 
		FLOAT: left;
		margin: 0px 8px -45px 18px; 
		 WIDTH: 760px;
		 padding: 0px;
		  LINE-HEIGHT: normal;
		 position: relative;
		 top: -29px;
		 z-index:2;
		 
		 
}
#header UL {
        PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; 
		MARGIN: 0px; 
		PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#header LI {
        PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND:     url(../images/left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#header A {
        PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND:     url(../images/right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #765; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#header A {
        FLOAT: none
}
#header A:hover {
        COLOR: #333
}
#header #current {
        BACKGROUND-IMAGE:     url(../images/left_on.gif)}
#header #current A {
        BACKGROUND-IMAGE:     url(../images/right_on.gif); PADDING-BOTTOM: 5px; COLOR: #333
}