body {	
    font: Lucida Sans 10px;
    background-image: url(images/new2/ecard_backgrd_big.png);
    background-position: top center;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-color:#D3C8B5;/*#BCB59F; /*#CDBDA7;/*#E3E3E3; /* #FFFFFF;/*; /*#C2C2C2; /*#F6F2CF; */
    margin: 0 auto;
}
#wrap {
	width: 740px;
	height: 500px;
	border: 0px Aqua solid;
	margin:0 auto;
}
#hotelnameother 
{
    min-height: 160px; 
	color: #444444;
    margin-top: 22px;  
} 
#hotelnameother a {
    width: 740px;
    text-decoration: none;
    font-family: Georgia;
    font-style:normal;
    font-weight: normal;
	font-size: 36px;	
	color:  #727577; /*#1B75AE;/*#FFFFFF;/*#900014;*/
	position: absolute;
	margin: 120px 0 5px 5px;
}
#hotelnameother  a:hover {
	text-decoration: none;
}
#screen {
	padding: 0px 0px 5px 2px;
	border: 0px #F2F2F2 solid;
	background-color: #FFFFFF;
	min-height: 600px;
}
#topnav {
	font-family: Arial, Trebuchet MS, Verdana, Tahoma;
	font-size: 11px;
    height: 16px;	
    width: 802px;
    margin: 0px 3px 2px 3px;
    padding: 0 10px 0 0;
    text-align: right;
    padding: 2px 0 2px 0;
    background-color: #5F75BA;/*#DFEAAD; /* #FFFFFF; /*#D9E7BF; /*#888981; /*#AAAC9C; /*#707881;/* /*#853555; /*#583C47 /*#A6989E; /*#8E405F; /*#ECECEC*/
}
#topnav a {
	font-family: Arial, Trebuchet MS, Verdana, Tahoma;
	font-size: 11px;
	color:  #FFFFFF;
	text-decoration: none;
}
#topnav a:hover {
	text-decoration: underline;
}
#tagline {
	font-family: Garamond, Arial, Trebuchet MS, Verdana, Tahoma;
	font-size: 18px;	
    font-style: italic;	
	color:  #464646;
	float: left;
	margin: 0 0 0 0;
}
#tagline a {
    text-decoration: underline;
    font-family: Garamond, Arial, Trebuchet MS, Verdana, Tahoma;
	font-size: 40px;	
	font-style: italic;	
	color:  #FFFFFF; /*#900014;*/
}
#hotelphoto img {
    border: 0px #838383 solid;
    float: right;
    padding: 20px 40px 0 0;
}
#content {
 width: 630px;
 min-width: 630px;
 min-height: 800px;
 float:left;
 border: 1px #C0C0C0 solid;
 padding: 5px 0 0 0;
 margin: 0 0 0 3px;
}
#subcontent {
 width: 410px;
 min-width: 410px;
 min-height: 180px;
 border: 0px #C0C0C0 solid;
 padding: 0 0 0 0;
 margin-left: 40px;
 margin-top: 80px;
 margin-right: 0px;
 float: right;
 position: relative;
}
#header {
    height: 165px;	
    width: 820px;
   	border: 0px #F2F2F2 solid;
   	margin-left: 3px;
   	margin-top: 10px;
   	margin-right: 3px;
    /*background-color: #5F75BA;/*#DFEAAD;*/
    background-image: url('images/new2/header_bg009.png');
    background-repeat: no-repeat;
    background-position: center;
}
#headerimage {
    height: 130px;	
    width: 820px;
   	border: 0px #F2F2F2 solid;
   	margin-left: 10px;
   	margin-top: 20px;
   	padding: 3px;
}
#callout {
    float: left;
    width:160px;
    padding: 1px;
    margin-left: 10px;
    margin-top: 10px;
    min-height: 280px;
}
#callout img {
    padding: 1px;
    margin-left: 0px;
    margin-top: 0px;
}    
#panel1 { 
	width: 580px;
    min-height: 300px;	
    float: left;
    border: 0px Purple solid;
    background-color: #FFFFFF;	
}
#mascot {
	width: 150px;
    min-height: 280px;
    float: left;	
    border: 1px Blue solid;
    margin-left: 10px;
}
#mascot img {
    float: right;	
}
#categories {
	width: 600px;
	min-height: 240px;
	border: 0px #464646 dotted;
	padding:  10px 10px 10px 0;
    margin: 0 0 0 0;
}
#categories img {
    background-color: #FFFFFF;
    float: right;
}
a.linkopacity img {
    border-style: none;
    filter:alpha(opacity=80); 
    -moz-opacity: 0.8; 
    opacity: 0.8;
    background-color: #FFFFFF; 
}
a.linkopacity:hover img {
    border-style: none;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    background-color: #FFFFFF; 
}
#panel2 {
	width: 580px;
    min-height: 300px;	
    float: left;
    border: 0px Grey solid;
    margin: 0 0 0 20px;	
}
/*-----------------------------------------*/
/*Postcard Page: Postcards block */
/*-----------------------------------------*/
.postcards 
{
    font-family: Lucida Sans;
	font-size: 10px;
	font-weight: normal;
	width: 660px;
	border: 0px solid #00000;
	margin: 0 0 0 0;
	color: #444444;
    /*background-color: #FFFFFF;
    background-image: url('images/icons/bg_guides.png');
    background-repeat: no-repeat;
    background-position: left top;*/
}
.postcards h2 {
	font-family: Lucida Sans;
	font-size: 12px;
	font-weight: bold;
	color: #8B8783;
}
.postcards p, tr, td {
	font-family: Lucida Sans;
	font-size: 12px;
	font-weight: normal;
	color: #121212;
	border: 0px solid #000000;
	padding: 0 0 0 10px;
}
.postcards img {
    padding: 10px 5px 10px 0px;
}
#ecardlogo {
    text-decoration: none;
    margin: 5px 1px 0 0;
    float: right;
    border: none;
    font-family: Lucida Sans;
	font-size: 10px;
}
#ecardlogo a {
    text-decoration: none;
    margin: 5px 10px 0 0;
    float: right;
    border: none;
    font-family: Lucida Sans;
	font-size: 10px;
	color: #444444;
}
#ecardreturnto  {
	font-family: Trebuchet;
	font-size: 12px;
	color: #444444;
    height: 16px;	
    width: 720px;
    margin: 0px 3px 2px 3px;
    padding: 0 10px 0 0;
    text-align: right;
    padding: 2px 0 2px 0;
    float: right;
}
#ecardreturnto  a {
	font-family: Arial;
	font-size: 12px;
    color: #C77458;
    height: 16px;	
    margin: 13px 15px 2px 3px;
    padding: 0 10px 0 0;
    text-align: right;
    padding: 2px 0 2px 0;
    float: right;
}
#ecardreturnto  a:hover {
	text-decoration: none;
	background-color: #c2c2c2;
}
#ecardlogo img {
    text-decoration: none;
    border: none;
    margin-top: 10px;
}
#ecardfooter {
    height: 20px;	
    width: 720px;
	font-family: Lucida Sans;
	font-size: 10px;
	padding: 5px 0 0 0;
	color: #FFFFFF;
    margin: 0 0 0 0;
    background-color: #5C5D5B;/*#900845;/*#FCC061;/*#D5D6B1;*/
    text-align: center;
}	
#ecardfooter a {
    text-decoration: none; 
	color: #FFFFFF;
}
/*-----------------------------------------*/
/*HOME PAGE: Guides & Articles block */
/*-----------------------------------------*/
.guides {
	width: 318px;
    min-height: 120px;	
    height:auto;
    float: left;
    border: 1px #C0C0C0 solid;
    padding: 2px 3px 1px 10px;	
    margin: 0px 2px 2px 0;
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 14px;
	color:  #464646;
	text-align: left;
	background-color: #FFFFFF;
    /*background-image: url('images/new2/bg_guides.png');
    background-repeat: no-repeat;
    background-position: center;*/
}
.guides p {
	font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 10px;
	color:  #808080;
    text-align: left; 
}
.guides h2 {
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	color: #7AA618; 
	margin-left: 5px;
}
.guides a {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;	
	color: #464646;
	text-decoration: none;
	margin-left: 2px;
	background-color: #FFFFFF;
}
.guides a:hover {
	color: #853555;
	text-decoration: underline;
}
.guides li {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;	
	color: #464646;
	text-decoration: none;
	margin-left: 5px;
	background-color: #464646;
	padding-left: 3px;
	list-style-type: square;
	display: list-item;
}
/*-----------------------------------------*/
/*HOME PAGE: Events block */
/*-----------------------------------------*/
.events {
	width: 318px;
    min-height: 120px;	
    height: auto;
    float: left;
    padding: 2px 3px 1px 10px;	
    margin: 0 2px 2px 0;
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 14px;
	color:  #464646;
	background-color: #FFFFFF;
    border: 1px #C0C0C0 solid;
    /*background-image: url('images/new2/bg_events.png');
    background-repeat: no-repeat;
    background-position: center;*/
}
.events img {
    width: 180px;
    height: 156px;
    margin-left: 50px;
}
.events p {
	font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 10px;
	color:  #808080;
	text-align: left; 
}
.events a {
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
 	font-weight: normal;	
	color: #464646;
	text-decoration: none;
	margin-left: 5px;
}
.events h2 {
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	color: #7AA618; 
	margin-left: 5px;
}
/*-----------------------------------------*/
/*styles for the TRUMBA CALENDAR PAGES */
/*-----------------------------------------*/
#monthdisplay {
    width: 700px;
    height: 600px;
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 10px;
	color:  #464646;
	margin: 5px 30px 5px 30px;
	padding: 10px 10px 10px 30px; 
   
}
#monthdisplay table {
    width: 700px;
    height: 600px;
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 10px;
	color:  #464646;
	margin: 5px 30px 5px 30px;
	padding: 10px 10px 10px 30px; 
}
#datepicker {
	margin: 5px 10px 5px 30px;
    width: 150px;
    height: 200px;
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 10px;
	color:  #464646;
}

/*-----------------------------------------*/
/*styles for the LIST RESULTS PAGE (attractions.asp) */
/*-----------------------------------------*/
.attractionslist { 
	float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
	width: 600px;
	color: #000000;
	background-color: #FFFFFF;
	border-bottom:1px #B01F45 solid; 	
	font-family: Trebuchet MS, Verdana, Tahoma;
	font-size: 12px;
}
.attractionslist p {
    font-family: Trebuchet MS, Verdana, Tahoma;
	font-size: 12px;
}
.attractionslist h1 { /*page heading */
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 18px;
	color: #83002C;
}
.attractionslist h2 { 
    margin-top: 10px;
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 18px;
}
.attractionslist h3 { /*category heading in results page*/
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 16px;
	color:  #83002C;
}
.attractionslist a { /*name of attraction in results page*/
    text-decoration: none;
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 14px;
    color: #83002C;/*#B01F45; */	
}
.attractionslist img {
 border: 0px #FFFFFF solid;
}
 /*================*/
 /*right nav panel on all pages*/
#attractionspanel { /*right nav panel on all pages*/
	float: right;
	margin: 0 3px 0 0;	
	width: 165px;
	min-height: 1000px;
	color: #808080;
	/*background-image: url('images/new2/bg_rightnav.png');  		
	background-repeat:no-repeat; 
	vertical-align: top;*/
	padding: 0 0 0 0;
	border: 1px #C0C0C0 solid;
	background-color: #FFFFFF;/*#B5D1A8;*/
}
ul#attractionsnav {
 list-style:none;
 position:relative;
 float:left;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 width: 142px;
 text-align:left;
}
ul#attractionsnav li { 
 border-bottom: 1px solid #F2F2F2;
 width:165px
} 
ul#attractionsnav li a { 
 display: block; 
 padding: 1px 0px 1px 0.25em; 
 border-left: 0px solid #E4F1D1;/*#375D81; /*6D655E*/
 /*background-color: /*#B5D1A8; /*#FFFFFF; /*#91B1CC;blue /*#ABC8E2; /*ABC8E2*/
 color: #464646; 
 text-decoration: none;
 width:162px;
 font-family: Trebuchet MS, Arial, Verdana, Tahoma;
 font-size: 12px;
}
ul#attractionsnav li a:hover { 
 background-color: #F6F2CF;/*#EFDEE5; /*#E4F1D1; /*#D4ECFB; /*#AABADD/*#B01F45;/*#19B29F;*/
 color: #000000;
}
/*-----------------------------------------*/
/*styles for the DETAIL PAGE (descriptions.asp) */
/*-----------------------------------------*/

.attractiondetails {
	border-bottom:0px #808080 dotted; 
	margin-top: 10px;
	width: 560px;
	float: left;
}
.attractiondetails p {
    font-family: Arial, Trebuchet MS, Verdana, Tahoma;
	font-size: 11px;
    margin-bottom: 5px;	
}
#attractiondetails { 
	float: left;
    margin-left: 10px;
    margin-bottom: 5px;
	width: 560px;
	min-height: 400px;
	color: #000000;
	background-color: #FFFFFF;
}
#attractiondetails p {
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 11px;
}
#attractiondetails h1 {
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 20px;
	color: #83002C;
}
#attractiondetails h2 { 
    margin-top: 10px;
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 20px;
}
#attractiondetails h3 { /*category heading in results page*/
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 18px;
	color:  #83002C;
}
#attractiondetails h5 { /*category heading in results page*/
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 12px;
	color:  #83002C;
}
#attractiondetails a { /*name of attraction in results page*/
    text-decoration: none;
    font-family: Trebuchet MS, Arial, Verdana, Tahoma;
	font-size: 12px;
    color: #83002C;/*#B01F45; */	
}
#attractiondetails img {
 border: 0px #FFFFFF solid;
}
ul#attractiondetails li a { 
 text-decoration: none;
 width:160px;
 font-family: Trebuchet MS, Arial, Verdana, Tahoma;
 font-size: 12px;
}