@charset "utf-8";
/*-------------------------------------------------------
	
	Jellystone CNY's Screen CSS
	Author:		Product of Courthouse Webs
	Email:		yourbestweb@courthousewebs.com
	Website:	courthousewebs.com
	Created:	2009-04-02
	(c) 2009 All Rights Reserved 
	Made in U.S.A. by America's Best DDD Provider--Courthouse Webs
	
	Special thanks to Live Web Institute http://www.lwis.net/ for Naviagtion Modules 

*-------------------------------------------------------*/
body {
	font-size:small;	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background: #009900; /*#ffffff;*/ 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
* html body {
		font-size: x-small; /* for IE5/Win */
		f\ont-size: small; /* for other IE versions */
		}
h1 {
	font-size:300%;
	}
h2 {
	font-size:275%;
	}
h3 {
	font-size:250%;
	}
h4 {
	font-size:200%;
	}
h5 {
	font-size:150%;
	}
h6 {
	font-size:125%;
	}	
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;	
	}
p {
	margin:0;
	padding:0;
	color:#333333;
	font-size:125%;
	}	
a {
	margin:0;
	padding:0;
	font-size:100%;
	text-decoration:none;	
	}
.undl {
	font-style:normal;
	text-decoration:underline;
	}			
#container {
	margin:10px auto 0 auto;
	padding:0;
	text-align:left;
	width:900px;
	}
#head {
	margin:0;
	padding:0;
	height:220px; /* TEMP -- redesign header */
	width:900px;
	}
.ani {
	margin:0;
	padding:10px 0 0 10px;
	}	
.org #head {
	background:url(../i/JCNY.hd.org.gif) bottom left no-repeat;
	}	
.blu #head {
	background:url(../i/JCNY.hd.blu.gif) bottom left no-repeat;
	}	
.pur #head {
	background:url(../i/JCNY.hd.pur.gif) bottom left no-repeat;
	}
.gdr #head {
	background:url(../i/JCNY.hd.gdr.gif) bottom left no-repeat;
	}
.grn #head {
	background:url(../i/JCNY.hd.grn.gif) bottom left no-repeat;
	}		
#hnav {
	padding:0 0 0 15px;
	height:50px;
	width:900px;
	}
.org #hnav {
	background: url(../i/JCNY.nav.org.gif) bottom left no-repeat;
	}
.blu #hnav {
	background: url(../i/JCNY.nav.blu.gif) bottom left no-repeat;
	}	
.pur #hnav {
	background: url(../i/JCNY.nav.pur.gif) bottom left no-repeat;
	}	
.gdr #hnav {
	background: url(../i/JCNY.nav.gdr.gif) bottom left no-repeat;
	}
.grn #hnav {
	background: url(../i/JCNY.nav.grn.gif) bottom left no-repeat;
	}		
/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */
ul.dropdown, ul.dropdown li, ul.dropdown ul {
 	list-style: none;
 	margin: 0;
 	padding: 0;
	}
ul.dropdown {
 	position: relative;
 	z-index: 597;
 	float: left;
	}
ul.dropdown li {
 	float: left;
 	line-height: 1.3em;
 	vertical-align: middle;
	/* 	zoom: 1; moved to IE CSS */
	}
ul.dropdown li.hover, ul.dropdown li:hover {
 	position: relative;
 	z-index: 599;
 	cursor: default;
	}
ul.dropdown ul {
 	visibility: hidden;
 	position: absolute;
 	top: 100%;
 	left: 0;
 	z-index: 598;
 	width: 100%;
	}
ul.dropdown ul li {
 	float: none;
	}
ul.dropdown ul ul {
 	top: 1px;
 	left: 99%;
	}
ul.dropdown li:hover > ul {
	 visibility: visible;
	}
ul.dropdown li.rtl ul {
	 top: 100%;
	 right: 0;
	 left: auto;
	}
ul.dropdown li.rtl ul ul {
 	top: 1px;
 	right: 99%;
 	left: auto;
	}	
/*---------------------------------------------------/
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */
/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */

ul.dropdown {
 	font-weight: bold;
	}
ul.dropdown li {
	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 /* background-color:#FFFFFF;  CHW cng #f6f6f6;*/
	 color: #000;
	}
/* -------------------- Edit nav main cross-items here CHW ---------------------*/
.org ul.dropdown li {
		background-color:#ff6633;/* #ff6633;CHW cng */
		}
.blu ul.dropdown li {
		background-color:#32cbff;
		}
.pur ul.dropdown li {
		background-color:#cb32ff;
		}		
.gdr ul.dropdown li {
		background-color:#ffcc33;
		}		
.grn ul.dropdown li {
		background-color:#66ff33;
		}				
ul.dropdown li.hover, ul.dropdown li:hover {
	 /* background-color:#FFFFFF;  CHW cng #eee; */
	 color: #000;
	}
/*	
.org ul.dropdown li.hover, ul.dropdown li:hover {
	 background-color:#FFFFFF;
	 }*/
	 
ul.dropdown a:link,	ul.dropdown a:visited {
	color: #000; 
	text-decoration: none; 
	}
ul.dropdown a:hover	{
	color: #000; 
	}
ul.dropdown a:active {
	color: #ffa500; 
	}

	/* -- level mark -- */

ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	}
ul.dropdown ul li {
	font-weight: normal;
	}

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */

ul.dropdown *.dir {
	padding-right:8px;  /* CHW cng 20px;*/
 	/*background-image: url(../i/nav-arrow-down.png); not enough horz-leng with 900 px max and this client's app - CHW*/
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
	padding-right: 15px;
 	background-image: url(../i/nav-arrow-right.png);
 	background-position: 100% 50%;
 	background-repeat: no-repeat;
	}

ul.dropdown-upward *.dir {
	background-image: url(../i/nav-arrow-top.png);
	}

ul.dropdown-vertical *.dir, ul.dropdown-upward ul *.dir {
 	background-image: url(../i/nav-arrow-right.png);
	}

ul.dropdown-vertical-rtl *.dir {
	padding-right: 10px;
 	padding-left: 15px;
 	background-image: url(../i/nav-arrow-left.png);
 	background-position: 0 50%;
	}
/*-------------------------------------------------/
 * Default Ultimate Linear CSS Drop-Down Menu Theme
 *
 * @file		default.ultimate.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 */

/*-------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a, ul.dropdown span {
 	display: block;
 	padding: 7px 8px; /* CHW cng 10px;*/
	}

/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.dropdown li {
 	padding: 0;
 	border: none;
	}
ul.dropdown ul a, ul.dropdown ul span {
 	padding: 8px;
	}

/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


/*-------------------------------------------------/
 *	@section	Custom Styles
 */

ul.dropdown li {
	}
ul.dropdown li.hover, ul.dropdown li:hover {
  	background:#FFFFFF; /*url(../i/grad2.png) 0 100% repeat-x; CHW cng */
 	color: #000;
	}
ul.dropdown li a:active {
 	background:#FFFFFF; /*url(../i/grad1.png)  repeat-x; CHW cng */
	}

/* Non-first level */

ul.dropdown ul {
 	margin-top: 0;
	}
ul.dropdown ul li {
	}
ul.dropdown ul li.hover, ul.dropdown ul li:hover {
	}

/* Mixed */

ul.dropdown li a, ul.dropdown *.dir {
 	border-style: solid;
 	border-width: 1px 1px 1px 0;
 	border-color: #fff #d9d9d9 #d9d9d9;
	}

/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */

ul.dropdown li.hover *.open {
	 border-style: solid;
 	border-width: 1px 1px 1px 0;
 	border-color: #ffa500 #d9d9d9 #d9d9d9;
 	background-color: #fff; 
 	color: #000;
	}
ul.dropdown ul li.hover *.open, ul.dropdown-vertical li.hover *.open {
 	padding-left: 15px;
 	border-top-color: #fff;
 	border-left: solid 1px #ffa500;
	}
ul.dropdown-vertical-rtl li.hover *.open {
 padding-right: 15px;
 border-right-color: #ffa500;
 border-left: none;
	}
ul.dropdown-upward li.hover *.open {
 	border-top-color: #fff;
 	border-bottom-color: #ffa500;
	}
ul.dropdown-upward ul li.hover *.open {
	 border-bottom-color: #d9d9d9;
	}

	/* CSS2 clone */

ul.dropdown li:hover > *.dir {
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #ffa500 #d9d9d9 #d9d9d9;
	 background-color: #fff; 
	 color: #000;
	}
ul.dropdown ul li:hover > *.dir, ul.dropdown-vertical li:hover > *.dir {
	 padding-left: 15px;
	 border-top-color: #fff;
	 border-left: solid 1px #ffa500;
	}
ul.dropdown-vertical-rtl li:hover > *.dir {
	 padding-right: 15px;
	 border-right-color: #ffa500;
	 border-left: none;
	}
ul.dropdown-upward li:hover > *.dir {
	 border-top-color: #fff;
	 border-bottom-color: #ffa500;
	}
ul.dropdown-upward ul li:hover > *.dir {
	 border-bottom-color: #d9d9d9;
	}
/************************ end Nav modules *******************************/
.ld {
	font-weight:bold;
	}
.upld {
	text-transform:uppercase;
	font-weight:bold;
	}
ul {
	margin:0;
	padding:0;
	}
ul li {
	margin:0;
	padding:0;
	list-style:none;
	}		
#con-r {
	margin:0;
	padding:0 0 10px 0;
	width:900px;
	}
#con-r h1, #con-r h2, #con-r h3, #con-r h4, #con-r h6, #con-r ul, #con-r li {
	margin:0 15px 10px 25px;
	}
#con-r p {
	margin:10px 15px 0 25px;
	}
#con-r ul, #con-r li {	
	list-style:none;
	}	
.org #con-r {	
	background: url(../i/JCNY.repY.org.gif) #FFFFFF bottom left repeat-y;
	}	
.blu #con-r {	
	background: url(../i/JCNY.repY.blu.gif) #FFFFFF bottom left repeat-y;
	}	
.pur #con-r {	
	background: url(../i/JCNY.repY.pur.gif) #FFFFFF bottom left repeat-y;
	}	
.gdr #con-r {	
	background: url(../i/JCNY.repY.gdr.gif) #FFFFFF bottom left repeat-y;
	}	
.grn #con-r {	
	background: url(../i/JCNY.repY.grn.gif) #FFFFFF bottom left repeat-y;
	}	
/* Form Styles */

/* Various Tables & Styling */	
/************ Reservation Form ********************/			
	

/*td.resrates {
	padding:0 0 0 30px;
	}*/	
/* END Reservation Form */		
/*form p {
	margin:20 0 0 0;
	}	*/
.res fieldset {
	margin:0 auto;
	padding:15px 0px 0 0;
	width:850px;
	}
.res td {	
	padding:2px 0;
	vertical-align:text-bottom;
	text-align:right;
	}
.res td.lfta {
	text-align:left;
	}
.res .altop {
	vertical-align:text-top;
	}
.res form {
	margin:0 auto 0 auto;
	/*width:850px; It's OK to delete this 5.21 */
	}	
#resrates td {
	padding:0 20px 0 25px;
	/*text-align:right;*/
	}		
form {
	margin:0 auto 0 auto;
	/*width:850px; may effect comment s form 5.21*/
	}
/*form p {
	margin:20 0 0 0;
	}	*/
label {
	/*display: block;*/
	font-weight:bold;
	}
textarea {
	width:790px;
	height:150px;
	}

#tabImg {
	background: url(../i/JCNY.gallery.yll.jpg) center no-repeat scroll;
	width:180px;
	/*height:291px;*/
	}
.res td {
	font-weight:bold;
	}
.res textarea {
	width:755px;
	height:150px;
	}
/*#res .textInput {
	width:200px;
	}	*/
.res #name {
	width:200px;
	}	
.res #address {
	width:200px;
	}
.res #city {
	width:200px;
	}
.res #state {
	width:100px;
	}				
/* END Reservation Form */
/* Begin Contact Form */

/*.textInput {
	width:450px;
	}	*/
.warning {
	font-weight:bold;
	color:#FF0000;
	}	
/* 3-columns for ft div */
#lftItem {
	float: left; /* since this element is floated, a width must be given */
	width:260px; /*  H- zeroed pd 270px;*/ /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;*/ /* the background color will be displayed for the length of the content in the column, but no further */
	margin:/*10px 0 0*/ 0;
	padding:10px 0/*80px*/ 0 40px;  /* 0; H- zeroed 15px 10px 15px 20px;*/ /* padding keeps the content of the div away from the edges */
}
#rtItem {
	float: right; /* since this element is floated, a width must be given */
	width:185px; /*   H- zeroed pd 270px;*/ /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;*/ /* the background color will be displayed for the length of the content in the column, but no further */
	margin:/*10px 0 0*/ 0;
	padding:10px 0/*80px*/ 0 115px; /* 0; H- zeroed 15px 10px 15px 20px;*/ /* padding keeps the content of the div away from the edges */
}
#ft1 #rtItem {
	float: right; /* since this element is floated, a width must be given */
	width:106px;/*185px;*/ /*   H- zeroed pd 270px;*/ /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;*/ /* the background color will be displayed for the length of the content in the column, but no further */
	margin:/*10px 0 0*/ 0;
	padding:10px 0/*80px*/ 0 90px;/*115px; orig Rt Item*/ /* 0; H- zeroed 15px 10px 15px 20px;*/ /* padding keeps the content of the div away from the edges */
}
#midItem { 
	margin:0/*10px*/ 300px 0 300px; /*  0 300px; the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the lftItem/rtItem divs contain, the column space will remain. You can remove this margin if you want the #midItem div's text to fill the lftItem/rtItem spaces when the content in each lftItem/rtItem ends. */
	padding:10px 10px 0 10px;  /* 0 10px; remember that padding is the space inside the div box and margin is the space outside the div box */
}
/* end 3-columns for ft div */
/* ----------------------  grid layout ------------------------- */
.grd {
	width:900px;
	float:left;		 
	}
.grd p {
	margin:0;
	padding:20px 0;letter-spacing:.25em;
	text-align:center;
	}	
.grd dl {
	margin:0 20px 10px 26px;/* I'm changing lt mar to 26 so no padding needed elsewhere */
	padding:0;
	float:left;
	width:854px;/*900- lt/rt margins */
	display:inline; /* a bug fix */
	}
.grd dt {
	margin:0;
	padding:0;
	float:right; 
	width:444px;
	font-size:150%;
	letter-spacing:1px;
	color:#000000;/*#333333;*/
	}
.grd dd {
	margin:0;
	padding:0 0 10px 0;
	font-size:125%;
	line-height:1.25em;
	color:#333333;
	}
.grd dd.img img {
	margin:0 10px 0 0;
	float:left;
	}
.grd .swp dt {
	float:left;
	}
.grd .swp dd.img img {
	margin:0 0 0 10px;
	float:right;
	}
/************************ Footer Styles *************************/	
#ft {
	margin:0 0 10px 0;	
	}
#ft td {
	padding:0 0 0 25px;
	}			
.org #ft {	
	background: url(../i/JCNY.ft.org.gif) #FFFFFF bottom left no-repeat;
	}
.blu #ft {	
	background: url(../i/JCNY.ft.blu.gif) #FFFFFF bottom left no-repeat;
	}
.pur #ft {	
	background: url(../i/JCNY.ft.pur.gif) #FFFFFF bottom left no-repeat;
	}
.gdr #ft {	
	background: url(../i/JCNY.ft.gdr.gif) #FFFFFF bottom left no-repeat;
	}	
.grn #ft {	
	background: url(../i/JCNY.ft.grn.gif) #FFFFFF bottom left no-repeat;
	}			
#ftnav {
	margin:10px 0 0 0;
	/*padding:20px 0 0 0;	*/
	}		
#ftnav p {
	font-size:75%;
	text-align:center;
	}
.ctr {
	text-align:center;
	}
.rta {
	text-align:right;
	}	
.lta {
	text-align:left;
	}		
.lb a, .lb {
font-size:75%;
	}	
.clrflt { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}