body {
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	font-family: Verdana, Georgia, sans-serif;
	font-size: 10px;
	color: #333333;
	background: #272727;
}

a img {
	border: 0px;
}

p {
	margin: 10px 0px;
	font-size: 14px;
	text-align: justify;
	line-height: 1.3em;
}

h1 a {
	font-size: 18px;
    color: #FF5B24;
	text-decoration: none;
	font-family: "Arial", sans-serif;
	font-weight : normal;
    line-height : 1.4em;
}

h2 {
	margin: 0px;
	padding: 5px 0px;
	font-size: 20px;
	font-weight: bold;
	color:#ffffff;
}

h3 {
    padding: 0px 0px 10px 0px; 
    margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

#container {
	margin: 10px auto;
	width: 1000px;
}

/************************************************************ Top ************************************************************/

#top {
    width: 980px;
	height: 10px;
	padding: 0px 10px;
	margin-bottom: 10px;
}

#menu {
    width: 1000px;
	height: 100px;
	padding: 0px 0px 0px 0px;
}

#logo {
	float: left;
	width: 300px;
	height: 100px;
	margin: 0px;
	padding: 0px;
}

#links {
	width: 350px;
	height: 50px;
	margin: 0px;
	float: right;
}

#links ul.links {
	width: 300px;
 	height: 50px;
	background: url(images/links.jpg);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
 	position: relative;	
	float: right;
}

#links ul.links li {
    margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	position: absolute;
	top: 0px;
	background: transparent; /* Need this for nav to work in Opera */
	height: 50px;
	display: block;
}

#links ul.links li a.base, #links ul.links li a.current {
	float: left;
	padding: 50px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important;
	height /**/:50px; /* for IE5/Win only */
	width: 100%;
}

#links1 { left: 0; width: 71px;} /* Home */
#links2 { left: 71px; width: 58px; } /* About */
#links3 { left: 129px; width: 68px; } /* Contact */
#links4 { left: 197px; width: 103px; } /* Forums */

#links1 a.base:hover, #links1:hover a.base { background: url(images/links.jpg) 0px -50px no-repeat;}
#links2 a.base:hover, #links2:hover a.base { background: url(images/links.jpg) -71px -50px no-repeat;}
#links3 a.base:hover, #links3:hover a.base { background: url(images/links.jpg) -129px -50px no-repeat;}
#links4 a.base:hover, #links4:hover a.base { background: url(images/links.jpg) -197px -50px no-repeat;}

#links1 a.current { background: url(images/links.jpg) 0px -100px no-repeat;}
#links2 a.current { background: url(images/links.jpg) -71px -100px no-repeat;}
#links3 a.current { background: url(images/links.jpg) -129px -100px no-repeat;}
#links4 a.current { background: url(images/links.jpg) -197px -100px no-repeat;}


.top_lvl {
	width: 700px;
 	height: 50px;
	background: url(images/nav.png);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
 	position: relative;	
	float: right;
	z-index: 99;
}

.top_lvl a {
	display: block;
	text-align: left;
	text-decoration: none;
	font-size: 15px;
	float: left;
	padding: 0px 20px;
	color: #272727;
}

.top_lvl li {
	margin: 0px;
	padding: 0px;
	float: left;
	position: absolute;
	list-style: none;
	top: 0px;
	background: transparent; /* Need this for nav to work in Opera */
	display: block;
}

.top_lvl li a.base, .top_lvl li a.current {
	float: left;
	padding: 50px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important;
	height /**/:50px; /* for IE5/Win only */
	width: 100%;
}

/* dropdown */
.top_lvl li:hover > ul {
	display: block;
}
/* level 2 list */
.top_lvl ul {
	display: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	position: absolute;
	top: 50px;
	left: 0px;
	background: url(images/transparent.png) repeat;
}

.top_lvl ul li {
	position: relative;
	padding: 5px 0px;
	width: 100%;
}

.top_lvl ul li:hover {
	background: #EEEEEE;
}

#menu1 { left: 0; width: 119px;} /* Activities */
#menu2 { left: 119px; width: 103px; } /* Lodging */
#menu3 { left: 222px; width: 100px; } /* Eateries */
#menu4 { left: 322px; width: 88px; } /* Events */
#menu5 { left: 410px; width: 77px; } /* Maps */
#menu6 { left: 487px; width: 96px; } /* History */
#menu7 { left: 583px; width: 102px; } /* Forums */

#menu1 a.base:hover, #menu1:hover a.base, #menu1 a.current { background: url(images/nav.png) 0px -50px no-repeat;}
#menu2 a.base:hover, #menu2:hover a.base, #menu2 a.current { background: url(images/nav.png) -119px -50px no-repeat;}
#menu3 a.base:hover, #menu3:hover a.base, #menu3 a.current { background: url(images/nav.png) -222px -50px no-repeat;}
#menu4 a.base:hover, #menu4:hover a.base, #menu4 a.current { background: url(images/nav.png) -322px -50px no-repeat;}
#menu5 a.base:hover, #menu5:hover a.base, #menu5 a.current { background: url(images/nav.png) -410px -50px no-repeat;}
#menu6 a.base:hover, #menu6:hover a.base, #menu6 a.current { background: url(images/nav.png) -487px -50px no-repeat;}
#menu7 a.base:hover, #menu7:hover a.base, #menu7 a.current { background: url(images/nav.png) -583px -50px no-repeat;}

#menu1 ul { width: 160px;}
#menu2 ul { width: 150px;}
#menu3 ul { width: 175px;}
#menu4 ul { width: 88px;}
#menu5 ul { width: 77px;}
#menu6 ul { width: 96px;}

/************************************************************ Header ************************************************************/

#content {
	width: 1000px;
	padding: 0px;
	margin: 0px auto;
}

#content_top {
    width: 1000px;
	height: 10px;
	background: url(images/frame_top.jpg) no-repeat;
}

#header {
    width: 1000px;
	height: 500px;
	padding: 0px;
	margin: 0px;
	background: url(../images/bulletinboard.jpg);
}

#header2 {
    width: 1000px;
	height: auto;
	overflow: hidden;
	padding: 0px 20px;
	margin: 0px;
	background: url(images/frame_center.jpg) repeat-y;
}

#main_pic {
	width: 600px;
	height: 500px;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	float: left;
}

#header_column1 {
    width: 350px;
	height: 250px;
	padding: 0px 10px;
	margin: 0px 20px 0px 0px;
	float: right;
	background: none;
}

#feedControl { 
    margin: 10px auto;
    width : 300px;
    font-size: 18px;
    color: #222222;
}

#header_column2 {
    width: 350px;
	height: 250px;
	padding: 0px 10px;
	margin: 0px 20px 0px 0px;
	float: right;
	overflow: hidden;
	background: none;
	text-align: center;
}

/************************************************** Main Body **************************************************/

#main_body {
	width: 980px;
	height: auto;
	overflow: hidden;
	padding: 5px 10px;
	background: url(images/frame_center.jpg) repeat-y;
}

.column1 {
    float: right;
	width: 500px;
	height: 500px;
	padding: 20px;
}

.column2 {
    float: left;
    width: 400px;
    height: auto;
	overflow: hidden;
	padding: 0px 20px;
}

.column2 a {
	text-decoration: none;
	color: #272727;
	font-style: italic;
}

.column2 a:hover {
	text-decoration: none;
	color: #ff8900;
}

.column3 {
	float: left;
	width: 400px;
	height: 140px;
	overflow: hidden;
	padding: 10px 20px;
}

.column3 a {
	text-decoration: none;
	color: #272727;
	font-style: italic;
}

.column3 a:hover {
	text-decoration: none;
	color: #ff8900;
}

/************************************************** 3 Boxes **************************************************/

#boxarea {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 20px 30px 10px 30px;
	width: 940px;
	height: 250px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	background: url(images/frame_center.jpg) repeat-y;
}

.box1, .box2 {
	float: left;
	width: 280px;
	margin-right: 50px;
	background: #272727;
}

.box3 {
	float: left;
	width: 280px;
	margin: 0px;
	background: #272727;	
}

.box1top {
	height: 33px;
	padding-top: 7px;
	text-align: center;
	background: url(images/box1_top.gif) no-repeat;
}

.box2top {
	height: 33px;
	padding-top: 7px;
	text-align: center;
	background: url(images/box2_top.gif) no-repeat;
}

.box3top {
	height: 33px;
	padding-top: 7px;
	text-align: center;
	background: url(images/box3_top.gif) no-repeat;
}

.boxbody {
	width: 260px;
	height: 165px;
	padding: 15px 5px 5px 15px;
	color: #FFFFFF;
}

#activities, #lodging, #eateries {
    padding: 0px 0px 10px 0px;
	margin: 0px; 
	width: 250px;
	height: 120px;
	overflow: hidden;
}

#activities img, #lodging img, #eateries img {
    padding: 10px 10px 10px 0px;
}

.mod_dynamic {
    margin-top: 0px;
	padding-top: 0px;
	width: 240px;
	height: 100px;
}

.mod_dynamic p {
    margin: 0px;
	font-size: 12px;
	text-align: left;
}

.modboxnav {
	margin: 10px 0px;
	padding: 0px;
	width: 250px;
	height: 25px;
}

.modboxnav ul {
	margin: 0px;
	padding: 0px;
}

.modboxnav li {
	background: transparent url(images/btn_grey.jpg) no-repeat scroll 0 0;
	float: left;
	height: 25px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px 12px 0px 0px;
	margin: 0px 0px 0px 13px;
	width: 25px;
}

.modboxnav li:hover {
	background: transparent url(images/btn_hover.jpg) no-repeat scroll 0 0;
}

.modboxnav li a, .modboxnav li a:hover {
	color: #FFFFFB;
	display: block;
	font-weight: bold;
	font-size: 16px;
	margin: auto;
	padding: 2px 0px 0px 8px;
	text-decoration: none;
}

.boxbottom {
	width:280px;
	height: 10px;
	background: url(images/box_bottom.gif) no-repeat;
}

* html .boxbottom {
	width:280px;
	height: 10px;
	margin-bottom: -10px;
	background: url(images/box_bottom.gif) no-repeat;
}

/************************************************** Bottom **************************************************/

#content_middle {
    width: 1000px;
	height: 20px;
	background: url(images/frame_middle.jpg) no-repeat;
}

#content_bottom {
    width: 1000px;
	height: 10px;
	background: url(images/frame_bottom.jpg) no-repeat;
}

#footer {
	padding-top: 15px;
	text-align: center;
	width: 1000px;
	height: 55px;
	color: #ffb21e;
	line-height: 24px;
}

#footer a {
	color: #EEEEEE;
	text-decoration: none;
	padding: 0px 2px;
}

#footer a:hover {
	text-decoration: underline;
}

/************************************************** Events **************************************************/

#calendar {
	margin: 0px 10px;
}

/************************************************** RSS Feed ***************************************************/

.gfg-root {
  width : 300px;
  height : 230px;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 12px;
}

.gfg-root a {
  font-size: 14px;
}

.gfg-title a {
  color: #FF5B24;
  text-decoration: none;
  font-size: 18px;
  font-weight : normal;
  line-height : 1.4em;
  overflow : hidden;
  margin: 5px;
}

.gfg-entry {
  width : 310px;
  height: 90px;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
  margin-bottom: 5px;
}

.gfg-entry a {
  color: #222222;
  text-decoration: none;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  background: url(images/transparent.png) repeat;
  width : auto;
  height : 100%;
  padding-left : 20px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-list a {
   text-decoration: none;
}

.gfg-list a:hover {
   color: #FFB21E;
}

.gfg-listentry {
  line-height : 23px;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd a {
  color: #666666;
}

.gfg-listentry-even a {
  color: #333333;
}

.gfg-listentry-highlight { 
  background-image : url('garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 16px;
  line-height : 1.2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}

#feedControl .gf-author, #feed-control .gf-spacer {
   display:none;
} 
