/* =body 
---------------------------------------------------------------------- */
body 
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Sans-Serif ;
	font-size: 1em;
	line-height: 150%;
	}

/* =h1 
---------------------------------------------------------------------- */
h1
{
	font-size: 3em; 
	color:Black; 
  font-weight: 400;
  position: absolute; 
  left: 10%;
  top: .25em; 
  width: 80%; 
	line-height: 1.5em;
  }

/* =h2 
---------------------------------------------------------------------- */
h2 
{
	font-size: 2em; 
	color:Black; 
  font-weight:bold;
	text-align: left
	}
    
hr
{
	background-color:inherit ;
	height :0px
	}
	
/* =banner Position and size of the banner pictures 
---------------------------------------------------------------------- */
img.banner
{
	position: relative; 
	width: 100%;
	height: 140px;
}
	
/* =halfbanner Position and size of the half banner pictures 
---------------------------------------------------------------------- */
img.halfbanner
{
	position: relative; 
	width: 50%;
}

a 
{
	text-decoration: none;
	}	

/* =headlink Position information for the hyperlink list at the top of the screen
---------------------------------------------------------------------- */
div.headlink
{
	font-size: .7em; 
	text-align:	left; 
	position:relative;
	top:-145px;
	left: 0px;
	}

/* =headlink Layout for the hyperlink list at the top of the screen 
---------------------------------------------------------------------- */
ul.headlink
{
	display:inline;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
	}

/* =headlink Put the hyperlink list at the top of the screen on one line 
---------------------------------------------------------------------- */
li.headlink 
{
	display:inline
	}
	
/* =headlink Hyperlinks at top of screen 
---------------------------------------------------------------------- */
a.headlink
{
float:left;
text-decoration:none;
color:white;
padding:0.2em 0.6em;
}

/* =indedxmain Layout for text area on the index page 
---------------------------------------------------------------------- */
p.indedxmain 
{
	text-align: left; 
	font-size:medium;
	}

/* =main Layout for main text area 
---------------------------------------------------------------------- */
p.main 
{
	text-align: left; 
	}

/* =indedxmain Layout for picture table div 
---------------------------------------------------------------------- */
div.indedxmain 
{
	font-size: smaller; 
	text-align: left
	}
	
/* =mapimag Position of the map images 
---------------------------------------------------------------------- */
div.mapimag
{
	position: relative; 
	top: -300px; 
	height: 0px; 
	visibility: hidden;
}		
	
/* =td Position of the the big picture in the table
---------------------------------------------------------------------- */
td.bigpic
{
	vertical-align: top;
	cursor: hand;
	}

/* =td Position of the the small picture in the table
---------------------------------------------------------------------- */
td.smallpic
{
	vertical-align: top;
	cursor: hand;
	}

table.tobook
{
	border-style:ridge;
	background-color: #FFFF00; 
	font-size: medium;
	empty-cells: show
	}
	
/* =bigpic Large image
---------------------------------------------------------------------- */
img.bigpic
{
	border-width: 1px;
	padding: 8px;
	width: 545px;
	height: 407px;
	margin-right:3px;
	}
    
/* =mediumpic Medium image
---------------------------------------------------------------------- */
img.mediumpic
{
	border-width: 1px;
	padding: 4px;
	width: 205px;
	height: 153px;
	margin-right:3px;
	}

/* =smallpic Small image
---------------------------------------------------------------------- */
img.smallpic
{
	border-width: 1px;
	padding: 6px;
	margin-bottom: 1px;
	width: 166px;
	height: 122px;
	}

/* =where Where can you stay text
---------------------------------------------------------------------- */
td.where
{
	font-size:1.2em;
	padding-left:15%;
	width: 35%;
  }


/* =photo Space for photo
---------------------------------------------------------------------- */
td.photo
{
	width: 20%;
  }

/* =gap Gap between photos
---------------------------------------------------------------------- */
td.gap
{
	width: 10%;
  }

/* =endfiller padding at the end to center the table contents
---------------------------------------------------------------------- */
td.endfiller
{
	width: 15%;
  }

td.linktext
{
	height: 2em;
  font-size:1.2em;
  text-align: center;
  vertical-align: top;
  }        
    
/* =blue Turn anything blue 
---------------------------------------------------------------------- */
.blue
{
	color: blue;
  }        
    
/* =bold Turn span text bold 
---------------------------------------------------------------------- */
span.bold
{
    font-weight:bold
    }    

/* =alignleft Align text to the the left edge 
---------------------------------------------------------------------- */
.alignleft
{
	text-align: left;
  }        

/* =disclaimer Disclaimer heading, large red text 
---------------------------------------------------------------------- */
span.disclaimer
{
	font-size: large; 
	color: red
  }        

/* =disctext Disclaimer text, small 
---------------------------------------------------------------------- */
span.disctext
{
	font-size: small; 
	color:inherit
  }        

/* =qcheading Qualification Criteria heading, no list type, align on left edge 
---------------------------------------------------------------------- */
ul.qcheading
{
	list-style-type: none; 
	margin: 0
  }        

/* =qclist Qualification Criteria list, disc list type, smaller text
---------------------------------------------------------------------- */
ul.qclist
{
	list-style-type: disc;
	font-size: smaller; 
  }        

/* =qc Qualification Criteria index page, disc list type, smaller text
---------------------------------------------------------------------- */
p.qc
{
	list-style-type: disc;
	font-size: smaller; 
	text-align: left;
  }        

/* =footer */
.footer
{
	font-size: .7em;
	margin-left:auto; 
	margin-right:auto; 
	width:20em;
	text-align:center;
}