*{
  margin: 0;
  padding: 0;
}
/*
colors
grey 8f9599
blue 54bce8
light grey cccfd1
*/
body {
	font-size: 100%;
	height: 100%;
	font-family: Tahoma, Arial, san-serif;
	text-align: center;
	background-color: #8f9599;
	background-position: top center;
	color: #666;
}

a{
	color: #54bce8;
	text-decoration: underline;
}
a:hover{
	color: #8f9599;
	text-decoration: none;
}
img {
	border: 0;
	}
#page {
  width: 870px;
	margin: 0 auto;
}
#content {
  float: left;
	text-align: left;
	width: 790px;
	border-left: 40px solid #fff;
	border-right: 40px solid #fff;
	border-bottom: 20px solid #fff;
	background-color: #fff;
	margin-bottom: 40px;
}
#header {
	width: 790px;
	height: 143px;
	float: left;
	background-color: #8f9599;
	background-image: url(images/map.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#header img {
	margin-top: 70px;
	margin-left: 25px;
}
/*IE sucks!!!*/
*html #header img {
	margin-bottom: -3px;
}


#container{
  float: left;
  clear: both;
  width: 790px;
	padding: 10px 0;
	margin: 10px 0;
	border-top: 2px solid #dadada;
	border-bottom: 2px solid #dadada;
  }
#mainCell {
  float: right;
  width: 610px;
  color: #333;
}
#main font{
	font-family: Tahoma, Arial, san-serif !important;
}
#main,#main2 {
	background-color: #cccfd1;
	float: left;
}
#main{
	min-height: 420px;
	height:auto;
	font-size: 75%;
	background-image: url(images/main_bkg.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
* html #main {
	height: 420px;
}
#main2{
	clear: both;
	height: 290px;
	float: left;
	width: 790px;
	background-image: url(images/map_bkg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 70%;
}
#main ul{
	margin: 15px;	
}
#main li{
	list-style-type: square;
}
#main2 p{
	float: left;
	width: 190px;
	margin-right: 50px;
	line-height: 150%;
}
#main h2, #main2 h2 {
	font-size: 166%;
	font-family: Arial;
	color: #54bce8;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	padding-bottom: 8px;
}
#main h2 a{
	text-decoration: none;
	color: #54bce8;
}
#main h2 a:hover {
	color: #54bce8;
	text-decoration: underline;
}

.mainInner{
	padding: 15px;
	float: left;
	width: 100%;
}

#main p, #main li {
  margin-bottom: 8px;
}

#mainCell form {
	float: left;
	clear: both;
	width: 100%;
}
.radio {
	border: 0 ! important;
	margin: 0 ! important;
	padding: 0;
	width: 25px ! important;
}
#mainCell input {
	border: 1px solid #54bce8;
	margin: 6px 0;
	width: 250px;
}
#mainCell select {
	border: 1px solid #54bce8;
	width: 85px;
}
#mainCell textarea {
	border: 1px solid #54bce8;
	margin: 6px 0;
	width: 250px;
}

.button {
	color: #fff;
	font-weight: bold;
	background-color: #54bce8;
	border: 1px solid #fff ! important; 

	font-family: Verdana;
	padding: 1px 8px;
}
.button:hover {
	color: #fff;
}

#menuCell {
	width: 160px;
	float: left;
	}

#menu {
	height: 290px;
}
#menu ul {
	margin: 0;
	padding: 0;

}
#menu li {
	margin: 0 0 4px 0;
	list-style: none;
	text-indent: 25px;
	font-size: 70%;
	text-transform: uppercase;
}
#menu li a{
	display: block;
	text-decoration: none;
	width: 160px;
	color: #fff;
	background-image: url(images/menu_off.gif);
	background-repeat: no-repeat;
	background-position: -5px -5px;
	padding: 3px 0;
	}

#on1 a, #on a,#menu li a:hover,#menu li a:hover {
	color: #fff;
	text-decoration: none;
	background-image: url(images/menu_on.gif) !important;
	background-repeat: no-repeat;
	background-position: -5px -5px;
}


#searchMenu{
}
#searchMenu h3 {
	font-size: 90%;
	font-family: Arial;
	color: #54bce8;
	letter-spacing: -0.5px;
	padding-bottom: 8px;
}
#searchMenu form{
}
#searchMenu select{
	width: 160px;
	border: 0;
	background-color: #8f9599;
	color: #fff;
	margin-bottom: 4px;
	font-size: 70%;
	padding: 2px 0;
}
#searchMenu input{
	width: 158px;
	border: 1px solid #8f9599;
	margin-bottom: 4px;
	font-size: 70%;
	padding: 2px 0;
}
.butt{
	width: 160px !important;
	border: 0 !important;
	background-color: #54bce8;
	color: #fff;
	text-align: left;
	font-size: 70%;
	padding: 2px 0;
	text-indent: 5px;
}

#footerOuter {
	background-color: #54bce8;
	border-top: 1px solid #5c7a1f;
	width: 100%;
	height: 20px;
	clear: both;
	position: absolute;
  bottom: 0 !important;
  bottom: -1px;
  left: 0;
}
#footer {
	font-size: 66%;
	margin: 5px 15px;
}
#footL {
	float: left;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footR {
	vertical-align: bottom;
	float: right;
	text-align: right;
}
.sitemap {
}
.sitemap img {
	border: 0;
	display: inline;
}
.sitemap li {
	margin-top: 5px;
}
.sitemap ul {
	margin-left: 15px;
	}
.sitemap a {
	text-decoration: none;
}
.sitemap a:hover {
	color: #54bce8;
	text-decoration: underline;
}

hr {
	border: solid 1px #566975;
	height: 0;
}

#headerImage {
}

#rotateImage{
  position             : relative;
  height               : 420px;
  width                : 610px;
  overflow             : hidden;
}

#rotateImage .bannerpic{
  position             : absolute;
}

#rotateImage .bannerpic banner_img_buffer{
  z-index              : 1;
}

#rotateImage .bannerpic banner_img{
  z-index              : 2;
}
#thumbs {
	float: left;
	clear: both;
	margin-top: 15px;
	width: 100%;
}

.thumb{
	float: left;
	padding: 2px;
	border: 1px solid #ccc;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 160px;
	width: 180px;
}
#addForm{
	padding-top: 15px;
	clear: both;
	width: 100%;
	font-size: 75%;
}

#locationPic{
	float: left;
	padding: 2px;
	border: 1px solid #666;
	margin-right: 10px;
	margin-bottom: 5px;
	background-color: #fff;
	width: 400px;
}
#locationDesc{
	float: right;
	width: 160px;
}
#locationDescTop{
	height: 290px;
}
.locThumb{
	float: left;
	padding: 2px;
	border: 1px solid #666;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 135px;
	width: 180px;
	background-color: #fff;
}
.locThumb p, .locThumb h3{
	margin: 3px;
}

.searchRow{
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 15px;
}
.pagination{
	margin-left: 12px;
	font-size: 90%;
	letter-spacing: 3.5px;
}
.pagination a{
	text-decoration: none;
}

#cats li{
	font-weight: bold;
	float: left;
	width: 190px;
}
#cats a{
	color: #333;
}
#cats a:hover {
	color: #54bce8;
}
#locIdeas{
	font-size: 75%;
	text-align: right;
}
#locIdeas a{
	text-decoration: none;
}

#credit{
	text-align: right;
	font-size: 75%;
}
#credit a{
	color: #ccc;
	text-decoration: none;
}
#credit a:hover{
	text-decoration: underline;
}