/*================================================================
NAV stylesheet for the website.

Define all aspects (layout AND typography) of:
  - Nav (ul)
  - Nav List Items (li)
  - Nav Links
  - Current Page Definitions
  
================================================================*/




/* NAV (ul)
----------------------------------------------------------------*/
#navi {
   width:880px;
		margin: 0;
	padding: 0;
	background: #ccc;
	  background: url('http://caribbeanshippingservice.com/images/brown.gif') repeat-x;
	  }


#navi ul {
  list-style: none;
  width:880px;
	display: block;
	background: #ccc;
	margin: 0;
	padding: 0;
	 border-bottom: 0px solid #ff9900;
	  background: url('http://caribbeanshippingservice.com/images/brown.gif') repeat-x;

}


/* NAV LIST ITEMS (li)
----------------------------------------------------------------*/
#navi li {
	width: 97px;
	margin: 0;
	padding:0px ;
  display: block;
  float: left;
  position: relative;
    background: url('http://caribbeanshippingservice.com/images/brown.gif') repeat-x;
 
}

#navi li:first-child{width:90px;}


/* NAV LINKS
----------------------------------------------------------------*/
#navi a:link, 
#navi a:visited { 
  display: block;
	height: 18px;
	font-weight: bold;
	font-size: 13px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #006600;
	text-decoration: none;
	text-align: center;
	border-left: 1px solid #999;
	 
}

#navi a:hover {
    color:#006600; text-decoration: underline;
       
}
  

/* CURRENT PAGE INDICATORS
-----------------------------------------------------------------
 If you define your body id's and also set each nav link to a 
 class of the same name, then you have a very handy method of
 defining the style for nav buttons relative to the current page.
----------------------------------------------------------------*/
body#home a:link.home, body#home a:visited.home,
body#contact a:link.contact, body#contact a:visited.contact {
 background: url('http://caribbeanshippingservice.com/images/brown.gif') repeat-x;
  border-bottom: 0px solid #ff9900;
  color: #ffffff;
}

#leg {
    background-color: #cccccc;
    height:40px;
  clear: both;
  border-left: 0px solid #425227;
  border-right: 0px solid #425227;
  border-bottom: 0px solid #425227;
   background: url('http://caribbeanshippingservice.com/images/bottom.gif') no-repeat;
  
 }


#leg p {
  padding-top:15px;
  text-align:center;
  font-family: verdana;
  font-size: 10px;
  line-height:14px;
  color:#D5D0B0;
}


#legcol {float:left; width:260px; padding-right:15px; padding-left:15px; background-color: transparent; line-height:1.5em;}



 
#leg A:link {
	COLOR: #006600; text-decoration: none
}
#leg A:visited {
	COLOR: #006600; text-decoration: none
}
#leg A:active {
	COLOR: #006600; text-decoration: none
}
#leg A:hover {
	COLOR: #006600; text-decoration: underline
}