/* *** Generated by www.csscreator.com *** */
html, body{ 
 margin:0; 
 padding:0; 
 font: small "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 } 
 
#pagewidth{ 
 width:100%; 
 min-width: 500px; 
  
} 
 
#header{ 
 height:100px; 
 width:100%; 
 background-color: #84A7D4; 
 background: url(../images/exploreokanagan.jpg) no-repeat #84A7D4;
 } 
 
#leftcol{
 width:147px; 
 float:left; 
 position:relative; 
 margin-left:-152px;
 margin-right:1px; 
 }
 
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 152px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #84A7D4;   /* left column colour */ 
border-left-style: solid; 
background-color: #fff; /* center column colour */ 
width: auto; 
 } 
 
#footer{
 width:100%; 
 background-color:#84A7D4; 
} 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
 }
 
#outer>#inner { border-bottom: 1px solid #162929;  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 

 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}
h1 {
margin: 0px;
border: 1px solid #84A7D4;	
color: #006;
background-image: url(../images/h2.gif);}

h3 {
margin: 0px;
border: 1px solid #84A7D4;	
background-image: url(../images/h2.gif);
color: #006;
margin-top: 10px;
margin-bottom: 10px;}


.left {float: left;}
.text_right {text-align: right;}
.col_50{float: left; width: 50px; padding-right: 10px;}
.col_150{float: left; width: 150px; padding-right: 10px;}
.col_200{float: left; width: 200px; padding-right: 10px;}
.col_300{float: left; width: 300px; padding-right: 10px;}
.col_400{float: left; width: 300px; padding-right: 10px;}
.col_100{float: left; width: 100px; padding-right: 10px;}
.clear{clear: both;}
.dtl_col_edit{width: 25px; float: left;}
.dtl_row {padding-left: 15px; border-bottom: 1px solid #84A7D4; margin-top: 10px;}

#menu { 
font: small "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
position: relative;
}
html>body #menu {margin-left: -42px;}
#menu ul { 
margin: 0px;
background-image: url(../images/h2.gif);
position: relative;
list-style-type: none;
border: 2px solid white;
}

#menu ul li {
list-style-type: none;
margin: 5px;
color: #006;
font-weight: bold;
}
#menu ul li a{
text-indent: 10px;
display: block; 
color: #2E602B;
line-height: 1.1; 
width: 100%;
padding-top: 3px;
padding-bottom: 3px;
background-color: white;
font-weight: none;
text-decoration: none;
border: 1px solid #2E602B;

}

#menu ul li a:link{
display: block; 
color: #006600;
line-height: 1.1; 
width: 100%;
padding-top: 3px;
padding-bottom: 3px;
background-color: white;
font-weight: none;
text-decoration: none;
border: 1px solid #006600;
}
#menu ul li a:hover{
display: block; 
color: #039;
line-height: 1.1; 
width: 100%;
padding-top: 3px;
padding-bottom: 3px;
background-color: white;
font-weight: none;
text-decoration: none;
color: #003;
border: 1px solid #009;
}

/* cd - error text for my form */
p.error {
   color: #039;
   background-color: yellow;
}

/* CSS for the update availability page */
.roomName 
{
    width: 200px;
    float: left;
    text-align: left;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.dateBox
{
    width: 20px;
    float: left;
    text-align: center;
    padding: 2px;
    border-bottom: 1px dashed #CCC;
}

.weekdays 
{
	float: left; 
	text-align: center; 
	padding: 2px;
	width: 20px;
	text-align: center;
}

.monthdays 
{
	float: left; 
	text-align: center; 
	padding: 2px;
	width: 20px;
	text-align: center;
	border-bottom: 4px double #CCC;
}
/* CSS for the search page */
.facility_info
{
   border-right: 15px solid white;
   float: left;
}
.facility_info
{
   width: 225px;
}
.facility_comment
{
   float: left;
   width: 280px;
   padding-top: 18px;
   color: blue;
}
.rates{
font-size: 12px;
}
.rates th {background-color: #e1e9f5;}
.rates tr:hover {background-color: #e1e9f5;}
.rates td {border: 1px solid #e1e9f5;}

#custom_form form{margin: 0px; padding: 0px;}
#custom_form input {margin: 0px; padding: 0px;}