@import url("core.css");

body{
	margin:0;
	padding:0;
	font-family:"Verdana";
	font-size:11px;
	color:#000;
	background:#DDEDFC;

}

.reset {
	display: block;
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	margin: 0px;
}
h1,h2,h3,h4,h5 {
	margin:0px;
}
h1 {
	font-size:25px;
	color:#323232;
	padding:0px 0px 0px 8px;
	font-weight:normal;
	line-height:25px;
}

h2 {
	font-size:23px;
	color:#338391;
	padding:0px 0px 0px 100px;
	font-weight:normal;
	line-height:23px;
}
h3 {
	font-weight:bold;
	font-size:12px;
	padding-top:10px;
	color:#8b0036;	
}

h4 {
	color:#006f82;
	padding-top:10px;
	font-size:12px;
}
h5 {
	font-size:12px;
	color:#000;
	padding-top:10px;
}
#main-container {
	display:block;
	background:url(../images/right/grandmap.jpg) no-repeat 838px 0;

}
/* Left side */
#container-left {
	float:left;
	width:835px;
	display:block;
	border-right: 2px solid #8b0036;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
}
/* classes to change left side bakgrounds */
.things-to-see-page {
	background:url(../images/header/things-to-see.jpg) no-repeat top right;
}
.promotions-page {
	background:url(../images/header/promotions.jpg) no-repeat top right;
}
.things-to-do-page {
	background:url(../images/header/things-to-do.jpg) no-repeat top right;
}
.culture-page {
	background:url(../images/header/culture.jpg) no-repeat top right;
}
.event-page {
	background:url(../images/header/calendar-events.jpg) no-repeat top right;
}
.about-page {
	background:url(../images/header/about-comox.jpg) no-repeat top right;}

.news-and-media-page {
	background:url(../images/header/news-and-media.jpg) no-repeat top right;
}
.accommodations-page {
	background:url(../images/header/accommodations.jpg) no-repeat top right;
}
.other-page {
	background:url(../images/header/other.jpg) no-repeat top right;
}

.ski1 {
	background:url(../images/header/10-ski1.jpg) no-repeat top right;
}

.ski2 {
	background:url(../images/header/10-ski2.jpg) no-repeat top right;
}

.ski3 {
	background:url(../images/header/10-ski3.jpg) no-repeat top right;
}
.ski4 {
	background:url(../images/header/10-ski4.jpg) no-repeat top right;
}

.bottom-logo {
	background:url(../images/content/2007-cultural-capitale.jpg) no-repeat bottom left;
}

#header {
	position:relative;
	width:796px;
	height:100px;
	padding:0 20px;
}
.home #header {
	background:#CEE5EF url(../images/home/homeheaderbkg.png) top left repeat-y;
}
#header #logo {
	margin-top:20px;
	float:left;
}

#header .home-link {
	position:absolute;
	top:77px;
	left:20px;
	width:41px;
	cursor:pointer;
}

#header #top-links {
	float:right;
	padding-left:0;
	width:480px;
	position:relative;
}
#header #cta {
	height:50px;
	margin-bottom:3px;
}
#header #cta a {
	cursor:pointer;
	margin-top:15px;
	padding-top:31px;
	overflow:hidden;
	height:0;
	float:right;
	margin-left:16px;
}
#header #cta .visitor-guide {
	width:92px;
	display:block;
	background:url(../images/cta/visitorguide-trans.png);
}

#header #cta .visitor-guide:hover {
	background-image:url(../images/cta/visitorguide_over-trans.png);
}
#header #cta .request-info {
	width:88px;
	display:block;
	background:url(../images/cta/request-info-trans.png);
}
#header #cta .request-info:hover {
	background:url(../images/cta/request-info_over-trans.png);
}
#header #cta .photo-video {
	width:103px;
	display:block;
	background:url(../images/cta/photo-video-trans.png);

}
#header #cta .photo-video:hover {
	background:url(../images/cta/photo-video_over-trans.png);
}
#header #cta .testimonials {
	width:97px;
	display:block;
	background:url(../images/cta/testimonials-trans.png);
}
#header #cta .testimonials:hover {
	background:url(../images/cta/testimonials_over-trans.png);
}
#header #cta .promotions {
	width:94px;
	display:block;
	background:url(../images/cta/promotions-trans.png);
}
#header #cta .promotions:hover {
	background:url(../images/cta/promotions_over-trans.png);
}
#header #cta .francais {
	width:78px;
	display:block;
	background:url(../images/cta/francais-trans.png);
}
#header #cta .francais:hover {
	background:url(../images/cta/francais_over-trans.png);
}


#header a#header-gettinghere {
	width:95px;
	height:1px;
	padding-top:30px;
	overflow:hidden;
	display:block;
	background:url(../images/cta/gettinghere-trans.png);
	position:absolute;
	top:55px;
	left:373px;
}
#header a#header-gettinghere:hover {
	background:url(../images/cta/gettinghere_over-trans.png);
}


#header #search-wrapper {
	height:31px;
	position:relative;
	margin-left:57px;
}
#header #search-wrapper .search-label {
	background:url(../images/cta/search-business-trans.png) no-repeat;
	padding-top:5px;

	position:absolute;
	top:6px;
	width:103px;


}
#header #search-wrapper span {
	visibility:hidden;
}
#header #search-wrapper a.advancedlink {
	display:block;
	position: absolute;
	left:105px;
	top:28px;
	z-index:100;
	color:#666;
	text-transform:lowercase; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#header #search-wrapper a.advancedlink:hover {
	color: #8b0036;
}

#header #search-wrapper .search-box {
	
	width:158px;
	height:16px;
/*	border:#677277 solid 1px;*/
	font-size:11px;
/*	margin:-10px 0px 0px 0px;*/
	padding:0px;
	position:absolute;
	top:8px;
	left:105px;
}
#header #search-wrapper form {
	padding:0px;
	margin:0px;
}
#header #search-wrapper .go-btn {
	background:url(../images/cta/go-btn-trans.png);
	width:27px;
	height:31px;
	cursor:pointer;
	padding:0px;
	border:none;
	position:absolute;
	top:4px;
	left:266px;
}
/* main navigation */
#main-nav-wrapper {
	background-image:url(../images/nav/nav-bg.gif);
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#main-nav {
	height:30px;
	margin:0px;
	padding:0px 18px 0px 28px;
	border-bottom:1px solid #8b0036;
}

#main-nav li {
	list-style-type:none;
	float:left;
	position:relative;

}
#main-nav li a {
	padding-top:30px;
	overflow:hidden;
	display:block;
	height:0;
	cursor:pointer;
}
#main-nav li.things-to-see {
	background-image:url(../images/nav/things-to-see.gif);
	width:118px;
}
#main-nav li.things-to-see:hover,
#main-nav li.active-to-see {
	background-image:url(../images/nav/things-to-see-over.gif);
}

#main-nav li.things-to-do {
	background-image:url(../images/nav/things-to-do.gif);
	width:112px;
}
#main-nav li.things-to-do:hover,
#main-nav li.active-to-do {
	background-image:url(../images/nav/things-to-do-over.gif);
}
#main-nav li.promotions {
	background-image:url(../images/nav/promotions.gif);
	width:112px;
}
#main-nav li.promotions:hover,
#main-nav li.active-promotions {
	background-image:url(../images/nav/promotions-over.gif);
}
#main-nav li.accommodations {
	background-image:url(../images/nav/accommodaations.gif);
	width:199px;
}
#main-nav li.accommodations:hover,
#main-nav li.active-accommodations {
	background-image:url(../images/nav/accommodaations-over.gif);
}

#main-nav li.culture {
	background-image:url(../images/nav/culture.gif);
	width:80px;
}
#main-nav li.culture:hover,
#main-nav li.active-culture {
	background-image:url(../images/nav/culture-over.gif);
}
#main-nav li.news-and-med {
	background-image:url(../images/nav/news-media.gif);
	width:125px;
}
#main-nav li.news-and-med:hover,
#main-nav li.active-news {
	background-image:url(../images/nav/news-media-over.gif);

}
#main-nav li.about {
	background-image:url(../images/nav/about.gif);
	width:156px;
}
#main-nav li.about:hover,
#main-nav li.active-about {
	background-image:url(../images/nav/about-over.gif);
	width:156px;
}

/* Content */
#content {
	width:100%;
	background:url(../images/content/contentbkg.gif) repeat-y top left;
	position:relative;
}

.home #content {
	background:#FFF !important;
}


#content #culturallogo {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:170px;
	height:1px;
	bbackground:transparent url(../images/content/culturallogo.jpg) bottom left no-repeat;
	background: none;
	overflow:hidden;
	padding-top:174px;
}

.home #content #culturallogo {
	bbackground:transparent url(../images/home/homeculturallogo.jpg) top left no-repeat;
	background: none;
	top:354px;
	left:619px;
}

/* left navigation */
#left-nav {
	width:170px;
	float:left;
	padding-bottom:175px;
}
#left-nav .title-things-to-see,
#left-nav .title-promotions,
#left-nav .title-things-to-do,
#left-nav .title-accommodations-and-dining,
#left-nav .title-culture,
#left-nav .title-news-and-media,
#left-nav .title-about,
#left-nav .title-other {
	padding:113px 0px 0 0px;
	margin:0px 0px 20px 0px;
}

#left-nav .title-promotions {
	background:url(../images/left-nav/title-promotions.gif) top left no-repeat;

}
#left-nav .title-things-to-see {
	background:url(../images/left-nav/title-things-to-see.gif) top left no-repeat;

}
#left-nav .title-things-to-do {
	background:url(../images/left-nav/title-things-to-do.gif) top left no-repeat;
}

#left-nav .title-accommodations-and-dining {
	background:url(../images/left-nav/title-accommodations.gif) top left no-repeat;
}

#left-nav .title-culture {
	background:url(../images/left-nav/title-culture.gif) top left no-repeat;
}

#left-nav .title-news-and-media {
	background:url(../images/left-nav/title-new-and-media.gif) top left no-repeat;
}
#left-nav .title-about {
	background:url(../images/left-nav/title-about.gif) top left no-repeat;
}
#left-nav .title-other {
	background:url(../images/left-nav/title-other.gif) top left no-repeat;
}



#left-nav ul li {
	background-color:#fcf9e7;
	list-style:none;
	margin:0px 0px 0px 20px;
	padding:6px 8px 4px 15px;
	border-bottom:1px #b3c48c solid;
}
#left-nav ul li a {
	text-decoration:none; 
	color:#000;	
}
#left-nav ul li a:hover, #left-nav ul li a:active,
#content #left-nav ul li a.activelink {
	color:#8b0036;
}
#content .minheight {
	display:block;
	width:0;
	height:650px;
	background:#FFF;
	float:right;
	clear:none;
}
#content #right-column {
	margin-top:175px;
	margin-left:20px;
	padding-bottom:40px;
	float:left;
	width:627px;
	display: inline;
}
.home #content  #right-column {
	margin: 0;
	width:100%;
	position:relative;
}


#content .content-box {
	width:312px;
	height:128px;
	float:left;
	margin-top:10px;
	display:block;

}
#content .image {
	float:left;
	padding-right:5px;
}


#content dl {
	padding:0px;
	margin:0px;
	display:block;
}

#content dt {
	font-weight:bold;
	font-size:12px;
	padding:8px 0px;
	color:#8b0036;	
}
#content p {
	padding:8px 0px;
	margin:0px;
	line-height:130%;
}


#right-column a:link {
	text-decoration:underline;
	color:#006f82;
}
#right-column a:hover {
	color:#8b0036;
}
#right-column a:visited {

}

#content .arrow {
	background:url(../images/content/arrow.gif) no-repeat center right;
	padding-right:8px;
	padding-bottom:1px;
}

#content #description {
	margin-top:10px;
	margin-left:8px;
	margin-right:35px;
	display:block;
	clear:both;

}

#content #description li {
	margin-bottom:0.4em;
}

/* Right side */
#container-right {
	float: left;
	width: 150px;

}
#container-right .map {
/*	background:url(../images/right/map.jpg) no-repeat top left; */
	height:750px;
}

/* footer */
#footer {
	font-size:9px;
	background-color: #8B0036;
	border-top: 1px solid white;

}
#footer .footer-left {
	float:left;
	width:812px;
	background-color:#cccccc;
	height:33px;
	padding:7px 0px 0px 23px;
	border-right: 1px solid white;

}
#footer .bottom-links {
	padding:0px;
	margin:0px;
}
#footer .bottom-links li {
	list-style:none;
	float:left;
	display:inline;
	padding: 0px 7px;
	background:url(../images/footer/divider.gif) left 2px no-repeat;
}
#footer .bottom-links li a {
	color:#333333;
	text-decoration:none;
}
#footer .bottom-links li a:hover {
	color:#8b0036;
}
#footer .copyright {
	color:#656565;
	float:left;
	padding-right:10px;
}

#footer .footer-right {
	margin-left:836px;
	padding-top:6px;
	padding-left:9px;
	height:33px;
}
#footer .graphically {
	color:#c0c0c0;
	width:130px;

}
#footer .graphically a {
	color:#c0c0c0;
	text-decoration:none;
}

.marville {
	position:absolute;
	left:1025px;
	display:block;
	top:180px;	
	width:50px;
	z-index:100;
	height:15px;
}
#marville-description {
	position:absolute;
	display:none;
	left:1028px;
	top:190px;
}

/***********************\
  Grand map device
\***********************/

#ComoxValleyGrandMap {
	position:absolute;
	z-index:5000;
	top:0;
	left:0;
	height:20px;
	width:20px;
	border:none;
	border-left: 2px solid #8B0036;
	background: #DDEDFC url(../images/right/grandmap.jpg) top left no-repeat;
	overflow:hidden;
}

#ComoxValleyGrandMap a {
	position:absolute;
	display:block;
	border: none; 
	top:0;
	left:0;
	height:20px;
	width:20px;
	z-index:100;
}

#ComoxValleyGrandMap div.grandmappopup {
	position:absolute;
	display:none;
	border: none;
	top:0;
	left:0;
	height:88px;
	width:88px;
	z-index:90;
}

.tablepad{
	border-width: 1px 1px 1px 1px;
	border-color:#CFE5F0;
}

.tablepad td{padding:4px;
margin:1px;


}

#search-wrapper a
{
	color: #006f82;
	text-decoration: underline;
}

#search-wrapper a:hover
{
	color: #8b0036;
}


.home h1 {
	display:block;
	width:auto;
	height:1px;
	padding-bottom:112px;
	background:#FFF url(../images/home/hometitle.gif) top left no-repeat;
	font-size:2px;
	color:#FFF;
	overflow:hidden;
}

.home .text {
	background: none;
	width:650px;
	margin-left:49px;
}

.clear {
	clear: left;}
	
#homecontent{
	width:835px;
}

.checkitem label{
display:block;
margin-left:17px;
margin-top:-15px;
}

/* Jamie Oct 09 */

#eventtable {
	border: 1px solid #cfcecc;
	padding: 0;
	margin: 10px 10px 10px 0;
	background-color: #d8eaf7;}
		
#eventtable tr {
	margin: 0;
	padding: 0;}
		
#eventtable td {
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 10px;}
		
#eventtable ul {
	margin: 0 0 0 20px;
	padding: 0;
	color: #333535;
	font-size: 12px;}
			
#eventtable a.promo {
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	display: block;
	background-color: #27657d;
	text-align: center;
	text-transform: uppercase;
	font-family: Arial;
	text-decoration: none;
	padding: 10px 0;}
		
#eventtable h3, #eventtable h3 a {
	font-family: Georgia, Serif, Times;
	font-size: 18px;
	font-weight: normal;
	color: #970009;
	text-decoration: none;
	margin: 0;
	padding: 0;}
	
#eventtable a h3 {
	color: #970009;}

#eventtable h3 a:hover {
	text-decoration: underline;}
	
#eventtable .title {
	height: 50px;
	vertical-align: top;}
	
#eventtable .title a {
	color: #970009;
	text-decoration: none;}
	
#eventtable .photo {
	height: 120px;
	vertical-align: top;}
	
#eventtable .details {
	height: 180px;
	font-size: 12px;
	color: #39464a;
	vertical-align: top;}
	
#eventtable .button {
	height: 40px;
	vertical-align: top;}
	
.photo-gallery h3 {
	padding-top:3px;
}
#right-column .photo-gallery a:link, a:visited {
	color: #006F82;
	text-decoration:none;
}
#right-column .photo-gallery a:hover{
	color: #8B0036;
	text-decoration:none;
}