/* will need to change relative paths for web */

body    { background:url(../images/best_ca_index_bg_02.gif) repeat-x #a6def8; margin: 0; padding: 0;}
h1       { color: #336699; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-variant: small-caps; }
h2       { color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-variant: none; }
h3       { color: #336699; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
h4       { color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
h5       { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }

hr { height:1px; width:70%; background:#336699; }
dl       { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
ol, ol ol, ol ol ol       { color: #336699; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
ul, ul ul, ul ul ul       { color: #336699; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
table { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; }
p   { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 11px; }  
a  { color: #336699; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; font-size: 12px; 		text-decoration:none;}  
a:hover  { color: #001166; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; } 

/* clear fix from BOC style sheet */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%}
.clearfix {display: block;}

.aster { font-weight: bold; }
.banner { height: 30; background: #FFFFFF; font-size: 11px; font-weight: normal; font-variant: none; color: #FFFFFF; 	
			font-family: Verdana, Arial, Helvetica; height: 30px; }
.backgrnd1 { background-color : #268cbf; }
.booking_bg { background-color: #ffffff; }
.booking_border { background-color: #268cbf; }
.booking_line { background-color: #f2b66b; }
.calendarHeader { font-weight: bolder; color: #FF6600; background-color: #CCCCCC }
.calendarToday { COLOR: #258DBF; background-color: #FFFFFF; }
.calendarUnavailable { COLOR: white; background-color: #ffb200; }
.calendar { COLOR: #000000; background-color: #EEEEEE}
.calendar_weekend { COLOR: #000000; background-color: #EEEEFF}
.calendar_body { COLOR: #258DBF; background-color: #EEEEEE}
.calendar_pending { COLOR: #258DBF; background-color: #FFDDDD}
.calendar_confirmed { COLOR: #258DBF; background-color: #DDFFDD}
a.calendar:link { color: #268cbf; text-decoration: none }
a.calendar:visited { color: #268cbf; text-decoration: underline }
a.calendar:hover { color: #EFB345; text-decoration: none }
.footer { font-size: 14px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica; height: 40px;}
.img_center { text-align: center; clear: both; }
.img_left { float: left; margin-left: 10px; }
.img_right { float: right; margin-right: 10px; }
.input { background-color: #ffffff; border: 1px solid #000031; ; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px }
A.leftlinks { color:#336699; font-size: 12px; text-decoration: none; }
A.leftlinks:hover { color:#001166; font-size: 12px; text-decoration: underline; }
.leftside { background: #FFFFFF; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 18px; }
.leftsidetop { background: #D5D5D5; color: #336699; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px; }
.l_float {float:left; position:relative;}
.middle { background: #FFFFFF; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 18px;}
A.menu_list { line-height: 125%; }
.products { background: #FFFFFF; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica;}
.rentalSelected {background-color: yellow}
.rightside { background: #FFFFFF; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica;  line-height: 18px;}
.rightsidetop { background: #D5D5D5; color: #336699; font-size: 11px; font-style: italic; font-family: Verdana, Arial, Helvetica;  line-height: 16px;}
.short {font-size: 11px; color: #1A3F7E; width:120px; border:1px solid #a44c03; color:#184a00;}
.small_line { line-height: 5px; margin: 0; padding: 0; }
.submit { font-family: verdana, arial, helvetica, sans-serif; font-size: 8pt;  letter-spacing: -1px; TEXT-DECORATION: none; COLOR: #000000;}
//.submit { background-color: #ffffff; border: 1px solid #000031; ; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px }
.tbl_margin { margin: 0 10px 20px 30px; align="center"; font-size: 12px;}
.textbox1 { background: #EAE9E9; font-size: 11px; text-decoration: none; color: #000000; font-family: Verdana, Arial, Helvetica;
 			border: 1px solid #999999;  line-height: 14px; }
.textbox2 { background: #FFFFFF; font-size: 11px; text-decoration: none; color: #000000; font-family: Verdana, Arial, Helvetica;
			border: 1px solid #999999;  line-height: 14px; }
.textboxtop1 { background: #333333; font-size: 11px; font-weight: bold; text-decoration: none; color: #FFFFFF;
 				font-family: Verdana, Arial, Helvetica; border: 1px solid #999999;  }
.textboxtop2 { background: #336699; font-size: 11px; font-weight: bold; text-decoration: none; color: #FFFFFF;
 				font-family: Verdana, Arial, Helvetica; border: 1px solid #999999; }
.thanks { font-size: 16px; margin-top: 10px; }
.top { background: #FFFFFF; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica;}
A.topnavlinks { color:#FFFFFF; font-size: 12px; text-decoration: none; }
A.topnavlinks:hover { color:#FFFFCC; font-size: 12px; text-decoration: underline; }
.topnavtxt { color:#FFFFFF; font-size: 11px; }

#by_line{color:#004066; padding-top:17px;}
#content_bg{background:url(../images/best_ca_index_22.jpg) repeat-y; width:852px; padding-bottom:17px;}
#content{float:left; width:839px; background:url(../images/best_ca_index_16.jpg) no-repeat top; min-height:195px;}
* html #content {height:195px}/* min-height fix for IE 6.0 */
#copyright{float:left; padding-left:23px; font-size:80%;}
#developer{float:right; font-size:80%; padding-bottom:20px;}	
#developer a:link{color:#004066; text-decoration:none;}	
#developer a:visited{color:#004066; text-decoration:none;}	
#developer a:active{color:#004066; text-decoration:none;}	
#developer a:hover{color:#ab5c00; text-decoration:underline;}
#footer{background:url(../images/best_ca_index_bg_27.gif) no-repeat; width:852px; height:54px; }
#home {text-align: left;}
#home h1 { font-size: 1.9em; color: #000000; text-align: center;}
#home h2 { font-size: 1.3em; }
#home p { font-size: 1.2em; }
#hotel_descr { align: left; }
#hotel_descr h1 { font-size: 16px; color: #000000; font-variant: normal; clear: both; }
#hotel_descr h2 { font-size: 14px; color: #000000; font-variant: normal; }
#hotel_search { width: 200px; background:url(../images/hotel_search_mid.jpg) repeat-y; overflow: hidden;}
#html_page { width: 600px; margin: 20px 0 20px 0 auto; text-align: left;}
#html_page h1{ font-size: 150%; text-align: center; margin: 30px 0 20px 0;}
#html_page h2{ font-size: 90%; margin-top: 20px;}
#html_page p{ font-size: 75%; }
#html_page ul{ font-size: 70%; color:#000000;}
#html_page ol{ font-size: 70%; color:#000000;}
#main { width:852px; margin: auto; overflow: hidden;}     
#masthead{width:852px; height: 136px; overflow: hidden; padding: 0; margin: 0;}
#menu_hotel { width: 215px; overflow: hidden; }
#nav_bar_container {float:left; width:530px;}
#search_form {  background:url(../images/best_ca_index_bg_13.gif) no-repeat; width:127px; height:38px; padding:8px 0 0 2px; float:left;}
#top_nav {padding: 50px 0 0 0; float: left; height: 40px; /* overflow: hidden; */}