body{FONT-SIZE: 11px;COLOR: #333333;FONT-FAMILY: verdana, arial, helvetica; background-image:url(images/bg.gif);margin-top:30px}
td{FONT-SIZE: 11px;COLOR: #333333;FONT-FAMILY: verdana, arial, helvetica; }

form{margin:0}
select{FONT-SIZE: 11px;COLOR: #333333;FONT-FAMILY: verdana, arial, helvetica; }
input{FONT-SIZE: 11px;COLOR: #333333;FONT-FAMILY: verdana, arial, helvetica; }
input.submitbutton{color:#27824D;font-weight:bold;font-size:11px}
.logintext{font-family:verdana,arial,sans-serif; font-weight:normal;color:#000000;font-size:10px;width:90;border:1px solid #c0c0c0;background-color:#FFFFFF;}
.passwordtext{font-family:verdana,arial,sans-serif; font-weight:normal;color:#333333;font-size:10px;width:200;border:1px solid #c0c0c0;background-color:#FFFFFF;}
.selecttext{font-family:verdana,arial,sans-serif; font-weight:normal;color:#333333;font-size:10px;border:1px solid #c0c0c0;background-color:#FFFFFF;}
.gallerySelect{width:200;font-family:verdana,arial,sans-serif; font-weight:normal;color:#333333;font-size:10px;border:1px solid #c0c0c0;background-color:#FFFFFF;}
.registerSelectBox140{font-family:verdana,arial,sans-serif; width:140;font-weight:normal;color:#333333;font-size:10px;border:1px solid #c0c0c0;background-color:#FFFFFF;}
.registerSelectBox{font-family:verdana,arial,sans-serif;font-weight:normal;color:#333333;font-size:10px;border:1px solid #c0c0c0;background-color:#FFFFFF;}
.registerText{font-family:verdana,arial,sans-serif; font-weight:normal;color:#333333;font-size:10px;border:1px solid #c0c0c0;background-color:#FFFFFF;}
.registerNoWidth{font-family:verdana,arial,sans-serif; font-weight:normal;color:#333333;font-size:10px;border:1px solid #c0c0c0;background-color:#FFFFFF;}

.whitetext{FONT-WEIGHT: normal;FONT-SIZE: 11px;COLOR: #FFFFFF;FONT-FAMILY:verdana, arial, helvetica;TEXT-DECORATION: none}

.error{color:#D03F42}
.popups{color:white}
.scrollingDiv{
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
overflow-x: hidden;  //these do not work in netscape, mozilla, oprah.  need to use overflowauto as below
overflow-y: scroll;
overflow: auto;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color : #000000;
scrollbar-face-color :#ffffff;
scrollbar-highlight-color : transparent;
scrollbar-shadow-color :#ffffff; 
scrollbar-darkshadow-color:#27824D; 
scrollbar-track-color :#27824D;
scrollbar-base-color :#27824D;
}
.meetyouthere{
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
overflow-x: hidden;  //these do not work in netscape, mozilla, oprah.  need to use overflowauto as below
overflow-y: scroll;
overflow: auto;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color : #000000;
scrollbar-face-color :#ffffff;
scrollbar-highlight-color : transparent;
scrollbar-shadow-color :#ffffff; 
scrollbar-darkshadow-color:#27824D; 
scrollbar-track-color :#27824D;
scrollbar-base-color :#27824D;
}
.menu_price{font-size:10pt;color:#27824D;font-weight:bold}

#mainDiv{
width:760px;
height:320px;
}
.headings{font-size:16pt;color:#27824D;font-weight:normal}
.headingsRed{color:#CC2229;font-size:14pt;font-weight:normal;padding-top:18x;padding-bottom:8px}
.months{font-size:16pt;color:#CC2229;padding-left:8px}
.days{font-size:14pt;color:#27824D;}
.menu{
border : 0;
padding : 0;
cell-spacing : 0;
}
.menu tr{
border : 0;
padding : 0;
}

.menu tr td{
border : 0;
padding : 0;
text-align : center;
vertical-align : top;
}
hr.menu{
margin-top:8px;
margin-bottom:8px;
width:60%;
height:1px;
border:1px dotted #000000;
}
img{border:0}
img.menu{border:1px solid #000000;}

.border{border: 3px solid #ffffff;}
.border2{border: 1px solid #cccccc;}

.bg_middle{background-position : center;background-repeat : no-repeat;background-image : url(images/bg_tiger.jpg);background-color : #FFFFFF;}
.bg_popup{border: 1px solid #847146;background-position : center;background-repeat : no-repeat;background-image : url(images/bg_popup.gif);background-color : #CCCCCC;}

.calendarLink{font-family:verdana,arial,sans-serif; font-weight:normal;color:#27824D;font-size:11px;text-decoration:none}
.calendarLink:link{font-family:verdana,arial,sans-serif; font-weight:normal;color:#27824D;font-size:11px;text-decoration:underline}
.calendarLink:visited{font-family:verdana,arial,sans-serif; font-weight:normal;color:#27824D;font-size:11px;text-decoration:underline}
.calendarLink:active{font-family:verdana,arial,sans-serif; font-weight:normal;color:#27824D;font-size:11px;text-decoration:underline}
.calendarLink:hover{font-family:verdana,arial,sans-serif; font-weight:normal;color:#27824D;font-size:11px;text-decoration:none}


A:link{font-family:verdana, arial, helvetica; font-weight:normal;color:#333333;font-size:11px;text-decoration:underline}
A:visited{font-family:verdana, arial, helvetica; font-weight:normal;color:#666666;font-size:11px;text-decoration:underline}
A:active{font-family:verdana, arial, helvetica; font-weight:normal;color:#333333;font-size:11px;text-decoration:underline}
A:hover{font-family:verdana, arial, helvetica; font-weight:normal;color:#37995A;font-size:11px;text-decoration:none}


.contact{FONT-WEIGHT: normal;FONT-SIZE: 11px;COLOR: #9F9467;FONT-FAMILY: verdana, arial, helvetica;TEXT-DECORATION: none}
.contact:link{FONT-WEIGHT: normal;FONT-SIZE: 11px;COLOR: #333333;FONT-FAMILY:verdana, arial, helvetica;TEXT-DECORATION: underline}
.contact:active{FONT-WEIGHT: normal;FONT-SIZE: 11px;COLOR: #333333;FONT-FAMILY: verdana, arial, helvetica;TEXT-DECORATION: underline}
.contact:visited{FONT-WEIGHT: normal;FONT-SIZE: 11px;COLOR: #333333;FONT-FAMILY: verdana, arial, helvetica;TEXT-DECORATION: underline}
.contact:hover{FONT-WEIGHT: normal;FONT-SIZE: 11px;COLOR: #333333;FONT-FAMILY: verdana, arial, helvetica;TEXT-DECORATION: none}

#scrollableGallery
{	
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	width:200px;
	height:220px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
//	overflow-x: hidden;  //these do not work in netscape, mozilla, oprah.  need to use overflowauto as below
//	overflow-y: scroll;
	overflow: auto;
	scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color : #000000;
scrollbar-face-color :#ffffff;
scrollbar-highlight-color : transparent;
scrollbar-shadow-color :#ffffff; 
scrollbar-darkshadow-color:#27824D; 
scrollbar-track-color :#27824D;
scrollbar-base-color :#27824D;
}

.galleryBorder{border:3px solid #27824D}

#scrollableCalendar
{	background-color:#FFFFFF;	
	color:#FFFFFF;
	font-size:11;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	width:380px;
	height:205px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
//	overflow-x: hidden;  //these do not work in netscape, mozilla, oprah.  need to use overflowauto as below
//	overflow-y: scroll;
	overflow: auto;
	scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color : #000000;
scrollbar-face-color :#ffffff;
scrollbar-highlight-color : transparent;
scrollbar-shadow-color :#ffffff; 
scrollbar-darkshadow-color:#27824D; 
scrollbar-track-color :#27824D;
scrollbar-base-color :#27824D;
}

/* new styles for loyalty */

#mainDiv .BenefitInformation{margin:0px 0px 10px 0px}
#mainDiv .Left{width:350px;padding-right:10px;float:left}
#mainDiv .Right{width:350px;padding-left:10px;float:left}
#mainDiv h2{font-size:14pt;color:#27824D;font-weight:normal;margin-bottom:8px}

#mainDiv a{font-weight:normal;color:#000000;font-size:11px;text-decoration:underline} 
#mainDiv a:hover{text-decoration:none}