/* CSS by Whistle Communications - http://www.whistlecommunications.co.uk */

/* ---------- reset rules start here ---------- */
/* v1.0 | 20080212


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup 
table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

/* ---------- site rules start here ---------- */

body { 
	font-size: 57.5%; 
	font-family: georgia,times,serif;
	background: #ebdbb7 url(../images/UATG-bg.jpg) no-repeat fixed top center;
}

a img {
	border: none;
}

.clear {
	border: 0;
	clear: both;
	display: block;
	float: none;
	margin: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.B_crumbBox {}

.B_crumbBox, .B_crumbBox a, .B_crumbBox a:visited {
	color: #b5b292;
	text-decoration: none;
}

.B_crumbBox a:hover {
	color: #837e49;
	text-decoration: underline;
}

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	color: #af7915;
	font-size: 3em;
}

input, select, textarea {
	border: 1px solid #b5b292;
	font-size: 1.1em;
	font-family: georgia,times,serif;
}

.container {
	margin:30px auto;
	width:980px;
	height:520px;
	z-index:0;
}

.left {
	width: 220px;
	float: left;
	margin-right:10px;
	padding-bottom: 30px;
}

.showContent {
	background:#b09e8e;
	width:730px;
	height:500px;
	float:right;
	z-index:2;
	margin-left:-400px;
}

.contentWrapper {
	position:relative;
	width: 400px;
	height:500px; 
	float: left;
	z-index:9;
}

#content {
	background:#fff;
	/*opacity:0.9;
	filter:alpha(opacity = 90);
	zoom:1;*/
	width: 360px;
	height:460px; 
	float: left;
	z-index:10;
	padding:20px;
	position: relative;
}

#content .menus {
	width: 400px;
	height: 500px;
	padding: 0;
}

#content p, #content li {
	font-family: georgia,times,serif;
	font-size: 1.2em;
}

#content li table p {
	font-size: 1em;
}

#content td ul {
	padding: 0;
	margin-left: 20px;
}

#content img {
	border: 1px solid #b5b292;
	padding: 5px;
}

#content table.signup {
	font-size: 1.2em;
}

#content table.signup span {
	color: red;
}

#content p a, #content p a:visited, #content td a, #content td a:visited {
	color: #000;
	text-decoration: underline;
}

#content p a:hover, #content td a:hover {
	color: #b5b292;
	text-decoration: underline;
}

#content.home {
	background: transparent url(../images/UATG-homeContentBg.png);
	width: 280px;
	height:380px; 
	float: left;
	z-index:10;
	margin:40px;
}

#content .errors {
	font-size: 1.2em;
	border: 1px solid #ff0000;
	padding: 2px 5px;
}

#content .required {
	color: #ff0000;
}

.homeText {
	padding: 0;
	color: #fff;
}

.homeText h2 {
	color: #fff;
	font-size: 4em;
	padding: 0;
	margin: 0;
}

#content .homePromos {
	margin-top: 75px;
}

#content .homePromo img, .homePromo a img {
	padding: 0;
	border: 0;
	margin-bottom: 10px;
}

.index {
	display:none;
}


.right {
	float:left;
	position:relative;
	width:730px;
	height:500px;
	background:transparent url(../images/UATG-contentBg.png) no-repeat top left;
	padding:10px;
}

#booking label {
	display: block;
	float: left;
	width: 110px;
	height: 25px;
	vertical-align: top;
}

.errors {
	font-size: 1em;
	color: red;
}

#scroller h2, #noscroll h2 {
	color: #af7915;
	font-size: 2.4em;
}

#noscroll { 
	width: 400px; /* longer than clip for custom button pos. */
	height: 480px;
	background: transparent url(../images/BL-scroller-background.gif) no-repeat 0 0; 
	overflow: hidden;
	margin: 0;
	padding-left: 20px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
}

#noscroll li {
	width: 340px;
}

#showhideWrapper {
	position:relative;
	float:right;
	z-index:25;
	margin-top:-30px;
	padding:7px 0 0 10px;
	width:185px;
	height:23px;
	background:#fff;
	opacity:0.7;
	filter:alpha(opacity = 70);
	zoom:1;
	color:#866f5b;
}

#showhideButton {
	color:#866f5b;
	font-weight: bold;
	font-size: 11px;
	text-decoration:none;
	cursor: pointer;
}

#showhideButton:focus {
	outline: none;
}

.footer {
	position: relative;
	padding:500px 0 0 0;
	color: #866f5b;
	font-size:1.1em;
	line-height: 1.4em;	
	text-align: right;
}

.footer a, .footer a:visited  {
	color: #866f5b;
	text-decoration: none;
}

.footer a:hover  {
	color: #5e4836;
	text-decoration: none;
}

/* ---------- main nav rules start here ---------- */

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding-left: 0;
  width: 175px;
  font-size: 1.2em;
}

ul.menu {
	padding-left: 7px;
}

ul.menu ul {
	padding: 5px 0 5px 15px;
	margin-top: 10px;
	border-top: 1px solid #b69e71;
	border-bottom: 1px solid #b69e71;
}

ul.menu a {
  display: block;
  text-decoration: none;
}

ul.menu li {
  padding: 3px;
  color: #fff;
  font-weight: bold;
  display: block;
  margin-top: 1px;
}

ul.menu li a {
  color: #5e4836;
}

ul.menu li a:hover {
  color: #b69e71;
}

ul.menu li ul {
	font-size: 1em;
}

ul.menu li ul li, ul.menu li ul li a {
  color: #5e4836;
  padding-left: 15px;
}

ul.menu li ul li.active, ul.menu li ul li a:hover {
	color: #b69e71;
}

ul.menu li a:focus, ul.menu li ul li a:focus {
  outline: none;
}

.active {
	color: #b69e71;
}

.none a {
	color: #110013;
}
	
#menu ul.menu li.signup {
	background: #c1ab8a;
	padding:3px 0 0 20px;
	color: #866f5b;
	font-weight:bold;
	font-size:1em;
	display:block;
	height:20px;
	width:150px;
	margin-top:20px;
	cursor: pointer;}

#menu ul.menu li.signup a, #menu ul.menu li.signup a:hover, #menu ul.menu li.signup a:visited, {
	padding-top:2px;
	color: #5e4836;
}

#menu ul.menu li.hickorysButton {
	margin-top: 30px;
	display: block;
	color: #5e4836;
	font-weight: normal;
	font-size: 0.9em;
}

#menu ul.menu li.hickorysButton a {
	display: block;
	margin-top: 5px;
	width: 170px;
	height: 90px;
	background: transparent url(../images/HickorysButton.png) no-repeat 0 0;
}

#menu ul.menu li.hickorysButton a:hover {
	display: block;
	width: 170px;
	height: 90px;
	background: transparent url(../images/HickorysButton.png) no-repeat 0 -90px;
}

/* ---------- scroller styles ---------- */

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
	margin-left: -20px;
	margin-top: -20px;
	padding-top: 20px;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
	z-index: 32;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 31;
	overflow: hidden;
	margin: -20px 0 0 0;
	padding: 0 0 0 20px;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Master button styles - note that left and right 
versions are included although they are not used in this example */

.simply-scroll-btn {
	position: absolute;
	background-image: url(../images/UATG-scrollerBtn.gif);
	width: 83px;
	height: 10px;
	z-index: 33;
	cursor: pointer;
}

.simply-scroll-btn-up {
	left: 10px;
	top: 470px;
	background-position: 0 0;
}

.simply-scroll-btn-up.disabled {
	background-position: 0 -10px !important;
}

.simply-scroll-btn-up:hover {
	background-position: 0 -10px;
}
	
.simply-scroll-btn-down {
	left: 65px;
	top: 470px;
	background-position: -83px 0;
}

.simply-scroll-btn-down.disabled {
	background-position: -83px -10px !important;
}

.simply-scroll-btn-down:hover {
	background-position: -83px -10px;
}

/* Custom class modifications - adds to / overrides above

Vertical scroller example, with custom base class */

/* Container DIV */
.vert { 
	width: 400px; /* longer than clip for custom button pos. */
	height: 480px;
	background-image: url(../images/UATG-scrollerBg.gif);
}

/* Clip DIV */
.vert .simply-scroll-clip {
	width: 360px;
	height: 380px;
	padding: 20px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
	width: 360px;
	height: 380px;
}

/* Modified button positions, overriding previous styles */
.vert .simply-scroll-btn-up { 
	width: 91px;
	left: 10px;
	top: 470px;
	float: left;
}

.vert .simply-scroll-btn-down { 
	width: 91px;
	left: 75px;
	top: 470px;
	float: left;
}


a.menuDownload {
	z-index: 50;
	position: absolute;
	top: 470px;
	right: 10px;
	text-indent: -99999px;
	display: block;
	width: 90px;
	height: 10px;
	background: #fff url(../images/UATG-downloadBtn.gif) no-repeat 0 0;
}

a.menuDownload:hover {
	background: #fff url(../images/UATG-downloadBtn.gif) no-repeat 0 -10px;
}

a.menuDownload:focus {
	outline: none;
}

