body {
  	background: #000000 url("images/frame/bg.jpg") top center no-repeat;
  	margin: 0px;
  	padding: 0px;
  	color: #FFFFFF;
  	font-family: Arial, Verdana;
  	font-size: 12px;
}







/* Generic Styles */


p, div, table, tr, td, ul, li, object {
	margin: 0px;
	padding: 0px;
	text-align: left;
}


.padding {
	padding: 10px;
}


.makebold {
	font-size: 14px;
	border-bottom: 1px #FFFFFF solid;
	margin-bottom: 10px;
}



.overflow {
	overflow: auto;
}



#clear {
	clear: both;
}



a {
	color: #FF0000;
	text-decoration: none;
}



a:hover {
	color: #CCCCCC;
	text-decoration: none;
}







/* Users pictures */



#picture {
	padding: 2px;
	border: 1px solid #CECECE;
  	background-color: #FFFFFF;

}







/* Site Layout */



#main {

	width: 895px;

	height: auto;

	padding-left: 7px;

}



#top {

	width: 801px;

	height: 150px;

	text-align: right;

	padding-top: 8px;

	padding-left: 92px;

}



#nav {

	width: 186px;

	height: 313px;

	background: url('images/frame/nav.jpg');

	padding-top: 0px;

	padding-left: 39px;

	float: left;

	display: inline;
	
	margin-right: 9px;

}


#nav .contact {

	height: 25px;

}



#flash {
	width: 657px;
	height: 311px;
	padding-top: 2px;	
	padding-left: 2px;	
	float: left;
	display: inline;
	background: url('images/frame/flash.jpg');
}



#news {
	width: 612px;
	height: 435px;
	background: url('images/frame/newsNew.jpg');
	padding-left: 50px;
	padding-top: 65px;
	float: left;
	display: inline;
}



#newsText {
	width: 600px;
	height: 425px;
	overflow: auto;
}



#tour {
	width: 226px;
	height: 435px;
	background: url('images/frame/tourNew.jpg');
	float: left;
	display: inline;
	padding-top: 65px;
	padding-left: 5px;
}



#tourText {
	width: 200px;
	height: 420px;
	overflow: auto;
}




#login {

	width: 201px;

	height: 135px;

	background: url('images/frame/login.jpg');

	float: left;

	display: inline;

	padding-left: 15px;

	padding-top: 65px;

}



#login p {

	padding-bottom: 4px;

}



#content {

	width: 853px;

	height: 164px;

	background: #2d1515 url('images/frame/content.jpg') top left no-repeat;

	padding-left: 43px;

	padding-top: 15px;

	padding-bottom: 50px;

}



#footer {

}



#footer p {

	text-align: center;

}

.clear {
	clear: both;
}






/* Sub Styles */

#submain {
	
	background: url('images/frame/leftsidebg.jpg') repeat-y top right;
}

#bottomoflogo {
	width: 861px;
	height: auto;
	padding-left: 32px;
	background: url('images/frame/bottomoflogo.png') top left no-repeat;
}



#subnav {
	width: 860px;
	height: 32px;
	background: url('images/frame/secondarynav.jpg') top left no-repeat;
	padding-left: 2px;
}



#subnav ul {

	list-style: none;

}



#subnav li {

	float: left;

	display: inline;

}



#subnav li a {

 	width: 78px;

 	height: auto;

	display: block;

	color: #FFFFFF;

	font-size: 10px;

	font-weight: 800;

	text-align: center;

	padding-top: 9px

}



#subnav a:hover {

	color: #666666;

}



#leftMainContent {

	width: 218px;

	height: auto;

	float: left;

	display: inline;

}



#leftHeader {

	width: 184px;

	height: 53px;

	background: url('images/frame/leftHeader.jpg');

	font-size: 22px;

	padding-top: 20px;

	padding-left: 20px;

	padding-right: 14px;

}



#leftContent {

	width: 184px;

	height: auto;

	background: url('images/frame/leftContent.jpg') no-repeat;

	padding-left: 20px;

	padding-right: 14px;

	padding-bottom: 25px;

}



#leftBottom {

	width: 218px;

	height: 21px;

	background: #2a1814 url('images/frame/leftBottom.jpg') no-repeat top left;

	padding-bottom: 50px;

}



#rightMainContent {

	width: 643px;

	height: auto;

	float: left;

	display: inline;	

}



#rightHeader {

	width: 612px;

	height: 53px;

	background: url('images/frame/rightHeader.jpg');

	font-size: 22px;

	padding-top: 20px;

	padding-left: 14px;

	padding-right: 15px;	

}



#rightContent {

	width: 612px;

	background: url('images/frame/rightContent.jpg') no-repeat;

	padding-left: 14px;

	padding-right: 15px;

	padding-bottom: 25px;

}



#rightBottom {

	width: 641px;

	height: 21px;

	background: #2a1814 url('images/frame/rightBottom.jpg') no-repeat top left;

	padding-bottom: 50px;

}







/* Bio Stuff */



#TopBioStuff {

	width: 863px;

	height: 281px;

}



#bioImage {

	width: 319px;

	height: 281px;

	float: left;

	display: inline;

	background: url('images/frame/bioImage.jpg');

}



#bioTextContent {

	width: 543px;

	height: 281px;

	float: left;

	display: inline;

}



#bioText {

	width: 498px;

	height: 100px;

	background: url('images/frame/bioText.jpg');

	padding-left: 30px;

	padding-right: 11px;

	padding-top: 65px;

	padding-bottom: 15px;

}



#bioTextText {

	width: 498px;

	height: 100px;

	overflow: auto;

}



#bioLinks {

	width: 541px;

	height: 101px;

	background: url('images/frame/bioLinks.jpg');

}



#BottomBioStuff {

	width: 860px;

	height: 429px;

}



#bioBlog {

	width: 410px;

	height: 360px;

	padding-left: 20px;

	padding-top: 69px;

	background: url('images/frame/bioBlog.jpg');

	float: left;

	display: inline;

}

#bioBlogText {
	width: 400px;
	height: 200px;
	overflow: auto;
}

#bioTours {

	width: 201px;

	height: 360px;

	padding-top: 69px;

	padding-left: 15px;

	background: url('images/frame/bioTours.jpg');

	float: left;

	display: inline;
	
	overflow: auto;

}

#bioToursText {
	width: 190px;
	height: 200px;
	overflow: auto;
}


#bioVideos {

	width: 198px;

	height: 360px;

	padding-top: 69px;

	padding-left: 15px;

	background: url('images/frame/bioVideos.jpg');

	float: left;

	display: inline;

}



#bioTopStuff123 {

	margin-left: -325px;

	left: 50.0%;

	position: absolute;

	top: 58px;

	width: 775px;

	height: 100px;

	overflow: auto;

	overflow-y: hidden;

}



#bioTopStuff123 a {

	padding-left: 10px;

	padding-right: 10px;

	display: inline;

}


/* Tabberlive */

.tabberlive .tabbertabhide {
  display:none;
}

.tabber {
}

.tabberlive {
  margin-top:1em;
  margin-left: 5px;
  margin-right: 5px;
}

ul.tabbernav {
  margin:0;
  padding: 3px 0;
  border: 1px solid #666666;
  font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline;
}

ul.tabbernav li a {
  padding: 3px 0.5em;
  margin-left: 0px;
  border-right: 1px solid #666666;
  border-bottom: none;
  background: #cccccc;
  text-decoration: none;
}

ul.tabbernav li a:link { 
  color: #000;
}

ul.tabbernav li a:visited { 
  color: #111; 
}

ul.tabbernav li a:hover {
  color: #000000;
  background: #FFFFFF;
  border-color: #666666;
}

ul.tabbernav li.tabberactive a {
  background-color: #d8e8fc;
  border-bottom: 1px solid #d8e8fc;
}

ul.tabbernav li.tabberactive a:hover {
  color: #000;
  background: #d8e8fc;
  border-bottom: 1px solid #d8e8fc;
}

.tabberlive .tabbertab {
  padding:5px;
  border:0px solid #aaa;
  background: #FFFFFF url("images/frame/tabbg.jpg") repeat-x 50% 0;
  border-top:0;
  color: #000;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
  display:none;
}
.tabberlive .tabbertab h3 {
  display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertab {
  height:200px;
  overflow:auto;
}







	div.login {
		top: 0;
		left: 50%;
		margin-left: -330px; 
		width: 660px;
		height: 100px;
		position: absolute;
		padding-left: 105px;
		padding-top: 10px;
		text-align: right;

	}
	#postComment {
		width: 590px;
		height: 100px;
		background: #eee;
		color: #333;
		font-size: 12px;
		font-family: arial;
		padding: 5px;
		border: 1px solid #000;
	}
	input, textarea {
		background: #eee;
		color: #333;
		font-size: 12px;
		font-family: arial;
		padding: 5px;
		border: 1px solid #000;
	}
	input:hover, textarea:hover, input.register:hover, textarea.register:hover {
		border: 1px solid #FFF;
		background: #333;
		color: #eee;
	}
	textarea {
		width: 95%;
	}
	input.register {
		width: 590px;
		background: #eee;
		color: #333;
		font-size: 12px;
		font-family: arial;
		padding: 5px;
		border: 1px solid #000;
	}
	textarea.register {
		width: 590px;
		height: 400px;
		background: #eee;
		color: #333;
		font-size: 12px;
		font-family: arial;
		padding: 5px;
		border: 1px solid #000;
	}
	#submitr, .go {
		font-size: 18px;
		text-transform: uppercase;
		color: #000;
		background: #777;
		padding: 10px;
		border: 2px solid #444;
		cursor: pointer;
	}
	#submitr:hover, .go:hover {
		font-size: 18px;
		text-transform: uppercase;
		color: #FFF;
		background: #333;
		padding: 10px;
		border: 2px solid #777;
		cursor: pointer;
	}

	.topflashpiece {
		margin-top: 32px;
	}
	
	
	
	
	
	
	
/* NAVIGATION */

/* Navigation */

#navigation {
	width: 860px;
}

#navbar {
  	margin: 0 0 0 -1px;
}

#navbar ul {
}

#navbar li {
  	list-style: none;
  	float: left;
  	margin-left: 0px; /* Sets the blank space on the main navigation left */
  	margin-right: 0px; /* Sets the blank space on the main navigation right */
  	padding: 0px;
  	margin-top: 0px;
  	margin-bottom: 0px;
}

#navbar li a, #navbar li a:visited { /* sets the main nav a properties */
  	display: block;
  	text-decoration: none;
  	padding-top: 10px;
  	margin: 0px;
  	text-transform: capitalize;
  	font-size: 10px;
    font-family: Trebuchet, Arial;
    letter-spacing: 0px;
  	color: #ffffff;
	font-weight: normal;
	width: 78px;
	height: 22px;
	background: url('images/frame/secondaryNavOFF.png') no-repeat;
}

#navbar li:hover a {
	color: #ffffff;
	background: url('images/frame/secondaryNavON.png') no-repeat;
}


#navbar li ul {
  	display: none;
  	width: auto; /* Width to help Opera out */
  	z-index: 10;
}

#navbar li:hover ul, #navbar li.hover ul { /* this is used for the drop down ul properties */
  	display: block;
  	position: absolute;
  	border: 1px solid #000;
	text-align: left;
	margin: 0px;
	width: 126px;
	padding: 5px 0px 0 5px;
	background: #a3481b;
}

#navbar li:hover li, #navbar li.hover li { /* this is used for the drop down li */
  	float: none;
  	margin: 0px;
}

#navbar li:hover { /* sets the main navigation hover state for the li */
	margin: 0;
	padding: 0;
}

#navbar li:hover li a, #navbar li.hover li a { /* this is used for the drop down a properties */
  	margin: 0px;
  	padding: 5px 5px 0 5px;
  	font-size: 11px;
	text-align: left;
    color: #fff;
    letter-spacing: 0px;
	background: url('images/frame/subnavON.jpg') top center no-repeat;
	width: 111px;
}

#navbar li:hover li a:hover, #navbar li.hover li a:hover { /* this is used for the drop down a:hover properties */
  	color: #000;
	background: url('images/frame/subnavON.jpg') top center no-repeat;
}
#navbar li:hover li:hover { /* this is used for the drop down li hover properties */
  	background-color: #000000;
}

























label { display: block; } 

.infiniteCarousel {
  width: 861px;
  position: relative;
  margin: 0 0 0 -1px;
}

.infiniteCarousel .wrapper {
  width: 861px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 200px;
  margin: 0 0px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 0px solid #000;
}

.infiniteCarousel .wrapper ul {
  width: 861px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0px;
  height: 200px;
  width: 861px;
}

.infiniteCarousel ul li img {
}

.infiniteCarousel ul:hover li img {
}

.infiniteCarousel ul:hover li:hover img {
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  text-indent: -9999px;
  position: absolute;
  top: 75px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel .forward {
  background: url('images/icons/right.png');
  right: 0;
}

.infiniteCarousel .back {
  background: url('images/icons/left.png');
  left: 0;
}

.infiniteCarousel .forward:hover {
  
}

.infiniteCarousel .back:hover {
  
}

#homeflash {
	width: 862px;
	height: 200px;
}


























/* Star Rating - Provided by: http://www.search-this.com/2007/05/23/css-the-star-matrix-pre-loaded/ */

.rating {
  width: 80px;
  height: 16px;
  margin: 10px 0px 20px 10px;
  padding: 0;
  list-style: none;
  clear: both;
  position: relative;
  background: url(images/star-matrix.gif) no-repeat 0 0;
}
ul.rating li {
  cursor: pointer;
  /*ie5 mac doesn't like it if the list is floated but ie6 does\*/
  float: left;
  /* end hide*/
  text-indent: -9999em;/* hide text*/
}
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;
}

.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 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;
}

