/* JRE Style Sheet Document */

/* this div is the containing box for the left navbar,
   locked into the upper-left corner. The width should be
   slightly less than the left margin of the page content box,
   so the don't overlap. The navbar is given a high z-index
   to keep it on top of the stack. */
#LeftNavBar {
	position:absolute;
	top:0px; left:0px;
	margin: 0; padding: 0;
	width:150px; height: auto;
	background-color: #003466;
	z-index:9999;
}

/* positions the logo at the top of LeftNavBar.
   Set margin-top to space it down from the top.
   Set margin-bottom to space the links below it.
   All the divs in have width:100% and
   margin-left:auto and margin-right:auto
   to make sure that they are all line up vertically.
*/
#LeftNavLogo {
	position:relative; /* relative to the top of LeftNavBar */
	top: 10px; left: 9px;
	width:100%;
}
/* LeftNavLinkFrame defines the space where the links go.
   LeftNavLinkBox is the box surrounding every link, and
   sets the spacing between links.
   LeftNavLinkSpace sets the space between the link groups.
   The link tag <a> surrounds each link. The background
   image is selected by the pseudo-clases.
*/
#LeftNavLinkFrame {
	position:relative; /* relative to the bottom of the logo */
	top: 25px; left: 0px; /* sets the position of all the links */
	margin:0; padding:0;
	width:100%;
}

div.LeftNavLinkBox {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px; /* padding-bottom sets the spacing between links */
	width: 100%;
	font-size:1px;
}

#LeftNavLinkSpace { /* relative to LeftNavLinkFrame */
	position:relative;
	margin:0; padding:0;
	margin:0; padding:0;
	height:15px; /* sets the space between link groups */
	width: 100%;
	font-size:1px; /* to allow minimum height */
}

div#LeftNavBar a { display:block; width:140px; height:24px;
	background-image:url(/images/navlinksleft.jpg);
}

div#LeftNavBar img { margin:0 0 0 0; padding: 0 0 0 0; border:0 solid black; }

/* the different link backgrounds are created by offsets into
   the single background image navlinks.gif, which is
   a table of the different icons. The offsets are multiples
   of the table grid dimensions: 144w x 24 h */
a.HomeLink { background-position:    0px  -24px;}
a.HomeLink:hover { background-position: -140px  -24px;}

a.SalesLink { background-position:    0px  -48px;}
a.SalesLink:hover { background-position: -140px  -48px;}

a.RentalsLink { background-position:    0px  -72px;}
a.RentalsLink:hover { background-position: -140px  -72px;}

a.AgentsLink { background-position:    0px  -96px;}
a.AgentsLink:hover { background-position: -140px  -96px;}

a.IslandMapLink { background-position:    0px  -120px;}
a.IslandMapLink:hover { background-position: -140px  -120px;}

a.IslandInfoLink { background-position:    0px  -144px;}
a.IslandInfoLink:hover { background-position: -140px  -144px;}

a.AboutUsLink { background-position:    0px  -168px;}
a.AboutUsLink:hover { background-position: -140px  -168px;}

a.ContactUsLink { background-position:    0px  -192px;}
a.ContactUsLink:hover { background-position: -140px  -192px;}

a.BlogLink { background-position:    0px  -216px;}
a.BlogLink:hover { background-position: -140px  -216px;}