body {margin: 0; padding: 0; font-family: "trebuchet MS"; font-size: 13px; color: #893a14; background: url(../images/bg.gif) repeat-x left top #ecc986;}

/*->default's---------------------------------------------------------*/
#pageWrap {background: url(../images/bgmain.jpg) no-repeat center top; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#pageWrap.simple {background: url(../images/bgsimple.jpg) no-repeat center top;}
#pageLayout {width: 1024px; margin: 0 auto;}
a img, img {border: none;}
a {outline: none; color: #893a14;}
.error {color: #ca1515; font-weight: bold;}

/*->pageHeader--------------------------------------------------------*/
#pageHeader {height: 55px; position: relative; width: 100%; clear: both; z-index: 5;}
 #pageLogo {position: absolute; top: 15px; left: 410px; z-index: 33;}
 
 #pageHeader .pageMenu {margin: 0; padding: 0; list-style-type: none; position: absolute; top: 22px;}
 #pageHeader .pageMenu li, #pageHeader .pageMenu li a img {float: left;}
 #pageHeader .pageMenu li a {float: left; height: 20px; overflow: hidden;}
 #pageHeader .pageMenu li a.sel img, #pageHeader .pageMenu li a:hover img {margin-top: -21px;}
 #pageHeader .left {left: 102px;}
 #pageHeader .right {right: 102px;}

/*->pageContent--------------------------------------------------------*/
#pageLayoutContent {height: 715px; width: 100%; clear: both;}
  #pageContent {height: 455px; overflow: hidden; z-index: 4; line-height: 1.3em; position: relative;}
	#contentWrap {position: absolute; width:100%; height: 580px; top: 0; left: 0; z-index: 3;}
	  .home #pageContent {padding: 70px 634px 0 0; width: 390px;}
		.home #contentWrap {background: url(../images/bghome.png) no-repeat center bottom;}
		
		.about #pageContent {padding: 55px 444px 0 0; width: 580px; height: 470px;}
		.about #contentWrap {background: url(../images/bgabout.png) no-repeat center bottom;}
		
		.contact #pageContent {padding: 25px 439px 15px 0; width: 585px; height: 485px;}
		.contact #contentWrap {background: url(../images/bgcontact.png) no-repeat center bottom;}
		
		.email #pageContent {padding: 80px 439px 25px 0; width: 585px; height: 610px;}
		
		.events #pageContent {padding: 70px 294px 0 0; width: 650px;}
		.events #contentWrap {background: url(../images/bgevents.png) no-repeat center bottom;}
		
		.menus #pageContent {padding: 40px 219px 0 0; width: 805px; height: 485px;}
		.menus #contentWrap {background: url(../images/bgmenus.png) no-repeat center bottom;}
		
		.locations #pageContent {padding: 35px 159px 0 0; width: 865px; height: 490px;}
		.locations #contentWrap {background: url(../images/bglocation.png) no-repeat center bottom;}
		
		.virtual #pageContent {padding: 25px 0 0; width: 1024px; height: 690px; overflow: hidden;}
		#virtualTour {padding: 0 32px;}
		
		#pageContent p, #pageContent ol, #pageContent ul {margin: 1em 0;}
		#pageContent ol, #pageContent ul {padding: 0 0 0 25px;}
		#pageContent h1, #pageContent h2, #pageContent h3 {font-family: Georgia, "Times New Roman", Times, serif; color: #753517; font-weight: bold;}
		#pageContent h1 {font-size: 24px; margin: 0.2em 0 0.7em;}
		#pageContent h2 {font-size: 20px;}
		#pageContent h3 {font-size: 18px;}
		#pageContent .title {padding-bottom: 15px;}
		
		.leftevent {width: 200px; margin-right: 30px; float: left;}
		#pageContent .leftevent ul {margin: -5px 0 0 0; padding: 0; list-style-type: none; float: left; width:180px;}
		#pageContent .leftevent li {background: url(../images/bgmenu.png) no-repeat center top; padding: 10px 0 10px 30px; float: left; width:150px;}
		#pageContent .leftevent li a {margin: 0; color: #3b766b; font-family: Georgia, "Times New Roman", Times, serif; float: left; text-decoration: none;}
		#pageContent .leftevent .name {color: #753517; font-weight: bold;  font-size: 16px; clear: both; display: block;}
		#pageContent .leftevent li a .icon {position: absolute; width: 26px; height: 23px; background: url(../images/icMenu.png) no-repeat left -24px; margin: 5px 0 0 -30px;}
		#pageContent .leftevent li a.sel .icon, #pageContent .leftmenus li .catTitle.sel .icon  {background-position: 0 0;}
		#pageContent .leftevent li .sel .name {color: #c72409;}
		#pageContent .leftevent li a.sel, #pageContent .leftevent li a:hover {color: #7c3b03;}
		#event {height: 285px; width: 420px; float: left;}
		
		.leftmenus {width: 230px; margin-right: 23px; float: left;}
		#pageContent .leftmenus ul {margin: -10px 0 0; padding: 0; list-style-type: none; float: left; width:220px;}
		#pageContent .leftmenus ul ul {margin: 0;}
		#pageContent .leftmenus li {padding: 10px 0 0; float: left; width:100%;}
		#pageContent .leftmenus li .catTitle {margin: 0; color: #753517; font-family: Georgia, "Times New Roman", Times, serif; float: left; text-decoration: none; padding: 0 0 0 30px; width: 190px; position: relative; height: 24px; overflow: hidden; float: left; margin-top: 5px;}
		#pageContent .leftmenus li li a {margin: 0; height: auto; width: 160px; color: #753517; font-family: Georgia, "Times New Roman", Times, serif; float: left; text-decoration: none;}
		#pageContent .leftmenus li .catTitle .icon {position: absolute; width: 26px; height: 23px; background: url(../images/icMenu.png) no-repeat left -24px; top: 0; left: 0;}
		#pageContent .leftmenus li .catTitle .cat {height: 24px; overflow: hidden; float: left; margin-top: 5px;}
		#pageContent .leftmenus li a:hover img, #pageContent .leftmenus li .sel img  {margin-top: -24px;}
		#pageContent .leftmenus li a.sel img  {margin-top: -24px;}
		#pageContent .leftmenus li li a:hover, #pageContent .leftmenus li li a.sel {color: #c72409;}
		
		#menuArea {width: 550px; float: left; margin-top: -37px; height: 362px;}
		#menuArea .jScrollPaneContainer {padding-bottom: 0;}
		#menuArea .jScrollPaneContainer a, #menuArea .jScrollPaneContainer img {float: left;}
		
		#pageContent .leftmenus ul ul {width: 160px; padding-left: 40px;}
		#pageContent .leftmenus li li a {padding: 0; }
		
		.events .titleEvent {background: url(../images/icEvent.png) no-repeat left top; padding: 0 0 0 45px; margin: 0 0 1em;}
		.events #pageContent .titleEvent h1 {margin-bottom: 0.2em;}
		.events #pageContent .titleEvent h3 {margin: 0.2em 0; color: #3b766b; font-weight: normal;}
		
		.locrow {clear: both; float: left; padding: 0 0 15px; width:100%;}
		.locrow .locaiton { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; width: 240px; float: left; padding: 0 20px 0 10px; line-height: 1em;}
		.boxMap {position: absolute; bottom: 0; width: 870px; height: 320px; left: 0;}
		#gmap {position: absolute; z-index: 55;}
		.frameMap {position: absolute; z-index: 56; background: url(../images/map_frame.png) no-repeat left top; width: 872px; height: 43px; top: -1px; left: -3px;}
		
		.menulocations {clear: both; float: left; width: 100%;}
		#pageContent .leftmenus .menulocations ul {margin-top: 0;}
		#pageContent .menulocations h3 {color: #4c8b60; margin: 7px 0; font-size: 16px;}
		#pageContent .leftmenus li.loc {background: url(../images/loc.gif) no-repeat left 3px; padding: 0 0 5px 15px;}
		.btnContact {background: url(../images/btns/contact.png) no-repeat left top; width: 81px; height: 41px; float: left; clear: both; padding: 5px 0 0 40px;}
		.btnContact a {font-size: 14px; color: #753517; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif;}
		.btnContact a:hover {color: #c72409;}
	
	/*->scroll----------------------------------------------------------*/
	#scroll {cursor: text; width: 100%;}
	.grid td {padding: 2px 6px 2px 0;}
	.grid .attr {font-weight: bold;}
	.grid .error {float: left; margin: 2px 0 2px 10px;}
	
	/*->contact---------------------------------------------------------*/
	.inp, .inpt {background: url(../images/bg_input.gif) repeat-x left top #f1cd8b; padding: 1px; height: 18px; float: left;}
	.inp input, .inpt textarea {background: url(../images/bg_text.gif) repeat-x left top #f6e2be; border: none; font-family: "trebuchet MS"; font-size: 12px; line-height: 14px; color: #893a14; margin: 0; padding: 1px 4px 3px; height: 14px; float: left;}
	.inpt {background-position: 0 -20px; height: auto;}
	.inpt textarea {height: auto; background-position: 0 -20px;}
	
	.contact .inp input {width: 190px;}
	.contact .code input {width: 140px;}
	.contact .large input {width: 376px;}
	.contact .inpt textarea {width: 300px;}
	.contact .btns input {float: left; margin-right: 8px; cursor: pointer;}
	.contact .rowLocations {clear: both; float: left; width: 605px; margin-left: -20px; padding-bottom: 1em;}
	.contact .location {width: 155px; float: left; overflow: hidden; background: url(../images/bgLoc.png) no-repeat left center; padding: 0 15px 0 20px;}
	
	/*->pageBanners-----------------------------------------------------*/
  #pageBanners {clear: both; width:100%; position: relative; background: url(../images/texture.gif) repeat-x; float: left; padding-top: 10px; overflow: hidden;}
	#pageBanners ul {margin: 0; padding: 0; list-style-type: none; width: 120%;}
	#pageBanners li {float: left; margin: 12px 12px 0 0;}
	#pageBanners .banner {border: 2px solid #779b70; overflow: hidden; clear: both; float: left;}
	#pageBanners .banner, #pageBanners .banner .over, #pageBanners .banner .over img {width: 243px; height: 136px;}
	#pageBanners .banner .over, #pageBanners .banner .over img {position: absolute; top: 0; left: 0; z-index: 32;}
	#pageBanners .more {clear: both; float: left; margin-top: 2px;}
	#pageBanners .specials {background: url(../images/banners/specials.jpg) no-repeat left top; position: relative; padding: 55px 13px 10px; }
	#pageBanners .banner .wrap {position: relative; z-index: 30; overflow: hidden;}
	#pageBanners .specials, #pageBanners .specials .wrap {width: 217px; height: 71px;}

/*->pageFooter--------------------------------------------------------*/
#pageFooter {padding: 10px 0; position: relative; overflow: hidden; color: #925a33; width: 100%; clear: both; z-index: 3; font-size: 12px;}
  #pageFooter ul {margin: 0; padding: 0; list-style-type: none; position: absolute; right: -8px; top: 14px;}
	#pageFooter li {float: left; border-right: 1px solid #925a33; padding: 0 8px;}
	#pageFooter a {color: #925a33; float: left; margin: -4px 0;}
	#pageFooter a:hover {color: #743416;}