/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
General Stuff
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

html, body {
  height: 100%
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  min-width: 1010px;
}

.Clear {
clear: both;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Fonts
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

A {
	color:#2f5b95;
	font-weight:bold;
	text-decoration:none;
}
	
A:Visited {
	color:#3399CC;
	font-weight:bold;
	text-decoration:none;
}
	
A:Hover {
	color:#3399CC;
	font-weight:bold;
	text-decoration:none;
}

A.HeaderLink {
	color:#2f5b95;
	font-weight:bold;
	text-decoration:none;
	font-size: 16px;
}
	
A.HeaderLink:Visited {
	color:#3399CC;
	font-weight:bold;
	text-decoration:none;
	font-size: 16px;
}
	
A.HeaderLink:Hover {
	color:#3399CC;
	font-weight:bold;
	text-decoration:none;
	font-size: 16px;
}


h1 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0em;
}

h2 {
  font-size: 14px;
  text-transform: uppercase;
}

h3 {
  font-size: 12px;
  text-transform: uppercase;
}

h4 {
  font-size: 8px;
  text-transform: uppercase;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Main Page Layout
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#MainWrapper {
  width: 1010px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-image: url("../images/MainLayout/Background.jpg");
  background-repeat: repeat-y;
}

#LH_Col {
  width: 250px;
  float: left;
  padding-left: 20px;
  padding-right: 5px;
}

#RH_Col {
  width: 705px;
  float: left;
  padding-left: 5px;
  padding-right: 25px;
  text-align: justify;
}

#FullWidth_Col {
  width: 960px;
  float: left;
  padding-left: 20px;
  padding-right: 5px;
}

.ContentBackgroundBoxWrapper {
  width: 300px;
  float: left;
  padding-left: 20px;
  padding-bottom: 10px;
  text-align: center;
}


.ContentBackgroundBox {
  width: 252px;
  height: 361px;
  background-image: url("../images/SelectionBackground.jpg");
  float: left;
  padding-top: 1px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
News Articles
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#NewsMainStoryImage {
width: 300px;
float: left;
}

#NewsMainStory {
width: 400px;
float: left;
}

#BelowNews {
width: 700px;
float: left;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Photo Gallery Backgrounds
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PhotoPadding {
	width: 320px;
	height: 300px;
	text-align:center;
	border-width: thick;
	border-color:#000000;
	float: left;
}

.test {
  	background-image: url("../images/400dPortrait.jpg");
	width: 129px;
	height: 185px;
	background-repeat: no-repeat;
	margin:0px auto;
}

.test2 {
  	background-image: url("../images/400dLandscape.jpg");
	width: 267px;
	height: 185px;
	background-repeat: no-repeat;
	margin:0px auto;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Top Banner
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.LayoutLine1-1 {
  width: 985px;
  height: 14px;
  background-image: url("../images/MainLayout/LayoutLine1-1.jpg");
  float: left;
}

.LayoutLine1-2 {
  width: 25px;
  height: 14px;
  float: left;
  background-color: #ffffff;
}

.LayoutLine2-1 {
  width: 82px;
  height: 23px;
  background-image: url("../images/MainLayout/LayoutLine2-1.jpg");
  float: left;
}

.HomeOff {
  width: 69px;
  height: 23px;
  background-image: url("../images/MainLayout/Home-Off.jpg");
  float: left;
}

.LayoutLine2-2 {
  width: 16px;
  height: 23px;
  background-image: url("../images/MainLayout/LayoutLine2-2.jpg");
  float: left;
}

.ParksOff {
  width: 69px;
  height: 23px;
  background-image: url("../images/MainLayout/Parks-Off.jpg");
  float: left;
}

.LayoutLine2-3 {
  width: 15px;
  height: 23px;
  background-image: url("../images/MainLayout/LayoutLine2-3.jpg");
  float: left;
}

.RidesOff {
  width: 68px;
  height: 23px;
  background-image: url("../images/MainLayout/Rides-Off.jpg");
  float: left;
}

.LayoutLine2-4 {
  width: 14px;
  height: 23px;
  background-image: url("../images/MainLayout/LayoutLine2-4.jpg");
  float: left;
}

.FeaturesOff {
  width: 107px;
  height: 23px;
  background-image: url("../images/MainLayout/Features-Off.jpg");
  float: left;
}

.LayoutLine2-5 {
  width: 16px;
  height: 23px;
  background-image: url("../images/MainLayout/LayoutLine2-5.jpg");
  float: left;
}

.ContactOff {
  width: 108px;
  height: 23px;
  background-image: url("../images/MainLayout/Contact-Off.jpg");
  float: left;
}

.LayoutLine2-6 {
  width: 421px;
  height: 23px;
  background-image: url("../images/MainLayout/LayoutLine2-6.jpg");
  float: left;
}

.LayoutLine2-7 {
  width: 25px;
  height: 23px;
  float: left;
  background-color: #ffffff;
}

.LayoutLine3-1 {
  width: 1010px;
  height: 53px;
  background-image: url("../images/MainLayout/LayoutLine3-1.jpg");
  float: left;
}

.LayoutLine4-1 {
  width: 1010px;
  height: 69px;
  background-image: url("../images/MainLayout/LayoutLine4-1.jpg");
  float: left;
}

.LayoutLine5-1 {
  width: 323px;
  height: 46px;
  background-image: url("../images/MainLayout/LayoutLine5-1.jpg");
  float: left;
}

.LayoutLine5-2 {
  width: 687px;
  height: 46px;
  background-image: url("../images/MainLayout/LayoutLine5-2.jpg");
  float: left;
}

.LayoutLine6-1 {
  width: 323px;
  height: 90px;
  background-image: url("../images/MainLayout/LayoutLine6-1.jpg");
  float: left;
}

.LayoutLine6-2 {
  width: 687px;
  height: 90px;
  background-image: url("../images/MainLayout/LayoutLine6-2.jpg");
  float: left;
}

.LayoutLine7-1 {
  width: 1010px;
  height: 38px;
  background-image: url("../images/MainLayout/Footer.jpg");
  float: left;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
FireFox Float Fix
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Rating Systems
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}