body
{
	font-family:Verdana,Tahoma, sans-serif, arial, Helvetica;
	font-size:small;
	color: black;
}

/* layout table */
table
{
  border:none; /* set in page-specific style sheets */
}
table td
{
  padding:0;
  vertical-align:top;
}

/* Logo and banner */
#logo
{
  height:125px;
  background-color:Silver;
  border:solid 1px Gray;
}
#banner
{  
  padding-top:8px;
  padding-left:10px;  
}
#desc /* text overlays banner image */
{
  font-style:italic;  
  font-size:small;
  margin-top:-25px; 
  margin-left:14px; 
  position:relative;
}

/* Left sidebar */
td#sidebar
{
  text-align:center; /* centers image */
}
#sidebar
{
  padding-top:10px;
}
/* Width determined by size of logo. Will be changed for printing. */
#navcol /* needed to suppress printing */
{
}
.navheader /* topics */
{
  display:block;
  border: solid 1px Gray;
  padding: 2px;
  background-color:Silver;  
  margin-top:20px;
}
.navheader a
{
  display: block;
  text-decoration: none; 
  color:Black;  
  background-color:#EEEEEE;
}
.navheader a:visited
{
  color:Purple;  
}

a#current /* a.active doesn't always work */
{
  background-color:Silver; 
}
.navheader a:active
{
  background-color:#EEEEEE; 
}
.navheader a:hover
{
  background-color:White;
}

#menu-vert /* sidebar menu */
{
  width:120px;
  text-align:center;
  margin-left:auto; /* needed for Netscape */
  margin-right:auto;  
}
#menu-vert ul
{ 
  list-style-type: none;
  margin:15px 0px 0px 0px;
  padding:0px;
  color:#000099;  
}
#menu-vert li 
{
  display:block;
  margin:5px 0px 0px 0px;
} 
#menu-horz /* bottom menu */
{ 
  color:#000099;  
  text-align:center;
  text-decoration:none; 
  padding-top:10px;
  padding-bottom:10px;
  margin-right:155px;
}
.panel
{
  /* Set background color in style sheet for page */
}

/* Paragraph redefined with margins for main text.
  Netscape and IE define paragraphs differently, so can't
  get consistent alignment between browsers. */  
p
{
  padding-top:.75em;
  padding-bottom:0px;
  margin-top:0em;
  margin-bottom:0em;
  margin-left:15px;
  margin-right:155px; /*this makes the pseudo third column */
}

/* Headers */
/* title */
h1
{
  color:#444444;
  text-align:center; 
  margin-top:15px; 
  margin-left:15px;
  margin-right:155px;
  margin-bottom:0;   
  font-size:130%;
  font-weight:600;
  padding:0;  
}

/* secondary title */
h2
{
  color:#444444;
  text-align:center; 
  margin-top:3px; 
  margin-left:15px;
  margin-right:155px; 
  margin-bottom:0;
  font-size:115%;
  font-weight:600;
  padding:0;
}

/* section header */
h3
{
  text-align:left;
  margin-top:1em;
  margin-left:15px;
  margin-right:0;
  margin-bottom:0;
  font-size:100%;
  font-weight:bolder;
  color:#222222; /* slightly gray */
  padding:0;
}

/* label, centered */
h4
{
  text-align:center; 
  margin-top:1em;
  margin-left:15px;
  margin-right:155px;
  margin-bottom:1em;
  font-size:100%;
  font-weight:normal;
  padding:0;
}

/* secondary header, aligned right */
h5
{
  float:right;
  padding:0;
  margin:0;
  margin-top:1em;  
  padding-right:185px; /* IE gets margin-right wrong */
  font-size:100%;
  font-style:italic;  
  font-weight:600;
}

#footer
{ 
  text-align:center;  
  margin-top:15px;
  margin-left:15px;
  margin-right:155px;
  margin-bottom:10px;
  font-size:80%; 
  font-weight:normal;
  padding:0;
}

/* images */
img
{
  border-style:none;
}
#content img
{
  border:solid 1px Silver;
}
caption
{
  padding-top:10px;
  padding-bottom:5px;
  margin-bottom:0px;
  margin-left:15px;
  margin-top:5px;
}

.pic-right
{
  float:right;
  padding-top:1em;
  padding-left:7px;
  padding-bottom:1em;
  text-align:center;
  font-weight:bolder;    
  font-size:90%;
  font-weight:bolder;
  color:#222222; /* slightly gray */
  clear:both;  /* this prevents picture from dropping down a level */
}

.pic-right img
{
  margin-bottom:2px;
}

.pic-left
{
  float:left;
  padding-top:1em;
  margin-left:15px;
  padding-right:10px;
  padding-bottom:1em;
  text-align:center;
  font-size:90%;
  font-weight:bolder;
}

.pic-center
{
  float:none;
  clear:both;
  padding-top:1em;
  padding-left:20px;
  padding-right:20px;
  text-align:center;
  font-size:90%;
  font-weight:bolder;    
}
.new{background-color:yellow}

/* Link styles */
.disabled{color:Gray;}
a:link {color:#000099;}
a:active {color:#000099;}
a:visited {color: purple;}
a:hover {color: Blue;}

/* e-mail */
a.jbmail:active  
{BACKGROUND : url('mailto:jeanie2@cratertocirque.com?subject=Crater to Cirque');}