img, div, a, input { 
	behavior: url(/includes/styles/iepngfix.htc);
}
html {
	height:101%;
}
body {
	background-color: #FFCC33;
	color: #020202;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
}
form {
	padding: 0;
	margin: 0; 
}
a {
	color: #003366;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0px;
}

h1 {
	color: #993300;
	font-size: 17px;
}

h2 {
	color: #993300;
	font-size: 14px;
}

h3 {
	margin: 18px 0px 6px 0px;
	color: #0e305e;
	font-size: 11px;
	font-weight: bold;
}

.small {
	font-size:10px;
	font-weight: normal;
}
.booknowList {
	/*width:69px; 
	height:66px; */
	width:100px;
	float:right; 
	margin-left:10px;
	margin-bottom:5px;
}
.booknowDetail, .imgDetailBox {
	float: right;
	margin-left:10px;
	width: 140px;
}
.imgDetail {
	margin:0px 0px 10px 10px; 
	width:120px;
}

#container {
	background-image: url(/images/design/container.jpg);
	background-repeat: repeat-y;
	margin: 0px auto 0px auto;
	padding: 0px 7px 0px 7px;
	width: 974px;
}

#top {
	background-image: url(/images/design/top.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 974px;
	padding: 0px 0px 40px 0px;
}
#top_deals {
	background-image: url(/images/design/top_deals.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 974px;
	padding: 0px 0px 40px 0px;
}
	
#topHeader {
	background-image: url(/images/design/topHeader.jpg);
	background-repeat: no-repeat;
	width: 974px;
	height: 88px;
}

#topHeader img {
	display: block;
	float: left;
}

#topSearchBar {
	float: right; 
	position: relative;
	top: 15px; 
	left: -10px;
	width: 265px;
}

input.searchField {
	color:#333333; 
	font-size: 11px; 
	width: 175px; 
	padding:2px;
	margin-left: 18px; 
	position: relative; top: 0px;
	border: 1px solid #FFFFFF;
}

input.btnGo {
	background-image: url(/images/design/btnGo.jpg); 
	background-repeat: no-repeat; 
	border: 0px; 
	width: 30px; 
	height: 21px;
	cursor: pointer;
}
input.btnReset {
	background-image: url(/images/reset.jpg); 
	background-repeat: no-repeat; 
	border: 0px; 
	width: 44px; 
	height: 21px;
	cursor: pointer;
}

#weatherWidget {
	float: right;
}

#weather {
	color: #F8D307;
	margin-top:10px;
	margin-left: 10px;
	font-size: 9px;
}
#weather img {
	width:40px; 
	height:40px;  
	float:left;
}
#weather div {
	float:left;
	margin-left:5px;
	margin-top: 5px;
	font-size: 9px;
}
#weather div a {
	font-size:9px;
	font-weight:normal;
	color: #F8D307;
}
#weather div span {
	font-size:9px;
	font-weight:normal;
}
#date {
	float:left;
}
#topMiddle {
	background-position: right;
	background-repeat: no-repeat;
	width: 974px;
	height: 372px;
}

.crossFadeHeading {
	background-position: right;
	background-repeat: no-repeat;
	width: 974px;
	height: 372px;
}

#topMiddle.headerHome {
	background-image: url(/images/design/headers/topMidHeaderOne.jpg);
}

#topMiddle.headerSub {
	background-image: url(/images/design/headers/topMidHeaderTwo.jpg);
}

#topMidLeft {
	background-image: url(/images/design/topMidLeft.jpg);
	background-repeat: no-repeat; 
	float: left;
	width: 209px;
	height: 294px;
	padding: 78px 0px 0px 0px;
}

#topMidLeft a img {
	display: block;
	margin: 1px 0px 1px 0px;
	padding: 0px;
}

/**************** menu coding *****************/
#topNav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#topNav a {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

#topNav a {
	color: #003366;
	text-decoration: none;
}

#topNav ul ul li a:hover {
	background-image: url(/images/design/dropNavHover.png);
	background-repeat: repeat;
	color: #FFFFFF;
}

#topNav li {
	position: relative;
}

#topNav ul ul {
	background-image: url(/images/design/dropNav.png);
	background-repeat: repeat;
	padding: 5px;
	position: absolute;
	top: 0px;
	left: 100%;
	width: 100%;
	z-index: 1000;
} 

#topNav ul ul li a {
	display: block;
	margin: 2px 0px 2px 0px;
	padding: 4px 4px 4px 10px;
}

div#topNav ul ul, div#topNav ul ul li:hover ul ul {
	display: none;
}

div#topNav ul li:hover ul, div#topNav ul ul li:hover ul {
	display: block;
}
/**************** menu coding *****************/

#topMidRight {
	background-image: url(/images/design/topMidRight.png);
	background-repeat: no-repeat; 
	float: right;
	width: 765px;
	height: 372px;
}

#slideShowButtons {
	float: left;
	position: relative;
	top: 353px;
	left: 10px;
	height: 15px;
}

#slideShowButtons a img {
	width: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#slideShowContent {
	color: #FFFFFF;
	float: right;
	position: relative;
	top: 312px;
	left: -10px;
	width: 570px;
	text-align: right;
}

#slideShowContent h1 {
	color: #FFCC33;
	font-size: 24px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#slideShowContent p {
	margin: 0px;
	padding: 0px;
}

#photoCaption {
	color: #FFFFFF;
	float: right;
	position: relative;
	top: 340px;
	left: -10px;
	width: 570px;
	text-align: right;
}

#photoCaption p {
	margin: 0px;
}

#middle {
	background-image: url(/images/design/middle.jpg);
	background-repeat: repeat-y;
	width: 974px;
}

#middle_deals {
	background-image: url(/images/design/middle_deals.jpg);
	background-repeat: repeat-y;
	width: 974px;
}

#midLeft {
	float: left;
	padding: 0px 13px 0px 13px;
	width: 180px;
}

#tripAdvisor {
	background-color: #003366;
	background-image: url(/images/design/tripAdvisor.jpg);
	background-position: top;
	background-repeat: no-repeat;
	margin: 8px 0px 0px 0px;
	padding: 14px 12px 14px 12px;
}

#tripAdvisorContent {
	background-color: #FFFFFF;
	color: #666666;
	font-size: 10px;
	width: 140px;
	height: 157px;
	padding: 12px 8px 12px 8px; 
}

#tripAdvisorContent a {
	font-size: 10px;
}

#tripAdvisorImage {
	float: left;
	width: 68px;
	margin-top: 15px;
}

#tripAdvisorRating {
	float: right;
	width: 67px;
	margin: 15px 0px 10px 5px;
}

#tripAdvisorReview {
	clear: both;
	margin: 10px 0px 10px 0px;
}

#tripAdvisorReview p {
	margin: 0px;
}

#ourFavorites {
	color: #336699;
	font-size: 10px;
	width: 180px;
	margin: 8px 0px 0px 0px;
}

#ourFavoritesHeader {
	background-image: url(/images/design/ourFavoritesHeader.jpg);
	background-repeat: no-repeat;
	width: 180px;
	height: 35px;
	margin: 0px 0px 2px 0px;
}

#ourFavoritesContent {
	background-color: #F6E761;
	width: auto;
	padding: 12px 6px 2px 6px;
}

#ourFavoritesContent p {
	margin: 0px;
}

#ourFavoritesContent a.heading {
	color: #003366;
	font-size: 10px;
	font-weight: bold;
}

#ourFavoritesContent div.listing {
	margin: 0px 0px 12px 0px;
}

#ourFavoritesContent div.listing img {
	float: left;
	margin: 3px 3px 0px 0px;
}

#ourLocals {
	color: #336699;
	font-size: 10px;
	width: 180px;
	margin: 8px 0px 0px 0px;
}

#ourLocalsHeader {
	background-image: url(/images/design/ourFavoritesHeader.jpg);
	background-repeat: no-repeat;
	width: 180px;
	height: 35px;
	margin: 0px 0px 2px 0px;
}

#ourLocalsContent {
	background-color: #F6E761;
	width: auto;
	padding: 12px 6px 2px 6px;
}

#ourLocalsContent p {
	margin: 0px;
}

#ourLocalsContent a.heading {
	color: #003366;
	font-size: 10px;
	font-weight: bold;
}

#ourLocalsContent div.listing {
	margin: 0px 0px 12px 0px;
}

#ourLocalsContent div.listing img {
	float: left;
	margin: 3px 3px 0px 0px;
}
#blog {
	color: #336699;
	font-size: 10px;
	width: 180px;
	margin: 8px 0px 0px 0px;
}

#blogHeader {
	background-image: url(/images/design/ourFavoritesHeader.jpg);
	background-repeat: no-repeat;
	width: 180px;
	height: 35px;
	margin: 0px 0px 2px 0px;
}

#blogContent {
	background-color: #F6E761;
	width: auto;
	padding: 12px 6px 2px 6px;
}

#blogContent p {
	margin: 0px;
}

#blogContent a.heading {
	color: #003366;
	font-size: 10px;
	font-weight: bold;
}

#blogContent div.listing {
	margin: 0px 0px 12px 0px;
}

#blogContent div.listing img {
	float: left;
	margin: 3px 3px 0px 0px;
}


#midCenter {
	float: left;
	padding: 0;
	width: 520px;
	line-height: 18px;
}

#breadCrumbs {
	color: #003366;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
}

#breadCrumbs a {
	color: #003366;
	font-size: 12px;
}

#featureBoxes {
	width: 520px;
	margin: 10px 0px 0px 0px;
}

.featureBox {
	float: left;
	width: 162px;
	height: 106px;
	margin: 0px 17px 0px 0px;
}

.featureBox img {
	display: block;
}

.featureBox.last {
	margin: 0px;
}
 
.featureBoxContent {
	background-color: #003366;
	color: #FFCC33;
	font-size: 13px;
	font-weight: bold;
	width: auto;
	height: 19px;
	padding: 6px;
	text-align: center;
}

.featureBoxContent a {
	color: #FFCC33;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.featureBoxContent a:hover {
	text-decoration: underline;
}

#search {
	width: auto;
	margin: 25px 0px 0px 0px;
}

#search h1 {
	color: #9999CC;
	font-size: 18px;
	font-weight: normal;
}

#search input, #search select {
	color: #003366;
	font-size: 10px;
	padding: 2px;
}

#searchResults {
	width: auto;
	margin: 12px 0px 5px 0px;
}

#searchResultsNavTop {
	background-color: #003366;
	color: #FFFFFF;
	font-size: 10px;
	width: auto;
	margin: 0px;
	padding: 3px;
}

#searchResultsNavTop div.resultsPreviousNext a {
	color: #FFFFFF;
}

#searchResultsNavBottom {
	color: #666666;
	font-size: 10px;
}

#searchResultsNavBottom div.resultsPreviousNext a {
	color: #666666;
}

.searchResultsSort {
	float: left;
}

.searchResult {
	border-bottom: solid 1px #999999;
	font-size: 11px;
	width: 99%;
	margin: 0px auto 0px auto;
	padding: 12px 0px 0px 0px;
	line-height: 14px;
}

.searchResult a {
	font-weight: normal;
}

.searchResult a.heading {
	font-size: 12px;
	font-weight: bold;
}

.searchResult h3 {
	color: #99ADC3;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	text-transform: uppercase;
}
.searchResult h2 {
	color: #004080;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
}

.searchResult p {
	margin: 0px;
}

.searchResult img {
	float: right;
	margin-bottom: 5px;
}

.resultsPreviousNext {

}

.resultsPreviousNext a {
	font-size: 10px;
	font-weight: normal;
}
.nextprev {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}

#midRight {
	float: right;
	padding: 0px 12px 0px 23px;
	width: 196px;
}

#midRight h1 {
	text-transform: uppercase;
}

#midRight h2 {
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}

ul.upcomingEvents {
	margin: 0px;
	padding: 0px;
}

ul.upcomingEvents li {
	color: #003366;
	font-size: 11px;
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

ul.upcomingEvents li a {
	font-size: 11px;
}

ul.thisSection {
	margin: 0px;
	padding: 0px;
}

ul.thisSection li {
	color: #003366;
	font-size: 11px;
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

ul.thisSection li a {
	font-size: 11px;
}
ul.ourLocalsSection {
	list-style-type: none;
}

ul.ourLocalsSection li {
	left: 0px;
}

ul.LocalsSection li a {
	font-size: 11px;
}
#meetings-info {
	width: 186px;
}

ul.meetingsSection li {
	color: #003366;
	font-size: 10px;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.rightBox {
	border-bottom: solid 1px #3B5965; 
	margin: 0px; 
	padding: 12px 0px 12px 0px;
	width: 196px;
}
/*
.rightBox a {
	color: #993300;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}
*/
.rightBox a.iconTravelDetails {
	background-image: url(/images/design/iconTravelDeals.png);
	background-position: center left;
	background-repeat: no-repeat;
	display: block;
	padding: 5px 0px 0px 38px;
	
}

.rightBox.first {
	border-top: solid 1px #3B5965; 
}

.rightBox.iconNewsletter {
	border-top: 0px;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
}

#emailIcon {
	background-image: url(/images/design/iconNewsletter.png); 
	background-position: top left;
	background-repeat: no-repeat; 
	float: left; 
	width: 28px; 
	height: 19px;
}

#newsletterForm {
	float: left; 
	position: relative; 
	left: 10px; 
	width: 152px;
}

input.emailField {
	width: 112px; 
	height: 15px;
}

#newsletterForm form {
	margin: 5px 0px 0px 0px;
}

#networkingButtons {
	margin: 10px 0px 0px 0px;
}

#networkingButtons a img {
	margin: 5px 0px 5px 0px;
}

.topPage {
	margin: 0px;
	padding: 0px;
	text-align: right;
}

#bottom {
	background-image: url(/images/design/bottom.jpg);
	background-repeat: no-repeat;
	width: 974px;
	height: 62px;
}

#bottom_deals {
	background-image: url(/images/design/bottom_deals.jpg);
	background-repeat: no-repeat;
	width: 974px;
	height: 62px;
}

#bottomNav {
	color: #FFFFFF;
	float: right;
	font-size: 10px;
	margin: 0px;
	padding: 38px 10px 0px 0px;
	width: auto;
	height: 24px;
}

#bottomNav a {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	margin: 0px 4px 0px 4px;
	text-decoration: underline;
	text-transform: uppercase;
}

#bottomNav a:hover {
	text-decoration: none;
}

#footer {
	background-image: url(/images/design/footer.jpg);
	background-position: top;
	background-repeat: no-repeat;
	color: #993300;
	font-size: 11px;
	margin: 0px auto 0px auto;
	padding: 10px 0px 10px 225px;
	width: 763px;
}

#footer a {
	color: #993300;
	font-weight: normal;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#tblContainer {
	width: 100%;
}

.tblRow {
	clear: both;
	width: auto;
}

.tblColumn {
	float: left;
}

.textIndent {
	margin-left: 45px;
}

.promotionList {
	margin-top: 10px;
	list-style: square;
}

.squareList {
	list-style: square;
}

.discList{
	list-style: circle;
}

#logoBox {
	margin-left: 80px;
}

.marginList {
	margin-top: 15px;
}

.textIndent {
	margin-left: 40px;
}

.statisticsTable {
	text-align: center;
	font-size: 10px;
	border: 1px solid #000000;
}

#tableText {
	color: #FFFFFF;
}

.calendar table {
	background:#FFFF9A;
	text-align:center;
	padding: 3px;
}
.calendar th {
	background:#FF9934;
	color: #FFFB5A;
}
.calendar td {
	color: #EA7500;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFF8A;
}
.calendar a, .calendar a:visited {
	color: #EA7500;
}
.calendar caption {
	text-align: left;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 5px 0;
	color: #6B010D;
}
.calendar .currentday {
	background:#FFFFFF;
}

.searchList {
	margin-top: 10px;
}
.imgthsearch {
	padding-left: 10px;
}

.error {
	padding: 5px;
	background-color:#FF4040;
	color:#FFFF00;
	font-weight:bold;
	margin-bottom: 5px;
}
.success {
	padding: 5px;
	background-color:#009B4E;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom: 5px;
}

.playerHome {
	width: 190px; 
	height: 126px;
}

#earlyBirdImg {
	margin-right: 150px;
	float: right;
}

/* cultural campaign */
.culturalcampaign {
	width:180px; 
	height:230px; 
	background-image:url('/images/art_in_santacruz2011.jpg'); 
	margin-bottom:10px;
}
.culturalcampaign div {
	margin: 0;
	padding: 0px 5px 5px 5px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
.culturalcampaign a, .culturalcampaign a:visited {
	color: #663300;
	display:block;
	padding-bottom:5px;
}
/* end cultural campaign */