/* @group Global Properties */

body {
	font: normal 62.5%/145% "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #ffffff;
	margin: auto;
	background: #201534 url(../images/stars-bg.gif) repeat 0 0;
}

h1, h2, h3, h4, h5 {
	color: black;
	line-height: 1.2em;
	font-weight: normal;

	padding: 0;
		padding-bottom: 0.5em;
	margin: 0;
}

h1 {
	color: #657dbf;
	font-size: 1.8em;
	letter-spacing: -1px;
}

	h1 .small {
		font-size: 75%;
	}

h2 {
	font-size: 1.3em;
	letter-spacing: -1px;
	margin: 0;
}

h3 {
	font-size: 1.0em;
	margin: 5px 0 0 0;
}

h4 {
	font-size: 1.0em;
}

h5 {
	font-size: 1.0em;
}

h1.titles {
	font: normal 2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #848484;
	letter-spacing: -1px;
	padding-bottom: 10px;
}

h1.titles  img {
	padding-right: 15px;
	vertical-align: middle;
}

ul {
	position: relative;
	padding: 0 0 1.0em 2.5em;
	list-style-type: disc;
	padding-bottom: 2.0em;
}

	ul li {
		line-height: 1.4em;
	}
	
	ul ul {
		list-style-type: circle;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}

	ul ul ul {
		list-style-type: square;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}

blockquote {
	border-left: 6px solid #afd5d9;
	color: #999999;
	padding: 5px 15px;
	margin: 10px 0;
}

h3 img {
	vertical-align: middle;
}

form input {
	font: normal  11px/20px Tahoma, Helvetica, sans-serif;
	vertical-align: middle;
}

a, a:visited {
	color: #3a3b8d;
	border-bottom: 0;
	text-decoration: underline;
}

a:hover, a:active {
	color: white;
	background-color:  #3a3b8d;
	border-bottom: 0;
	text-decoration: none;
}

a.readmore:link,a.readmore:visited, a.readmore:active {
	background: url(../images/readmore.png) 0% 100% no-repeat;
	padding: 0 15px;
	color: #55787b;
	text-transform: uppercase;
	float: right;
	font: normal 10px Tahoma, "Times New Roman", Times, serif;
	text-decoration: none;
}

a.readmore:hover {
	background: url(../images/readmore.png) 0% 100% no-repeat;
	padding: 0 15px;
	color: #55787b;
	text-transform: uppercase;
	float: right;
	font: normal 10px Tahoma, "Times New Roman", Times, serif;
	text-decoration: none;
}

a.more:link,a.more:visited, a.more:active {
	background: url(../images/readmore.gif) 0% 50% no-repeat;
	padding: 0 0 0 16px;
	color: #6b7c7f;
	float: right;
	font: normal 11px/18px Tahoma, "Times New Roman", Times, serif;
	text-decoration: none;
}

a.more:hover {
	background: url(../images/readmore.gif) 0% 50% no-repeat;
	padding: 0 0 0 16px;
	color: #0096a3;
	float: right;
	font: normal 11px/18px Tahoma, "Times New Roman", Times, serif;
	text-decoration: none;
}

a:focus {
	outline: none;
}

img {
	border: 0
}

h4.titles {
	font: normal 1.4em Arial, Helvetica, sans-serif;
	color: #848484;
	letter-spacing: -1px;
}

hr.hrbar {
	clear: both;
	border: none;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

address {
	color: #333333;
	padding: 0px;
	margin: 0;
}

/*

@end */

/* @group Global Classes */

.clearer {
	clear: both;
}
.bold, strong {
	font-weight: bold;
}

.floatLeft, .image-left {
	float: left;
	padding: 0 0.75em 0 0;
	margin: 0;
}

.floatRight, .image-right {
	float: right;
	padding: 0 0 0 0.75em;
	margin: 0;
}

.center {
	text-align: center;
}

.italic, em {
	font-style: italic;
}

.date {
	color: #ef5c0c;
	font-size: 10px;
	font-weight: bold;
	float: left;
}

.newslist {
	line-height: 16px;
	overflow: auto;
	padding: 10px 0;
}

.newslist p {
	line-height: 16px;
}

.separator {
	background: url(../images/separator.gif) repeat-x left center;
	clear: both;
	padding: 0.5em 0;
}

.small {
	font-size: 65%;
	letter-spacing: -1px;
}

.noborder, a.noborder, a.noborder:hover, a.noborder:active, a.noborder img {
	border: 0;
	background: none;
}

.tightSpacing {
	line-height: 0.9em;
}

.black {
	color: black;
}

.blue {
	color: #657dbf;
}

ul.listitems {
	margin: 0 0 0 20px;
	padding: 0;
}

ul.listitems li {
	margin: 0;
	padding: 3px 10px;
	list-style: circle;
}

ul.star {
	background: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.star li {
	display: block;
	background: url(../images/bullet-star.gif) no-repeat 0 0;
	font-weight: bold;
	line-height: 1.8em;
	
	padding-top: 3px;
	padding-left: 30px;
}

ul.star ul, ul.star ul ul {
	list-style-type: none;
	padding-left: 3.0em;
}

.featured {
	overflow: hidden;
	height: 244px;

	background: url(../images/featuredbg.jpg) no-repeat;	
	font-size: 1.3em;
	line-height: 1.5em;
}

.bordermain {
	border: 1px solid #dbd6d2;
	background: #FFFFFF;
	padding: 8px;
}

.stepcarousel {
	position: relative;

	/*leave this value alone*/
	overflow: scroll;
	/*leave this value alone*/
	width: 980px;
	/*Width of Carousel Viewer itself*/
	height: 230px;
	/*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
	position: absolute;
	/*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .belt  h1 {
	font-size: 1.8em;
	margin: 0;
	padding: 0 0 10px 0;
	color: #5e5e5e;
	letter-spacing: -1px;
}

.stepcarousel .panel {
	float: left;

	/*leave this value alone*/
	overflow: hidden;
	/*clip content that go outside dimensions of holding panel DIV*/
	margin: 8px 20px 0px 10px;
	/*margin around each panel*/
	width: 910px;
	/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: auto;
	padding: 15px 20px 0;
}

	.panel .stepbottom {
		float: right;
		width: 450px;
	}
	
		.stepbottom p {
			padding-bottom: 1.0em;
		}

		.stepbottom p.moreInfo {
			padding-left: 1.0em;
		}
		
		.stepbottom a, .stepbottom a:visited {
			color: #3a3b8d;
		}
		
		.stepbottom a:hover, .stepbottom a:active {
			color: white;
			background-color:  #3a3b8d;
			border-bottom: 0;
		}

.employment {
	overflow: auto;
	position: relative;
	width: 60%;
	
	border: 1px solid #666666;
	background-color: #fcfcda;
	
	margin: 0 auto;
	padding: 1.5em;
}

	.employment p.address {
		font-size: 1.2em;
		padding: 3.0em 0.5em 1.0em;
	}
	.employment img {
		padding-left: 1.0em;
	}
/* @end */

/* @group Layout */

#container {
	color: #667893;
	position: relative;
	width: 980px;
	height: auto;
	z-index: 10;

	margin: 0 auto;
	padding: 0;
}

#header {
	position: relative;
	width: auto;
	height: 239px;
	
	margin: 0;
	padding: 0;
}

	#header #headerPrint {
		display: none;
	}

	#header #headerFlash {
		z-index: 0;
	}

#contentContainer {
	position: relative;
	min-height: 400px;
	overflow: auto;

	background: #ffffff	url(../images/sidebar-bg.gif) top right repeat-y;
	padding: 0;
}

#content {
	position: relative;
	width: 550px;
	height: auto;
	min-height: 400px;
	float: left;

	background: #ffffff;
	font-size: 1.4em;
	line-height: 1.5em;
	
	padding: 30px 30px 30px 40px;
}


#content .col-1, #content .col-2 {
	margin: 0;
		margin-top: 0.75em;
	padding: 0;
}

#content .col-1 {
	float: left;
	width: 325px;
}

#content .col-2 {
	float: right;
	width: 225px;
	text-align: right;
}

#content p {
	padding: 0 0 20px 0px;
}

#sidebarContainer {
	position: relative;
	float: left;
	width: 300px;
	height: 100%;

	font-size: 1.3em;
	line-height: 1.5em;

	margin: 0 auto;
	padding: 30px;
}

#sidebar p.sideHeader {
	color: #657dbf;
	text-transform: uppercase;
	font-size: 1.4em;
	
	padding-bottom: 0.5em;
}

#sidebar p.parkName {
		font-weight: bold;
		letter-spacing: -0.1em;
		font-size: 105%;
	}
	
	#sidebar p.parkLocation {
		padding-bottom: 0.5em;
	}

#sidebar .address {
	font-size: 1.3em;
	line-height: 1.3em;
	
	padding-top: 1.5em;
}

.parkSidebar {
	font-size: 1.1em;
}

	.parkSidebar p {
		padding: 0 0 1.0em;
	}

.parkLogo {
	margin: 0 auto 1.5em;
	text-align: center;
}

#footer {
	position: relative;
	height: 80px;
	width: 100%;
	overflow: visible;
	
	background: url(../images/footer-bg.png) no-repeat 0 0;
	font-size: 1.2em;
	
	margin: 0;
	padding: 0;
}

#footer p {
	z-index: 20;
}

	#footer p.footerleft {
		position: relative;
		float: left;
		clear: left;
		width: 45%;

		color: #868f97;

		padding: 1.0em 0 0 20px;
		margin: 0;
	}

	#footer p.footerright {
		position: absolute;
		right: 20px;
		top: 0;

		color: #868f97;
		text-align: right;
		line-height: 1.2em;

		padding: 0;
			padding-top: 0.5em;
		margin: 0;
	}

#pageBottom {
	position: relative;
	height: 60px;
	width: 980px;
	
	background-image: url(../images/page-bottom.png);
}
/* @end */

/* @group Navigation */

/* @group Main Navigation */

#navcontainer {
	position: relative;
	height: 42px;
	width: 100%;
	z-index: 30;
	
	background: url(../images/menutop.gif) repeat-x top center;
	font-size: 1.4em;

	margin: 0;
}

li.current, li.current:hover, li.current:active, li.currentAncestor, li.currenAncestor:hover, li.currentAncestor:active {
	background: url(../images/nav-current.gif) no-repeat center bottom;
}

#navcontainer ul {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 50;

	text-align: center;
	list-style: none;

	padding: 0 10px;
	margin: 0 auto;
}

#navcontainer li {
	position: relative;
	display: block;
	float: left;
	height: 42px;
	width: 160px;
	
	padding: 0;
	margin: 0;
	
	font-weight: bold;
}

#navcontainer li.Sitemap {
	display: none;
	width: 0;
	height: 0;
}

#navcontainer a {
	display: block;
	height: 29px;
	width: 100%;
	
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	
	padding: 12px 0 0;
	margin: 0;
}

	#navcontainer a:hover, #navcontainer a:active {
		color: black;
		background: none;
	}

	#navcontainer a.current, #navcontainer a.current:hover, #navcontainer a.current:active {
		color: black;
		cursor: default;
	}
	
	#navcontainer a.currentAncestor {
		color: black;
		cursor: pointer;
	}

/* Navigation - Level 2 - Child 1 */

#navcontainer ul ul {
	display: none;
	width: 30em;
	position: absolute;
	top: 42px;
	left: 0px;
	margin: 0px;
		margin-left: -98%;
	padding: 0px;
	background: #99b4e4;
	border-bottom: 1px groove #7e7e7e;
	border-right: 1px groove #7e7e7e;
	text-align: left;
	letter-spacing: 0;
	z-index: 1000;
}

#navcontainer ul ul li, #navcontainer ul ul li.current, #navcontainer ul ul li.currentAncestor {
	display: block;
	width: 100%;
	background: #99b4e4;
	border-left: 1px groove #7e7e7e;
	border-right: 1px groove #7e7e7e;
	border-top: 1px groove #7e7e7e;
	margin: 0px;
	padding: 0px;
}

#navcontainer ul ul a {
	display: block;
	padding: 10px 5px 10px 15px;
	border: 0px;
	text-transform: none;
	z-index: 1000;
}

#navcontainer ul ul .current {
	border-right: none;
}


/* Navigation - Subnav display controls */
div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul{
display:none;
}

div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul{
display:block;
z-index: 500;
}



/* @end */

/* @group Footer Navigation */


#footerNav {
	position: relative;
	float: left;
	z-index: 30;
	
	background:transparent;
	font-size: 1.1em;

	margin: 0;
	padding: 1.0em 0 0 20px;

}

	#footerNav .navLinks {
		position: relative;
	}

#footerNav li.current, #footerNav li.current:hover, #footerNav li.current:active, #footerNav li.currentAncestor, #footerNav li.currenAncestor:hover, #footerNav li.currentAcncestor:active {
	color: black;
	background: none;
}

#footerNav ul {
	position: relative;

	text-align: left;
	list-style: none;

	padding: 0;
	margin: 0;
}

#footerNav li {
	position: relative;
	display: block;
	float: left;
	
	padding: 0 10px 0 0;
	margin: 0;
	
	font-weight: bold;
}

#footerNav a {
	display: block;
	
	text-decoration: underline;
	text-transform: uppercase;
	
	padding: 0;
	margin: 0;
}

	#footerNav a:hover, #footerNav a:active {
	}

	#footerNav a.current, #footerNav a.current:hover, #footerNav a.current:active, #footerNav a.currentAncestor, #footerNav a.currentAncestor:hover, #footerNav a.currentAncestor:active {
		color: black;
		cursor: default;
		background: none;
		text-decoration: none;
	}
	
	 #footerNav a.currentAncestor {
		cursor: pointer;
	}

/* Navigation - Level 2 - Child 1 */

#footerNav ul ul {
	position: absolute;
	bottom: 1.5em;
	left: 0px;
	display: none;
	width: 30em;
	z-index: 1000;

	background: #ffffff;
	border-bottom: 1px groove #7e7e7e;
	border-right: 1px groove #7e7e7e;
	letter-spacing: 0;

	text-align: left;

	margin: 0px;
	padding: 0px;

}

#footerNav ul ul li, #footerNav ul ul li.current, #footerNav ul ul li.currentAncestor {
	display: block;
	width: 100%;
	background: #ffffff;
	border-left: 1px groove #7e7e7e;
	border-right: 1px groove #7e7e7e;
	border-top: 1px groove #7e7e7e;
	margin: 0px;
	padding: 0px;
}

#footerNav ul ul a {
	display: block;
	padding: 10px 5px 10px 15px;
	border: 0px;
	text-transform: none;
	z-index: 1000;
}

#footerNav ul ul .current {
	border-right: none;
	background-repeat: repeat-x;
}


/* Navigation - Subnav display controls */
div#footerNav ul ul, div#footerNav ul ul ul, div#footerNav ul li:hover ul ul, div#footerNav ul li:hover ul ul ul, div#footerNav ul li:hover ul ul ul ul, div#footerNav ul li:hover ul ul ul ul ul{
display:none;
}

div#footerNav ul li:hover ul, div#footerNav ul ul li:hover ul, div#footerNav ul ul ul li:hover ul, div#footerNav ul ul ul ul li:hover ul, div#footerNav ul ul ul ul ul li:hover ul{
display:block;
z-index: 500;
}


/* @end */

/* @end */

/* @group Form */

.contacts img {
	vertical-align: middle;
	padding: 2px 0;
}

.portfolioitem .details {
	float: right;
	line-height: 16px;
	width: 320px;
	padding-left: 20px;
}

.portfolioitem h3 {
	color: #54a1ac;
}

.portfolioitem {
	float: left;
	position: relative;
	margin: 10px 0;
}

.portfolioitem .corner {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 85px;
	height: 85px;
}

.bordersub {
	border: 1px solid #dbd6d2;
	background: #FFFFFF;
	padding: 8px;
}

form input {
	background-color: #FAFAFA;
	background-image: url("../images/bg_box.gif");
	color: #484848;
	padding: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

form textarea {
	vertical-align: top;
}

form input[type=radio],
form input[type=checkbox] {
	border: none;
}

input[type=text],
input[type=password],
textarea {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background: #fff url('../images/bg_box.gif') repeat-x top left;
	border: 1px solid #b8b8b8;
	padding: 5px 8px;
	margin: 2px 0px;
}

input[type=text]:focus,
input[type=password]:focus {
	background: #fff url('../images/bg_box.gif') repeat-x top left;
}

input[type=submit],
input[type=button],
input[type=image],
input[type=reset],
textarea:focus {
	background: none;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
	width: auto;
	margin: 2px 10px;
}

* input[type=image] {
	background: none;
}

/* @end */

/* @group Sitemap */

#sitemap ul ul {
	padding-top: 1.0em;
	padding-bottom: 0;
}

#sitemap ul ul li {
	padding-bottom: 1.0em;
}

/* @end */