/* CSS Document */

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

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

div#mainheader{
background: #382000;
font-family: comic sans ms;
width: 800px;
position: relative;
z-index:1;
}

div#headercontent {
width: 800px;

}

div#headercontent h1
{
font-size: 600%;
color: #BFBD93;
position: relative;
top: -20px;
margin-bottom: 10px;
}
div#wrapper
{width: 800px;
background:#382000;
position: absolutee;
margin-top: -18px; 

}

div#content
{width:756px;
margin: 18px 22px 0px 22px;
padding: 3px 0 20px 0; 
 /*extends the white content background in the content are. Pushes top and bottom images and does not cover them up */


background: #FFFFFF;
text-align:center;
position: relative;
color: black;
font-size: 16px;
font-weight: bold;

}

div#footer
{
width: 800px;
position: relative;
background: #382000;
font-size: 16px;
font-weight: bold;
font-family: comic sans ms;
color: #BFBD93;
margin-top: 8px;
margin-bottom: 0px;
width: 800px;

}
div#footer p
{margin-top: -4px;

}

.top{
BACKGROUND-IMAGE: url(../images/top2.jpg); 

background-repeat: no-repeat;
position: relative;
left: 0px;
height: 11px;
top: 54px;
width: 800px;
}

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

.footerbottom {
BACKGROUND-IMAGE: url(../images/bottom2.jpg); 
background-position: top;
background-repeat: no-repeat;
position: relative;
top: -11px;
left: 0px;
height: 11px;
width: 800px;
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); 
width: 800px;
background-position: top;
background-repeat: no-repeat;
position: relative;
left: 0px;
height: 22px;
top: 0px;
overflow: visible;
}









.emphasis
{font-size: 1.2em;
font-weight: bold;
color: #9C2A00;}



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

}


div#leftheader {
float: left;
position: absolute;
left: 44px;
top: 7px;
BACKGROUND-IMAGE: url(../images/award.png); 
overflow: visible;
background-repeat: no-repeat;
height: 158px;
width: 100px;
z-index:2;
 
}

div#rightheader {
float: right;
position: absolute;
left: 645px;
top: 0px;
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: 12%; border-width: 4px; border-color: #382000; background-color: #FFFFFF; padding: 0px; font-weight: bold; position: relative; float: left;
}

#table1 td {
border-width: 1px; border-color: #382000; background-color: #FFFFFF; padding: 10px; 
}
#table1 th {
text-align: left; border-width: 1px; border-color: #382000; background-color: #EFE7C9; padding: 10px 0px 10px 10px; Text-decoration: underline; font-size: 1.3em
}
div#tablelayout {
width: 95%; float: left; margin-left: 35px; border-width: 4px; border-color: #382000; background-color: #FFFFFF; font-weight: bold; position: relative;
}

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

div#tablelayoutrentals {
width: 95%; float: left; margin-left: 13px; border-width: 2px; border-color: #382000; background-color: #FFFFFF; font-weight: bold; position: relative;
}

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


/*  policies table  */
div#policies {
  float: left; left: 25px; top: 5px; border-color: #382000; 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: #382000; background-color: #FFFFFF; padding: 10px; font-size: 15px;
}
#policies th {
text-align: center; border-width: 1px; border-color: #382000; background-color: #EFE7C9; padding: 0px 0px 4px 0px; Text-decoration: underline; font-size: 20px; color:#9C2A00;
}
/*  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: 14px; 
		background:#382000; 
		FLOAT: left;
		margin: 0 0 -40px 0px; 
		 WIDTH: 800px;
		 padding: 0px;
		  LINE-HEIGHT: normal;
		 position: relative;
		 top: -25px;
		  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
}


/*this is for the main page boxs*/
.divider {
BACKGROUND-IMAGE: url(../images/divider.jpg);
padding-bottom: 5px;
height: 18px;}
.leftboximg
{left: 65px;
position: absolute;

}

.rightboxcontent
{
left: 230px;
width: 500px;
height: 100%;
border: 0px;
position: relative;

}

.rightboxcontent p
{font-size: 16px;
font-weight: bold;
width: 280px;
text-align:center;

padding: 0 100px 0 100px;
} 

.rightboxcontent h1
{text-decoration: underline;
width:500px;
font-size: 16px;
text-align: center;
color: green;
margin-top: 0px;
margin-bottom: 10px;

}

.rightboximg
{left: 470px;
position: absolute;

}

.leftboxcontent
{
left: 20px;
width: 500px;
border: 0px;
position: relative;

}
.leftboxcontent p
{font-size: 16px;
font-weight: bold;
width: 280px;
text-align:center;

padding: 0 100px 0 100px;

}
/* to keep the p centered below the h1 you have to change the width of the box and margins from the side proportionally to eachother*/
.leftboxcontent h1
{text-decoration: underline;
width:500px;
font-size: 16px;
margin-top: 0px;
margin-bottom: 10px;
text-align:center;

}
div#box1
{width:650px;
height: 160px;
margin: 0px 22px 0px 22px;
background: #FFFFFF;
position: relative;
font-size: 16px;
font-weight: bold;


}

 #box1 img
 {padding: 0;
border:2px solid #021a40;
}

div#box2
{width:650px;
height: 150px;
margin: 0px 22px 5px 22px;
background: #FFFFFF;
text-align:center;
position: relative;
font-size: 16px;
font-weight: bold;
border: 0px;
top: 0px;

}
#box2 img
 {padding:0px;
border:2px solid #021a40;

}
div#box3
{width:650px;
height: 170px;
margin: 0px 22px 30px 22px;
background: #FFFFFF;
text-align:center;
position: relative;
font-size: 16px;
border: 0px;

}

#box3 img
 {padding:0px;
border:2px solid #021a40;
}
div#box4
{width:650px;
height: 150px;
margin: 0px 22px 0px 22px;
background: #FFFFFF;
text-align:center;
position: relative;
font-size: 16px;
font-weight: bold;
border: 0px;

}

#box4 img
 {padding:0px;
border:2px solid #021a40;
}
div#box5
{width:650px;
height: 200px;
margin: -5px 22px 0px 22px;
background: #FFFFFF;
text-align:center;
position: relative;
font-size: 16px;
font-weight: bold;
border: 0px;

}
#box5 img
 {padding:0px;
border:2px solid #021a40;
}
#box5 a
{

margin: 0;
text-decoration: underline;
color: blue;}
div#box6
{width:650px;
height: 180px;
margin: 0px 22px 0px 22px;
background: #FFFFFF;
text-align:center;
position: relative;
font-size: 16px;
font-weight: bold;
border: 0px;

}
#box6 img
 {padding:0px;
border:2px solid #021a40;
}

#box6 a
{
font-size: 12px;
margin: 0;
text-decoration: underline;
color: blue;
}

div#box7
{width:650px;
height: 175px;
margin: 0px 22px 0px 22px;
background: #FFFFFF;
text-align:center;
position: relative;
font-size: 16px;
font-weight: bold;
border: 0px;
}
#box7 img
 {padding:0px;
border:2px solid #021a40;
}