/*  
	File:			tabs-grey.css
  Author:   Phil Kempster
  Company:  BitSmiths
  Web Site: www.users.on.net/kempster/
  Email:    kempster@internode.on.net
  Comments: version 1.1b  02-Jan-2005 07:50 AM
*/

/* ----- set up some initial params ----- */

html, body {
  padding: 0;
}

#logo {
  background-color: #c0c0c0;
  color: #ffffff;
}

#logo h4{
  font-family: sans-serif;
	font-size: 20%;
/*	padding-left: 1px; */
}

/* ----- Pure CSS tabs start here ----- */
  
#nav ul {
  display: block;
  list-style: none outside;
  padding: 0;
  margin: 0 0 3px 0; 
  font-family: sans-serif;
  font-size: x-small;
}

#nav li {
  padding: 0;
  margin: 0 4px 0 0; 
  border-left: 5px solid #c0c0c0;  
  background-color: #c0c0c0;
  color: #cccccc;
  font-weight: bold;
  /* the next 4 lines are magic */
  display: block;
  float: left;
  position: relative;
  top: -1.32em;
}

#nav a:link,
#nav a:visited {
  background-color: #c0c0c0;
  color: #fafafa;
  text-decoration: none;
  padding-left: 1em;
  padding-right: 1em;  
}

#nav a:hover {
  background-color: #fafafa;
  color: #c0c0c0;
}

#navclear {
  display: none;
}

html>body #navclear {
  display: block;
  clear: both;
}

/* ----- now highlight active tab based on body @ class attribute ----- */
body.hometab #nav li#nav-hometab a, 
body.index #nav li#nav-index a, 
body.here #nav li#nav-here a,
body.asian #nav li#nav-asian a,
body.baking #nav li#nav-baking a,
body.biscuits #nav li#nav-biscuits a,
body.dips #nav li#nav-dips a,
body.mains #nav li#nav-mains a,
body.odds #nav li#nav-odds a, 
body.pasta #nav li#nav-pasta a, 
body.picnics #nav li#nav-picnics a,
body.soup #nav li#nav-soup a,
body.yeast #nav li#nav-yeast a {
  background-color: #fff;
  color: #c0c0c0;  
}

body.photos #nav li#nav-photos a,
body.recipes #nav li#nav-recipes a,
body.camping #nav li#nav-camping a,
body.family #nav li#nav-family a, 
body.house #nav li#nav-house a, 
body.west #nav li#nav-west a,
body.itinerary #nav li#nav-itinerary a{
  background-color: #fff;
  color: #c0c0c0;  
}

.body-size {   /* -- itinerary.html body size -- */
	font-family: "Arial" sans-serif;
  font-size: small;
  }
  
/* EOF tabs.css */