﻿body {

	margin:0;

	font-family:Verdana, Sans-serif;

	font-size:12pt;

	text-align:center;

	 padding:0; 

	line-height:120%;	

	background-image:url('http://www.british-columbia-lodging.com/images/gmainbk.gif'); 

	background-repeat:repeat;
	color:white




	

}
/* Bottom-specific selectors */
/* Right-specific selectors */


.header {

border-bottom:3px double #003300; 

width:800px;

height:150px;

	background-image:url('http://www.british-columbia-lodging.com/images/header.jpg'); 

	background-repeat:repeat-x;

	margin:0;

	padding:0

}

#header {

background-position: center top; border-bottom:5px double #003300;

 width:800px;

height:156px;

	background-image:url('http://www.british-columbia-lodging.com/images/header.jpg'); 

	background-repeat:repeat-x;

	margin:0;

	padding:0

}
#header h1 {
	color:#333333; 
}
#container {
	border:1px solid #999999; 
	width:800px;
	margin:0 auto;
	text-align:left;
	background-color:#FFFFFF;
		display: table;

}
#container p{
	color:black
}


#container h1{
	color:#003300
}
#leftcolumn h1{
color:#003300;}

.button {
	background-image:url('http://www.british-columbia-lodging.com/images/info_box.gif'); 

	background-repeat:repeat;
border: 3px double #003300; 
width:160px;
margin:0;
padding:5px;
color:#003300
}

.button a:hover {
	color:#900000;
}
#button {
	background-image:url('http://www.british-columbia-lodging.com/images/info_box.gif'); 

	background-repeat:repeat;
border:3px double #003300; 
width:150px;
margin:0;
padding:5px;
color:#003300

}
#button a:hover {
	color:#900000;
}
#top-sentence {

}



.top-sentence {

}

	
/********************   LINK STYLES  *********/





/****************   HEADER STYLES  ************/
h1 {
	color:#ffffff;
	font-family:sans-serif;
	font-weight:bold;
	font-size:12pt;
margin-top:0px; 
margin-bottom:0px; text-align:center 
}
#container h2 {
color:#003300;
	font-size:12pt;
	font-weight:bold;
	margin-top:12px;
font-family:sans-serif
}

#container b {color:#003300;
}
#container a{
font-weight:normal}
#container h3 {
color:#003300;	font-size:12pt;
	font-weight:bold;
	margin-top:12px;
font-family:sans-serif
}	
#container h4 {
color:#003300;
	font-size:12pt;
	font-weight:bold;
	margin-top:12px;
font-family:sans-serif
}	
#container table {
	color:black
}
#container ul {
	color:black
}
#container ol {
	color:black
}

#container b {
	color:black
}
/********************    PARAGRAPH STYLES    **********	


/**********************      IMAGE STYLES     ************/

/********************    INDEPENDANT DIV IDS AND CLASSES   *******/
/***********************     MAIN CONTAINER  *******************/
/*************************     TOP RIGHT HAND LINKS   *********/
#toplinks {
	position:relative;
	top:12px;
	right:30px; 
	margin-bottom:6px; 
	text-align:right
}
/*************************    LEFT COLUMN  ************/
#leftcolumn {
	float:right;
	width:590px; 
	margin-top:10px;
	margin-right:10px; 
	  text-align:left;
	  	background-color:#FFFFFF;

}
.leftcolumn a:hover {
	color:#900000;
}
#leftcolumn h1 {
color:#003300;font-weight:bold;
font-size:14pt;
text-align:center;
}
#leftcolumn p {
	color:#000000;
	font-size:12pt;
	font-family:sans-serif;
	line-height:120%
}
/*********************      RIGHT SIDEBAR COLUMN   ********/
#sidebar {
	float:left;
	width:160px;
	margin-left:0; 
	margin-right:0; 
	margin-top:-33px; 
	margin-bottom:0; 
}	
#sidebar p {
	color:#000000;
	line-height:120%;
	margin-top:10px

}
#sidebar a {
		margin-top:10px;
		margin-bottom:10px;
		font-size:10pt

}

#sidebar ul {
	list-style-type:square;
	text-align:left;
	margin:8px;
	padding:5px;
	color:#006600;
	font-size:10pt
}
#sidebar h1 {
	font-size:1.4em;
	margin:0 0 0 5px;
	padding-top:5px;
	color:#333
}
.sidebox {
}

/************************   FOOTER     ***********/
#footer {
	clear:both;
	margin-left:0;
	width:auto;
	text-align:center;
	border-top:3px double #333333;
	color:#000000;
	margin-top:12px; 
	margin-bottom:6px; 
	padding-top:12px; 
	padding-bottom:5pt;
	background-color:#FFFFFF;
}
.footer a:hover {
	color:#900000;
}
/**********************      LINKS BELOW EACH POST    ***********/
/***********************      RIGHT HAND SIDE CONTENT BOXES    *******/

#top {
width:728px;
text-align:center;
background: #FFFFFF;
height:150px; 
color:#FFFFFF;
margin-top:12px; 
margin-bottom:12px; 
padding-left:10px; 
padding-right:10px; 
padding-top:12px; 
padding-bottom:12px 
}
after.clearfix { 
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden;
 
} 
:after.clearfix {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    margin: 0 auto;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
/* End hide from IE-mac */



.core { 
width : auto; 
background : #ffffff; 
height : auto;
} 
.core p{
	color:#000000
}
#core { 
width : auto; 
background : #ffffff; 
height : auto;
color:black

}
#core h1 {
font-size:12pt;
font-weight:bold;
color:#003300
}

.coretop { 
width:800px}
#coretop { 
width:800px}


.coretop p{ 
}

#coretop p{ 
}
.nav-image{

}
#nav-image{

}
hr {
color:#C0C0C0
}
.bar {
}

#leftcolumn table {
	width:90%
}
.ad360{
width:auto;
float:left}
#ad360{
width:auto;
float:left}
#toplinks a {
	margin-right:6px; 
margin-top:10px; 
margin-bottom:10px; 
padding-top:10px; 
padding-bottom:10px
}	
#toplinks p {
	margin-right:6px; 
margin-top:10px; 
margin-bottom:10px; 
padding-top:10px; 
padding-bottom:6px; 
text-align:right
}
.river-image {
width:411px;
height:108px; 
background-image:url('http://www.british-columbia-lodging.com/images/main_image.jpg'); 
background-repeat:no-repeat
}	
.logo {
background-position: right center; width:339px;
height:108px; 
background-image:url('http://www.british-columbia-lodging.com/images/bc.gif'); 
background-repeat:no-repeat;
float:left;
margin:0;
padding:0


}
.main {
background-position: right top; width:270px;
height:130px; 
background-image:url('http://www.british-columbia-lodging.com/images/image_3.jpg'); 
background-repeat:no-repeat;
margin:0;
padding:0
}
form {
text-align: center
}
#rightCol {

text-align: center; 
width: 250px; 
border-style: solid; 
border-width: 1px; 
padding: 10px;
background-color:white;
}	

.ads         { 
text-align: center 
}

#ad          { 
float: left; 
width: 200px; 
 padding-left:25px; 
 padding-right:25px; 
 padding-top:0; 
 padding-bottom:25px 
}

#title        { 
font-size: 80%; 
font-family: serif; 
font-weight: bold; 
text-align: left }
.article     { 
text-align: right
}
.cse-branding-bottom,
.cse-branding-right {
margin:0;
padding:0
}
.csb{
float:right;
width:400px}
.cse-branding-bottom,
.cse-branding-right {
zoom: 1;
}
.cse-branding-bottom:after,
.cse-branding-right:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.cse-branding-text { 
font: 10px Arial;
}
.cse-branding-form form {
margin-bottom: 0;
padding-bottom: 0;
}
.cse-branding-bottom .cse-branding-logo, 
.cse-branding-bottom .cse-branding-text {
display: block; 
float: left
}
.cse-branding-bottom .cse-branding-form {
margin-bottom: 3px;
}
.cse-branding-bottom .cse-branding-logo {
padding: 0
}
.cse-branding-bottom .cse-branding-text {
padding-top: 4px
}
.cse-branding-right .cse-branding-form {
float: left;
}
.cse-branding-right .cse-branding-logo, 
.cse-branding-right .cse-branding-text {
margin-left: 4px;
}
.cse-branding-right .cse-branding-form {
float: left;
margin-right: 4px;
}
.cse-branding-right .cse-branding-logo {
padding: 0
}
.cse-branding-right .cse-branding-text {
margin-top: -4px
}
.left_navigation {
font-family: Verdana; 
font-size: 12px; 
color: #333333
}
.left_navigation a:link {
color:#1D3E92; 
text-decoration:none
}
.left_text a:visited {
color:#1D3E92; 
text-decoration:none
} 
.left_text a:active{
color:#1D3E92; 
text-decoration:none
} 
.left_navigation a:hover {
background-color: #D9DDED; 
color: #1D3E92; 
text-decoration:none
}

