html, body {
	height: 100%;
}

body {
 background-color: #999999;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
 padding-top: 15px;
}

h3 {
 font-size: 1.2em;
 font-weight:bold;
 letter-spacing: 1px;
 text-decoration: underline;
}

h1 {
 font-size: 2em;
}

em {
 font-weight: bold;
 font-style: normal;
}

img {
 border-style: none;
}

a {
 color: #333333;
 text-decoration: underline;
}
a:hover {
 color: #666666;
 text-decoration: underline;
}

ul {
 list-style-type: none;

}


#topnav {
background-image: url("img/ttt.gif");
 background-color: #FFFFFF;
 vertical-align: top;
 text-align:right;
 padding: 0px 30px 5px 0px;
 height: 11px;
 font-weight: bold;
 font-size: 11px;
 letter-spacing: 1px;
}

#topnav a:link, #topnav a:visited, #topnav a:active {
 text-transform: uppercase;
 text-decoration:none;
 background-color: #CCCCCC;
 padding: 1px 6px 1px 6px;
 text-decoration: none;
 color: #333333;

border-top: 2px solid #fff;
border-left: 2px solid #fff;
border-right: 2px solid #666;
border-bottom: 2px solid #666;

}

#topnav a:hover {
 background-color: #999999;
 text-decoration: none;
 color: #FFFFFF;
border-top: 2px solid #666;
border-left: 2px solid #666;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;

}

#container {
 border: 0px solid #333333;
 width: 800px;
 background-color: #FFFFFF;
 padding: 0px;
}

#header {
 background-image: url("img/banner.gif");
 border: 0px solid #333333;
 background-color: #FFFFFF;
 color: #FFFFFF;
 vertical-align: top;
 text-align: left;
 height: 100px;
 padding: 10px;
}
 
.contentblock {
 border: 0px solid #333333;
 vertical-align: top;
 text-align:left;
 padding: 2px 2px 2px 2px;
 margin-top: 6px;
 margin-bottom: 6px;
margin-left:6px;
 font-size: 11px;
}

.vidblock {
 border: 0px solid #333333;
 vertical-align: top;
 text-align:left;
 padding: 20px 260px 20px 260px;

}



.leftnavheader {
 border: 1px solid #666666;
 padding: 2px 2px 2px 2px;
 margin: 5px 5px 1px 5px;
 background-color: #333333;
 color: #FFFFFF;
 font-weight:bold;
 text-decoration:none;
 font-size: 12px;
}

#leftcol {
 background-color: #FFFFFF;
 text-align:left;
 width: 140px;
 padding: 0px 5px 0px 5px;
 margin-top: 6px;
 margin-bottom: 6px;
 margin-left: 10px;
}


#leftnav ul {
 margin: 0; 
 padding: 5px 5px 5px 5px;
 list-style-type: none;
  border: 1px solid #333333;
} 

.contact{
 padding: 5px 5px 5px 5px;
 list-style-type: none;
} 


#leftnav li {
 width:130px;
 
} 

#leftnav a:link, #leftnav a:visited, #leftnav a:active {
 display: block;
 color: #333333;
 padding: 0px 5px 0px 5px;
 border: 1px solid #FFFFFF;
 text-decoration: none; /*lets remove the link underlines*/
} 

#leftnav a:hover {
 display: block;
 padding: 0px 5px 0px 5px;
 border: 1px solid #333333;
 background: #666666;
 color: #FFFFFF;
 text-decoration: none; /*lets remove the link underlines*/
}


.park-img-right { 
float: right;
	 border: 0px solid #CCCCFF; 
	 display: block; 
	 margin: 0px 0px 0px 0px; 
	 padding: 14px; 
	 position: relative; 
	} 
 
 .park-img-left { 
	float: left;
	 border: 0px solid #CCCCFF; 
	 display: block; 
	 margin: 20px 5px 0px 5px; 
	 padding: 4px; 
	 position: relative; 
	} 

#footer {
 margin-top: 6px;
 clear: both; /* FIXED MAJOR LAYOUT ISSUE */
 border: 1px solid #333333;
 background-color: #CCCCCC;
 color: #333333;
 vertical-align: bottom;
 text-align: center;
 padding: 4px;
 padding-right: 15px;
 font-weight: bold;
 font-size: .8em;
 letter-spacing: 1px;
}
#footlink  a:link, #footlink a:visited, #footlink a:active {
	text-transform: uppercase;


}



h1, h2, h3 {
	margin-top: 0px;
}


h2 {
	font-size: 24px;
	font-weight: normal;
	color: #7d0d01;
}


p, ol, ul {
	margin-top: 0px;
	margin-bottom: 16px;
	text-align: justify;
	line-height: 160%;
}

a img {
	border: none;
}

img.border {
	padding: 4px;
	border: 1px solid #C3C3C3;
}

img.alignleft {
	float: left;
	margin: 0px 25px 0px 0px;
}

img.alignright {
	float: right;
	margin: 0px 0px 0px 25px;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

.list1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	line-height: 180%;
}

.list1 li {
	padding-left: 14px;
	background: url(img/homepage11.gif) no-repeat left center;
}

/** WRAPPER */

#wrapper {
}


/** LOGO */

#logo {
	float: left;
	width: 400px;
	height: 81px;
	background: url(img/homepage03.jpg) no-repeat left top;
}

#logo h1, #logo p {
	margin: 0px;
	text-indent: -999em;
	line-height: normal;
}

#logo h1 a {
	display: block;
	height: 70px;
}

/** TOPMENU */

#topmenu {
	float: right;
	height: 41px;
	padding: 40px 0px 0px 0px;
	background: url(img/homepage04.jpg) no-repeat right top;
}

#topmenu p {
	margin: 0px;
	padding: 0px 25px 0px 0px;
	line-height: normal;
	color: #ACACAC;
}

#topmenu a {
	padding: 0px 10px;
	color: #ACACAC;
}

/** HEADER2 */

#header2 {
	width: 808px;
	height: 32px;
	margin: 0px auto;
	padding: 1px 27px;
	background: #323232;
}

/** MENU */

#menu {
	float: left;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal
}

#menu li {
	float: left;
	height: 23px;
	padding: 9px 13px 0px 13px;
}

#menu a {
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .active {
	background: #bc4f4a;
}

#menu .active a {
	color: #FFFFFF;
}

/** SEARCH */

#search {
	float: right;
	width: 220px;
}

#search form, #search fieldset {
	margin: 0px;
	padding: 0px;
}

#search fieldset {
	padding-top: 6px;
	border: none;
}

#search input {
	float: left;
}

#search .input-text {
	width: 170px;
	height: 15px;
	padding: 3px 5px;
	background: #FFFFFF;
	border: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C0C0C0
}

#search .input-image {
	margin-left: 8px;
}

/** PAGE */

#page {
	width: 810px;
	margin: 0px auto;
	padding: 25px 25px 0px 25px;
	background: #FFFFFF;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
}

.wide #page {
}

/** CONTENT */

#content {
	float: left;
	width: 505px;	
}

.home #content {
	width: 465px
}

.two-columns {
}

.two-columns .column1 {
	float: left;
	width: 220px;
}

.two-columns .column2 {
	float: right;
	width: 220px;
}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 258px;	
}

.home #sidebar {
	width: 297px;
}


/** BOX1 */

#box1 {
	width: 862px;
	margin: 0px auto;
}


/*---------------------------- HPC Classes -------------------------------------------------*/

input, textarea, select {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}	

.Grid
{
	border: solid 1px #64642e;
	border-left: none;
	border-right: none;
}

.Grid td
{
	border: solid 1px #64642e;
	border-left: none;
	border-right: none;
}

.Grid th
{
	border: solid 1px #64642e;
	border-left: none;
	border-right: none;
}

.tb_grid {
  
  width: 100%;  
  font-size: 11px;
  border-left: none;
  border-right: none;
}

.dataGrid TD {
	BORDER-BOTTOM: #d9d9d9 1px solid;
	border-left: none;
	border-right: none;
}

.dataGrid TH {
	BORDER-BOTTOM: #d9d9d9 1px solid;
	white-space: nowrap;
	border-left: none;
	border-right: none;
}

.GridRow
{
    background-color: #F9F9F9;
    height:22px;
    border-left: none;
	border-right: none;
}

.GridAltRow
{
    background-color: #E5E5E5;
    height:22px;
    border-left: none;
	border-right: none;
}

.GridHeaderTR {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
	FONT-FAMILY: arial, san-serif; 
	BACKGROUND-COLOR: #671C05; 
	TEXT-DECORATION: none;  
	height: 22px;
}

.GridHeaderTR a {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
	FONT-FAMILY: arial, san-serif;
	cursor: hand;
}

.GridHeaderTR a:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
	FONT-FAMILY: arial, san-serif;
	cursor: hand;
}

.GridHeaderTR a:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
	FONT-FAMILY: arial, san-serif;
	cursor: hand;
}

.GridHeaderTR a:hover {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
	FONT-FAMILY: arial, san-serif;
	cursor: hand;
}

.upperleft {
	BACKGROUND-POSITION: left top; 
	BACKGROUND-IMAGE: url(img/upperleft.png); 
	MARGIN-LEFT: auto; 
	WIDTH: 100%; 
	MARGIN-RIGHT: auto; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-COLOR: #f4f4f4
}
.upperright {
	BACKGROUND-POSITION: right top; 
	BACKGROUND-IMAGE: url(img/upperright.png); 
	BACKGROUND-REPEAT: no-repeat
}
.lowerleft {
	BACKGROUND-POSITION: left bottom; 
	BACKGROUND-IMAGE: url(img/lowerleft.png); 
	BACKGROUND-REPEAT: no-repeat
}
.lowerright {
	PADDING-RIGHT: 15px; 
	BACKGROUND-POSITION: right bottom; 
	PADDING-LEFT: 15px; 
	BACKGROUND-IMAGE: url(img/lowerright.png); 
	MARGIN-BOTTOM: 0px; 
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 8px; 
	BACKGROUND-REPEAT: no-repeat 
}


.formContainerInput {
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 3px; 
	BACKGROUND: #e4e4e4; 
	PADDING-BOTTOM: 3px; 
	MARGIN: 5px 0px 15px; 
	LINE-HEIGHT: 1.2; 
	PADDING-TOP: 3px; 
}

.h1Title{
    font-size: 24px;
	font-weight: normal;
	color: #7d0d01;
}

H1 SPAN {
	PADDING-LEFT: 6px; 
	FONT: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	COLOR: #4D9AE4;
}
H1 SPAN A {
	FONT: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	COLOR: #4D9AE4;
}

.right 
{	
	TEXT-ALIGN: left
}

.right .col 
{
	PADDING-RIGHT: 6px; 
	MIN-WIDTH: 175px; 
	PADDING-LEFT: 6px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px
}

.right .col-highlight 
{
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	BACKGROUND: url(img/bg_left.gif) no-repeat left top; 
	PADDING-BOTTOM: 50px; 
	LINE-HEIGHT: 14px; 
	MARGIN-RIGHT: 9px; 
	PADDING-TOP: 15px; 
	HEIGHT: auto
}

.right .col-close 
{
	BACKGROUND: url(img/bg_right.gif) no-repeat left top; 
	FLOAT: right; 
	WIDTH: 15px; 
	COLOR: #f1f1f1; 
	HEIGHT: 190px
}

.icon-menu {

}

DL.icon-menu {
	MARGIN-TOP: 15px;
	padding: 5px 5px 5px 5px;
}

DL.icon-menu DT {
	FLOAT: left; 
	WIDTH: 25px; 
	HEIGHT: 40px
}

DL.icon-menu DD {
	FONT-SIZE: 11px; 
	PADDING-BOTTOM: 3px; 
	MARGIN-LEFT: 25px; 
	COLOR: #757575
}

DL.icon-menu DD A {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px
}

DL.icon-menu DD.last {
	MARGIN-BOTTOM: 8px
}

.dataGrid TD {
	BORDER-BOTTOM: #d9d9d9 1px solid;
	border-top: #d9d9d9 1px solid;
	border-left: #d9d9d9 1px solid;
	border-right: #d9d9d9 1px solid;
	
}

.dataGrid TH {
	BORDER-BOTTOM: #d9d9d9 1px solid;
	border-top: #d9d9d9 1px solid;
	border-left: #d9d9d9 1px solid;
	border-right: #d9d9d9 1px solid;
	
}

.inputFormGrey
{    
    background-color: #e9e9e9; 
    border: solid 1px #d9d9d9; 
    padding: 5px 5px 5px 5px;
    
}

.radr_itemsList li
{
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; MARGIN-LEFT: 25px; LINE-HEIGHT: 13px; PADDING-TOP: 2px; overflow:visible;
}

.radr_itemsList LI IMG {
	PADDING-RIGHT: 3px
}
