/* ELEMENTS  ELEMENTS  ELEMENTS  ELEMENTS  ELEMENTS  ELEMENTS  ELEMENTS  ELEMENTS  ELEMENTS  */
body {
	background-color: #F1EFE2;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	}

/* ALL content MUST be wrapped in a <div class='cntnt'>!!!!  These are centered dynamically
by a JS, for 3 reasons: 1) <center> is deprecated, 2) <center> hoses up the centering of content
inside the centered elements, 3) there is no CSS way to center a <div> */
div.cntnt {
	width:775px;
	position:relative;  /* enables setting position:absolute within */
	background-color:#F4F3EC;
	}

/* the narrower div that contains most content.  Must be wrapped in a <div class='cntnt'> */
div.squeeze {
	width:750px;
	margin-left:12px;
	background-image:url(../images/img_bg_001.jpg);
	background-repeat: no-repeat;
	background-position: 95% 40px;
	}
	
/* columns.  width: + padding-left: = intended width.  We have to use a <div> 
because we cannot set the width of a <span>.
Browser will think these have zero height since they are position:absolute */
div.lc {
	width:258px;
	position:absolute;
	padding-top:3px;
	}

/* middle column is sligtly darker */
div.mc {
	width:256px;
	position:absolute;
	top:0px;
	left:258px;
	padding-left:2px;
	padding-top:3px;
	background-color:#e4e3dc;
	}

div.rc{
	width:257px;
	position:absolute;
	top:0px;
	left:516px;
	padding-left:2px;
	padding-top:3px;
	}

div.footer {
	width:775px;
	background-color:#8B947A;
	text-align:center;
	position:absolute;
	top:15px;
	left:0px;
	}

hr.column {
	color:#0000FF;
	width:230px;
	}

img { border:none; }

table.links {
	width:625px;
	margin-left:25px;
	}

/**LINKS ********************************************************************************/

/* links with no class remain dynamic */
a { text-decoration: underline;}

a:hover {
	color: #0066FF;
	text-decoration: none;
	}

/* the Links on most pages */
a.link {
	color: #4C463A;
	text-decoration: underline;
	}

a.link:hover {
	color: #0066FF;
	text-decoration: none;
	}

/* the Local Attractions */
a.local {
	color:#006666;
	text-decoration: underline;
	}

a.local:hover {
	color: #0066FF;
	text-decoration: none;
	}

a.footer {
	font-size: 7pt;
	/*background-color:#8B947A;*/
	color: #ffffff;
	text-decoration: underline;
	}

a.footer:hover {
	color: #0066FF;
	text-decoration: none;
	}

/* COLORS  COLORS  COLORS  COLORS  COLORS  COLORS  COLORS  COLORS  COLORS  COLORS  COLORS  COLORS  */
.bgoffwhite { background-color: #F4F3EC; }

.bgblue { background-color: #67789E; }

.bgolive { background-color: #8B947A; }

/* FONTS  FONTS  FONTS  FONTS  FONTS  FONTS  FONTS  FONTS  FONTS  FONTS  FONTS  FONTS  FONTS  */
.normal {
	font-size: 11px;
	font-weight: normal;
	}

.title {
	color: #0066FF;
	font-size: 12px;
	font-weight: bold;
	}