/*--------------------- body ---------------------*/
/* Tell NS4 to ignore these styles.... */

body {
	margin: 0;
	padding: 0;
	background: #B6BCB8 url("/images/global/bg_strip.jpg") bottom left fixed repeat-x;
	line-height: 1.1;
	font-size: 62.5%;
	color: #000;
	text-align: center;
	height: 100%;
	min-width:780px;
	width:expression(document.body.clientWidth < 780? "780px": "auto" );
}

html {
	/* http://www.splintered.co.uk/experiments/49/ */
	
	min-height: 100%;
	margin-bottom: 1px;
}
body, input, textarea, select {
	font-family: "Verdana", "Trebuchet MS", "Helvetica", "Arial", sans-serif;
}

#container {
	/* http://www.svendtofte.com/code/max_width_in_ie/ */
	
	/* max-width:990px;
	width: expression(document.body.clientWidth > 990? "990px": "auto"); */
	max-width:1100px;
	width: expression(document.body.clientWidth > 1100? "1100px": "auto");
	margin: 0px auto;
	padding: 0;
	text-align: left;
	background: #fff url("/images/global/navstrip.jpg") left 0px repeat-y;
	/*height: 100%;*/
}

#header {
	height: 112px;
	background: #7BB865 url("/images/global/top/elephant.jpg") right top no-repeat;
}

#skipNav {
	/*display: none;*/
	  display: block;
     width: 0;
     height: 0;
     overflow: hidden;
     margin: 0;
     padding: 0;
     font-size: 0px;
     position: absolute;
	  top:-1000px; 
	  left:-1000px;
}

#footer {
	clear: both;
	background-color: #124325;
	padding: 5px;
	text-align: center;
}

p {
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}

#searchbox {
	background-color: #124325;
	padding: 11px 0px 5px 0px;
	width: 175px;
	float: left;
	margin: 0;
	margin-top: -1px;
	clear: left;
	overflow: hidden;
}

#searchbox input.t {
	background-color: #6AA66A;
	border: 1px solid #0B351B;
	color: Black;
}

#logo_print { 
	display: none;
	padding: 0;
	margin: 0;
}

#logo_screen {
	float:left; 
	margin: 0;
	padding:0;
	width: 175;
}

select { 
	font-size: 0.7em; 
}
/* Hide from IE5-mac \*/

* html #logo_screen {
margin-right: -3px;
}
* html #header_bits {
height: 112px;
margin-left: 0;
}

/* End IE5/mac hide */
/*--------------------- nav -----------------------------*/
#nav {
	float: left;
	width: 175px;
	color: #fff;
	clear: both;
}
#nav ul.level-1 {
	font-weight: bold;
	list-style: none;
	padding: 6px;
	margin: 0;
	line-height: 1.1;
}

#nav ul.level-1 li {
	font-size: 1.1em;
	/*margin: 0px 0px 5px 0px;*/
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
}

#nav ul.level-2 {
	font-weight: normal;
	list-style: none;
	padding: 0;
	font-size: 0.9em;
	margin: 5px 0px 0px 0px;
}
#nav ul.level-3 {
	font-weight: normal;
	list-style: none;
	padding: 0;
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
}
#nav ul.level-2 li {
	background: transparent url("/images/global/horns.png") left 1px no-repeat !important;
	padding: 0;
	margin: 0;
	margin: 0px 0px 2px 0px;
}
#nav ul.level-3 li {
	background: transparent  left 1px no-repeat !important;
	padding: 0;
	margin: 0;
}

#nav ul.level-1 li a {
	color: #fff;
	text-decoration: none;
	display: block;
	/*height: 1.6em;*/
}

#nav ul.level-2 li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding-left: 18px;
	height: auto;
}

#nav ul.level-2 li a:hover, ul.level-2 li a:active {
	background: transparent url(/images/global/nav_bullets_orange.gif) no-repeat left 1px !important;
}

#nav  ul.level-1 li a:hover, ul.level-1 li a:active, ul.level-2 li a:hover, ul.level-2 li a:active {
/* #nav li a:hover, li a:active { */
	color: #F76501;
	text-decoration: underline;
}

#nav ul li a.current {
	background: transparent url(../../images/global/nav_bullets_orange.gif) no-repeat left 1px !important;
}

#nav ul li.current_cat, #nav ul li a.current_cat {
	color: #f30;
}

#nav .current_home {
	color: #f30;
	padding-bottom: 5px;
	display: block;
	border-bottom: 1px solid #0E321D;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-top: 7px;
	margin-right: 5px; 
}

/*--------------------- boxes -----------------------------*/

.box {
	width: 180px;
	/*border: 1px solid #6B6B6B;*/
	background-color: #fff;
	margin: 5px;
	padding: 1px;
}

.box .header {
	background: #346633 url("/images/global/box_header_tile.png") left top repeat-x;
	height: 20px;
}

.box .header h4 {
	/*padding: 0px 0px 10px 0px;*/
	margin: 0;
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	padding: 3px 0px 0px 15px;
}

.box .content {
	margin-top: 1px;
	background-color: #eee;
	/*border: 1px solid #6B6B6B;*/
}

.box .content .border {
	border-top: 1px solid #484848;
	border-left: 1px solid #484848;
	padding: 10px;
}
.box .content h5 {
	padding: 0px 0px 3px 0px;
	margin: 0;
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}
.box .content .pad {
	padding: 3px;
}
#tabs {
	height: 20px;
	margin-left: -3px;
	margin-top: 12px;
        *margin-top: 13px;
}

/* 2010-02-17/MD: added fix for Nedret's Two Pixel Nightmare on header for Safari and IE8 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tabs
    {
        height: 20px;
	margin-left: -3px;
	margin-top: 13px;
    }
  }

#tabs ul, #tabs li {
	display: inline;
	list-style-type: none;
	background: none;
	margin: 0;
	padding: 0;
}

#tabs li a {
	background: #124325;
	height: 20px;
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
	line-height: 1.5em; 
}/* http://devedge.netscape.com/viewsource/2002/cursor/ */

#tabs li a.current_tab { /*highlight the current tab in orange*/
	background: #f60; 
}

#attractions {
	margin-bottom: 15px;
	position: relative;
	height: 125px;
}

.blob {
	/* width: 33%;*/
	width: 28%;
	background-color: #333;
	position: absolute;
	height: 100px;
}
.blob .orange {
	background: url("/images/global/midorange.gif") left top repeat-x;
	height: 20px;
}
.blob2 .orange {
	background: url("/images/global/midorange.gif") left top repeat-x;
	height: 20px;
}
.blob .green {
	background: url("/images/global/midgreen.gif") left top repeat-x;
	height: 20px;
}
.blob .yellow {
	background: url("/images/global/midyellow.gif") left top repeat-x;
	height: 20px;
}

.blob h5 {
	padding: 2px 0px 0px 7px;
	margin-top: 0;
	color: #fff;
	background: transparent;
}
.blob .content {
	border-left: 1px solid #5F5F5F;
	border-bottom: 1px solid #161616;
	border-right: 1px solid #161616;
	padding: 0px 3px 1px 3px;
	margin-top: 3px;
	text-align: right; 
	background-color: #333;
}

.blob .pic {
	/*width: 100%;*/
	overflow: hidden;
}

.blob .pic img {
	border: 0;
	width: 190px;
	height: 71px;
}

.blob .webcampic img {
	border: 0;
	width: 190px;
	height: 143px;
}

/*--------------------- lists -----------------------------*/

ul, ol {
	margin-left: 30px;
	margin-top: 0;
	padding: 0;
}
ul li, ol li {
	font-size: 1.1em;
	line-height: 1.4em;
	padding-top: 0;
	margin: 0;
}
ul li ul li, ol li ol li, ol li ul li {
	font-size: 1em;
	line-height: 1.4em;
	padding: 0;
}
ul.horns {
	padding: 0;
	margin: 0px 0px 0px 20px;
	list-style: none;
}
ul.horns li {
	/*background: transparent url(../../images/global/nav_bulllet_white.gif) no-repeat left 2px;*/
	background: transparent url(../../images/global/lbird_up_transp.gif) no-repeat left 2px;
	margin: 0;
	padding: 0px 0px 3px 20px;
}
ul.small_horns li {
	background: transparent url(../../images/global/nav_bulllet_white.gif) no-repeat left 2px;
	margin: 0;
	padding: 0px 0px 3px 0px;
}
ul.horns.news li {
	margin-bottom: 12px;
}
ul li h6 {
	font-size: 1em;
	margin: 0;
}
ul li p {
	font-size: 1em;
	margin: 0;
}
ul li p.date {
	font-size: 1em;
	margin-bottom: 6px;
}
ol li p {
	font-size: 1em;
	margin: 0;
}
/*--------------------- text/headings ---------------------*/

h1 {
	font-family: "Helvetica", "Trebuchet MS", "Verdana", "Arial", sans-serif;
	font-size: 1.9em;
	padding: 0px 0px 12px 0px;
	margin: 0;
	padding-top: 6px;
	color: #f30;
}

h2 {
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
	font-size: 1.4em;
	padding: 0px 0px 10px 0px;
	margin: 0;
	color: #f30;
}

h3 {
	color: #124325;
	background: #CFE2CF;
	font-size: 1.3em;
	border: 1px solid #124325;
	display: block;
	padding: 3px 10px;
	margin:10px 0 10px 0;
	/*
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
	padding: 0px 0px 5px 0px;
	margin: 0;
	color: #124325;*/
}
h4{
	padding-bottom: 3px;
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #124325;
}
h5{
	padding: 0;
	margin-bottom: 2px;
	font-size: 1.1em;
	color: #124325;
}
h6, fieldset legend   {
	padding: 0;
	margin-bottom: 1px;
	font-size: 1em;
	color: #124325;
}
h2.main  {
	color: #f30;
	background: #CFE2CF;
	border: 1px solid #124325;
	display: block;
	padding: 3px 10px;
	margin:20px 0 10px 0;
}
h2.main a  {
	color: #f30;
}

.red, h2.red a, h4.red a, h5.red a {
	color: #f30;
}
.orange {
	color: #f60;
}
.bold {
	font-weight: bold;
}

#footer p {
	font-size: 1em;
	color: #fff;
	margin: 0px 20px;
}

.official {
	font: bold 1.3em "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
	padding: 0 15px;
	margin: 0;
	color: #f30;
}

.tagline {
	float: right;
	font: bold italic 1.2em "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
	padding: 0;
	margin: 0px 350px 0px 0px; 
	color: #124325;
}
.home a:link, .home a:visited {
	padding-bottom: 5px;
	display: block;
	border-bottom: 1px solid #0E321D;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-top: 7px;
	margin-right: 5px; 
}
.home a:hover {
	color: #f30;
	text-decoration: underline;
}
.all_in_one a:link, .all_in_one a:visited {
	padding-top: 5px;
	display: block;
	border-top: 1px solid #0E321D;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-top: 0;
	margin-right: 5px; 
}
.all_in_one a:hover {
	color: #f30;
	text-decoration: underline;
}
.blink {
	text-decoration: blink; text-align: center
}

.dialogue{
  border: 1px solid red; 
  padding: 5px;
  margin-bottom: 10px;
}

.dialogue h5{
  padding: 0;
  margin: 0 0 0 0;  
}

/*--------------------- links -----------------------------*/

a:link {
	color: #124325;
	text-decoration: underline;
}
a:visited {
	color: #207741; 
	text-decoration: underline;
}
a:hover {
	color: #f30;
	text-decoration: none;
}
a:active {
	color: #f30;
	text-decoration: underline;
}

.box .header h4 a:link, .box .header h4 a:visited {
	color: #fff;
	text-decoration: none;
}

.box .header h4 a:hover {
	color: #8BEF8B;
	text-decoration: none;
}

.box .header h4 a:active {
	color: #000;
	text-decoration: none;
}
#footer a:link {
	color: #fff;
	text-decoration: none;
}
#footer a:visited {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #f30;
	text-decoration: underline;
}
#footer a:active {
	color: #f30;
	text-decoration: underline;
}
/*--------------------- form elements ---------------------*/

form { 
	margin: 0;
}

input.t, textarea, select, .file {
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 1.1em;
	color: #000;
	margin-bottom: 0.3em;
	padding: 2px 3px 0px 3px;
}
input.t:focus, textarea:focus, select:focus, .file:focus {
	background-color: #fff;
	color: #000;
}

input.t {
	height: 1.6em;
}

#rhcolumn select {
	width: 155px;
}

#rhcolumn input.t {
	width: 148px;
	height: 15px;
}


/*--------------------- misc -----------------------------*/

hr {
	color: #313131;
	background-color: #313131;
	width: 100%;
	height: 1px;
	border: none;
}

/*------------------------ images ------------------------*/

div.float_right {
	float: right;
	padding: 5px;
}
div.float_right img {
	border: 1px solid Gray;
	margin-left: 10px;
	margin-bottom: 1px;
}
div.float_left {
	float: left;
	padding: 5px;
}
div.float_left img {
	border: 1px solid Gray;
	margin-right: 10px;
	margin-bottom: 1px;
}
div.float_center {
	float: center;
	padding: 5px;
}
div.float_center img {
	border: 1px solid Gray;
	margin-bottom: 1px;
}
img.photo {
	border: 1px solid Gray;
}
/*------------------------ tables ------------------------*/

table.borders {
	margin: 0;
	border: 1px solid #ccc;
	border-collapse: collapse;
	/*width: auto;*/
	
}
table.borders  th {
	background-color: #95BF95;
	border-bottom: 1px solid #ccc;
	padding: 2px;
}
table.borders  td {
	border: 1px dashed #ccc;
	padding: 2px;
}
fieldset table {
	border: 0px solid #95BF95;
}
fieldset table td {
	border: 0px;
}
/*------------------------ definition lists ------------------*/

dl.gallery
{
border: 1px solid #000;
background-color: #95BF95;
text-align: center;
padding: 7px;
float: left;
margin-right: 1em;
}

.gallery dt { font-weight: bold; }

.gallery dt img
{
border: 1px solid #000;
}

.gallery dd
{
margin: 0;
padding: 0;
}
div.spacer {
  clear: right;
  }

p#homepage-main-blurb {text-align:justify;}
div#homepage-goto-links {float:right;padding:-5px;width:40%;margin:-15px 0 20px 10px;}
/* Okay, we can let NS4 see the rest....:) */

/* Mina Demian - NEW STYLES */

p#leftmenu_box-park-map a img, p#leftmenu_box-photo-gallery a img {border:0;margin:0;padding:0;}
p#leftmenu_box-park-map, p#leftmenu_box-photo-gallery {margin:0;padding:0;}

.footer-links-light-green {text-decoration:none; color:#669966;}
.footer-text-light-green {color:#669966;}
p.body-text {width:90%;text-align:justify}
div.form_msg_error {color: #124325;background: #CFE2CF;border: 1px solid #124325;padding:5px;}
p.form_msg_error_heading, p.form_msg_success_heading {font-size:14px;font-weight:bold;}
div.form_msg_success,div#alert-box {color: #124325;background:#7BB865;border: 1px solid #124325;padding:5px;}
label.error-wb-contactform {font-size:13px;color:#ccc;border:1 px solid red;padding:5px;}
form#frm_webmaster_contact input,label{width:180px;clear:right;float:left;display:block;}
form#frm_webmaster_contact fieldset.forms_personal_details br {line-height:250%;}
form#frm_webmaster_contact input.form_btns {width:100px;}
form#frm_webmaster_contact div.form_buttons {margin-left:10px;float:right;}
form#frm_webmaster_contact label {color:black;font-weight:bold;padding:5px;}
form#frm_webmaster_contact select {width:250px;}
form#frm_webmaster_contact fieldset {width:550px;padding:5px;margin-bottom:10px;border:1px solid black;}
form#frm_webmaster_contact {width:550px;margin:0;}
form#frm_webmaster_contact legend {font-size:14px;font-weight:bold;padding:5px;margin-bottom:5px;}
form#frm_webmaster_contact .required {color:#124325;font-weight:bold;padding:3px;}

p#random-park_name {background-color:#ccc;text-align:left;padding:0; margin:0; border:0px solid #999999;}
img#weather-image {float:left;clear:right;padding:0;margin:0;}
p#weather-information {padding:5px;line-height:110%;margin-bottom:0;font-size:0.9em;}
div#weather-forecast-area p#weather-information {padding:4px;line-height:110%;margin:0;}
span#weather-temperatures {font-size:1.0em;font-weight:bold;padding:5px;margin:0;}
/*div#homepage-weather-box p {padding:5px;}*/
div#homepage-weather-box p.seven-day-forecast {margin:auto;text-align:left;font-size:0.9em;padding-top:8px;margin-bottom:-1px;}
div#weather-forecast-area span#weather-temperatures {font-size:1.3em;font-weight:bold;padding:5px;margin-top:10px;color:red;}
span.station-name{font-size:1.2em;}

div.homepage-user-tasks {float:right;padding:0;width:40%;margin:0 0 5px 10px;border:1px solid green;}
div#still-available-section {width:auto;margin-bottom:20px;margin-top:0;display:block;}

address {font-style: normal;margin:0;width:300px;}
address.contact_address {background-color:#DFDFDF;border:1px solid black;padding:5px;line-height:150%;font-size:1.2em;}
address span.contact_name {font-size:1.4em;}
