html, body {
	background: url("/images/body_bg.gif") repeat top left transparent;
	color:#333333;
	font-size:12px;
	margin:0;
	line-height: 0.8em;
	height: 100%;
}

h1, h2, h3, h4, h5, h6, p, blockquote {
  padding:12px 24px;
  margin: 0;
  line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6
{
	font-family:georgia,Times,Serif;
}
	

a {
  text-decoration: underline;
  color: #000;
  overflow:hidden;
}

a:hover,
a:focus {
  text-decoration: none;
}


/* LAYOUT */


div.page-width {
	margin: 0 auto;
	width: 950px;
	position:relative;
}

div#body 
{
	padding: 0px 10px;
	background-color: white;
	height: 700px;		
}

#mainContent
{
	margin-top:0px;
}

#mainContent div.navigation
{
	float:left;
	width: 140px;
}

#mainContent div.navigation ul  a
{
	font-weight: bold;
	text-decoration: none;

}

#mainContent div.navigation ul a:hover,
#mainContent div.navigation ul a:focus {
  text-decoration: underline;
}

#mainContent div.navigation ul li
{
	padding:10px 8px;
	border: 1px solid #EBE0DE;
	margin-bottom:10px;
	line-height:1.2em;
}

#mainContent div.navigation ul li.selected
{
	background-color: #fbfbfb;
}

#mainContent div.navigation ul li ul
{
	padding-top: 4px;
}

#mainContent div.navigation ul li ul li
{
	border: 0px solid #EBE0DE;
	padding: 12px 0 0 12px;
	margin: 0;
}

#mainContent div.navigation ul li a:focus,
#mainContent div.navigation ul li a:hover
{
	color: #333333;
}

#mainContent div.navigation ul li.selected a,
#mainContent div.navigation ul li.selected ul li.selected a
{
	font-weight: bold;
}


#mainContent div.navigation ul li.selected ul li a
{
	font-weight: bold;
}

#mainContent #content 
{ 
	float:left;
	width: 950px;
	margin: 0px 0px;
}


#mainContent #rightPanel 
{ 
	float:left;
	width:190px;
}

div#footer
{
	border-top: 2px solid #CDCDCD;
	padding:10px 0px;
	margin-top: 5px auto auto auto;
	background-color: white;
	color: black;
	width:100%;
	height:50px;   /* Height of the footer */ /*70px - 15px (top padding) - 0px (bottom padding) = 55px*/
	text-align: center;
	position: relative;
	width: 970px;
	margin: 0 auto;
}

div#footer p
{
	padding: 2px 0px;
}

div#footer ul
{
	width: 350px;
	float: right;
}

div#footer ul li
{
	float:right;
	padding: 0 5px;
}
/* HEADER */
div#header 
{
	position: relative;
	background-color: white;
	width: 970px;
	margin: 0 auto;
}

#header div.navigation
{
	border-top:2px solid #777;
	border-bottom:2px solid #CCC;
}

div#header ul.navigation
{
	margin:0 auto;
	width:950px;
}

div#header ul.navigation li
{
	display:inline;
	float:left;
}

div#header ul.navigation li a
{
	font-weight: bold;
	display:block;
	font-size:14px;
	padding:13px 22px;
	text-decoration: none;
	
}

div#header ul.navigation li a:hover,
div#header ul.navigation li a:focus,
div#header ul.navigation li li.active a,
div#header ul.navigation li.selected a {
	background-color: lightgray;
}

div#header img.touristBoard
{
	position: absolute;
	top:18px;
	right:60px;
}

div#header p#telephone
{
	position: absolute;
	top:50px;
	left:400px;
	padding: 0px;
	font-size:12px;
}

div#header p#telephone span
{
	font-size:24px;
}

/* Homepage */
div#slideshow 
{
	padding: 20px 0px;
	position:relative;
	color: black;
	height: 260px;
}

div#slideshow div
{
	width: 445px;
	padding-top:12px;
}

div#slideshow li
{
	background: url("/images/slider_bg.png") repeat-x top left transparent;
	height: 260px;
	position:absolute;
	top:20;
	left:20;
}

div#slideshow h3,
div#slideshow p,
div#slideshow ul li ul {
	padding:4px 15px;
}

div#slideshow a
{
	color: #fff;
}

div#slideshow ul li ul li
{
	height:auto;
	background: none transparent;
	position:relative;
	padding: 3px 0px 3px 18px;
	background: url("/images/li_white_bg.gif") no-repeat left 5px transparent;
	line-height: 1em;
}

div#slideshow h3 
{
	font-size: 24px;
}

div#slideshow ul#slidePager
{
	position: absolute;
	bottom: 35px;
	left:15px;
}


div#slideshow ul#slidePager li
{
	display:inline;
	position: relative;
	background: none transparent;
	float:left;
	height: auto;
	padding-right: 5px;
}

div#slideshow ul#slidePager li a
{
	display:block;
	height: 15px;
	width:15px;
	background-color: white;
	text-indent:-9999em;
	border: 0.2px dotted lightgray;
}

div#slideshow ul#slidePager li a.selected
{
	background-color: gray;
}

div.feature
{
	width: 232px;
	margin: 0px 5px 20px 0px;
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	background-color: #efefef;
	height:390px;
}

div.feature h2
{
	
	font-weight: normal;
	font-size: 18px;
	padding: 10px 10px 0px 16px;
}

div.feature p
{
	padding: 12px 16px;
}

div.feature img
{
	position: absolute;
	bottom: 22px;
}

div.feature div
{
   clear;
   text-align: center;
   width: 235px;
}

/* Main Content */
#mainContent #content h2
{
	font-size: 24px;
	color: #333;
	padding: 0 0 12px 0;
	line-height: 1em;
}

#mainContent #content h3
{
	font-size: 16px;
	color: #333;
	padding: 0 0 12px 0;
}

#mainContent #content p
{
	padding: 0 0 12px 0;
}

#mainContent #content ul
{
	padding: 10px 0px;
}

#mainContent #content ul li
{
	padding: 3px 0px 3px 18px;
	line-height:1.2em;
	background: url("/images/li_bg.gif") no-repeat left 5px transparent;
}

#rightPanel li 
{
	border: 1px solid #EBE0DE;
	padding-bottom: 11px;
}


#rightPanel li h3
{
	background-color: #000;
	color: #fff;
	font-size: 14px;
	padding: 11px;
}


#rightPanel li p,
#rightPanel li ul
{
	padding: 11px 11px 0px 11px;
}

#rightPanel li ul li
{
	border: 0px solid #fff;
}


/*  Map*/
#map_canvas {
	height:500px;
	line-height:1.2em;
	width:950px;
}

/*Services*/

.paragraph
{
	line-height: 110%;
	padding: 0px; 
	text-align: center;
	border-width: 0px;
	border-style: none;
}

/*Memeber Login*/
#login
{
	text-decoration: none;
	color: #20baf9;
	font-weight: bold;
	position: absolute; 
	right: 5px;
	bottom: 8px;
}

/*Miscellaneous*/

li
{
   text-align: left;
}
.paragraphKeyWord
{
	font-weight: bold;
	font-size: 14px;
	color: #20baf9;
}























































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
