/* whistlerweather  page stylesheet
-------------------------------------------------------- */

* { padding: 0; margin: 0px 0px 0px 0px; }

body {margin: 95px; color: black; 
background: #708090 url(../img/pagebg.jpg);}
/* (../library/background_files/background.gif) moving clouds*/

a {font-family: Schoolbell;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;}

a:hover{font-family: Schoolbell;
	font-size: 11px;
	text-decoration: none;}


/* page elements
-------------------------------------------------------- */
#page {
	width: 1000px; height: 3500px;
    margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	text-align: left;
	background: #;}

#page_2 {
	width: 1980px; height: 3500px;
    margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	text-align: left;
	background: #FFFFFF;}

#logo {
	position: left; 
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 212px;}

#content {
	margin: 0px 0px 0px 0px;}

#footer {
    width: 1256px; height: 200px;
	border-top: 2px solid #CCCCCC;
	text-align: center;
	margin: 30px 0px 0px 0px;}

#lnav {
	
    float: left;
	width: 155px; height: 500px;
    margin: 71px 0px 0px 20px;
	-moz-box-sizing: border-box;}

#lnav_2 {background-color: #F4F4F4;
	background-image: url(../img/lbg.jpg);
    float: left;
	width: 155px; height: 500px;
    margin: 71px 0px 0px 20px;
	-moz-box-sizing: border-box;}

#navcontainer {padding:0px;
	text-align:left;}

#navcontainer ul {margin:0;padding:0px;
	list-style-type: none;
	font:13px Schoolbell;}

#navcontainer ul li {margin:0;padding:0;
	line-height:110%; /* list item spacing when display=inline */
	display:inline; /* ie5 w */
	background-color:transparent;}

#navcontainer ul li#current {display:block;
	background-color: #D6E1EC;
	width:95%;
	color:#FFF;}
#navcontainer ul li#current a:link {color:#369;
	font-weight:normal;
	padding: 11px 0px 11px 5px;}
#navcontainer ul li#current a:hover {color:#369;
	background-color: #D6E1EC;}
#navcontainer ul a:link, #navcontainer ul a:visited {
	text-decoration:none;
	font-weight:bold;
	display: block;
	padding: 11px 0px 11px 5px; /* list item padding */
	width: 96%;
	-moz-box-sizing: border-box;
	color: #FFFF88;
	border-bottom: 1px solid #CCC;}
#navcontainer ul a:hover {
color:#FFF;
font-weight:bold;;}


/* feature  elements
-------------------------------------------------------- */

#feature_left {
	float: left;
	padding: 0px 0px 0px 212px;
	width: 720px; height: 210px;
	margin: 0px 0px 0px 0px;}

#feature_left_2 {
	float: left;
	width: 522px; height: 100px;
	margin: 0px 0px 0px 0px;} 

#feature_left_3 {
	float: left;
	width: 500px; height: 350px;
	margin: 0px 0px 0px 0px;} 

#feature_left_4 {
	float: left;
	width: 720px; height: 150px;
	margin: 0px 0px 0px 0px;}

#feature_right {
	float: right;
	width: 400px; height: 300px;
	margin: 0px 0px 0px 0px;} 

#feature_right_2 {
	float: right;
	width: 480px; height: 700px;
	margin: 45px 95px 0px 0px;
	padding: 0px 0px 0px 0px;}

/* gallery columns
-------------------------------------------------------- */
#feature_right_3 {
	float: left;
	width: 100px; height: 500px;
	margin: 10px 13px 0px 10px;
	padding: 1px 1px 1px1px;}

#feature_right_4 {
	float: left;
	width: 100px; height: 550px;
	margin: 10px 13px 0px 0px;
	padding: 1px 1px 1px 1px;}

#feature_right_5 {
	float: left;
	width: 100px; height: 550px;
	margin: 10px 13px 0px 0px;
	padding: 1px 1px 1px 1px;}

#feature_right_6 {
	float: left;
	width: 100px; height: 550px;
	margin: 10px 3px 0px 0px;
	padding: 1px 1px 1px 1px;}

/* default webcam/ weather box 
-------------------------------------------------------- */
#feature_right_7 {
	float: left;
	width: 200px; height: 300px;
	margin: 0px 25px 0px 0px;
	padding: 1px 1px 1px 1px;}

/*default page weather scrool
-------------------------------------------------------- */
#feature_right_8 {
	float: right;
	width: 180px; height: 110px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;}

/*  alpine frcst
-------------------------------------------------------- */
#feature_right_9 {
	float: right;
	width: 480px; height: 300px;
	margin: 10px 15px 0px 5px;
	padding: 0px 0px 0px 0px;}

/*  blog text etc
-------------------------------------------------------- */
#feature_right_10 {
	float: left;
	width: 330px; height: 900px;
	margin: 70px 0px 0px 30px;
	padding: 5px 5px 5px 5px;}

/*  default archives
-------------------------------------------------------- */
#feature_right_11 {
	float: right;
	width: 160px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}

/*  default alignement right sidebar
-------------------------------------------------------- */
#feature_right_12 {
	float: right;
	width: 200px; 
	margin: 0px 135px 0px 0px;
	padding: 375px 0px 0px 0px;}

/*  whistler weather bullitin text
-------------------------------------------------------- */
#feature_left_13 {
	float: left;
	width: 450px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}

/*  skyscraper
-------------------------------------------------------- */
#feature_left_14 {
	float: left;
	width: 155px; height: 700px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;}

/*  chartpro
-------------------------------------------------------- */
#feature_left_15 {
	float: left;
	width: 1025px; height: 960px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}



/*  bd_web_cam 
-------------------------------------------------------- */
#feature_right_14 {
	float: right;
	width: 480px; 
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;}

/*  web cams large
-------------------------------------------------------- */
#feature_left_14 {
	float: left;
	width: 720px; height: 600px;
	margin: 35px 0px 0px 22px;
	padding: 0px 0px 0px 0px;}


#text_right {
	float: right;
	width: 520px; 
	margin: 65px 35px 0px 0px;
	padding: 0px 0px 0px 0px;}

#text_right_2 {
	width: 550px; height: 800px;
	float: right; color: #369;
	padding: 0px 0px 0px 0px;
	margin: 60px 15px 0px 0px;
	border: 0px solid #CCCCCC;}

#text_right_3 {
	float: center;
	width: 200px; height: 300px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}

#text_right_4 {
	float: left;
	width: 300px; height: 20px; 
	margin: 70px 0px 0px 15px;
	padding: 0px 0px 0px 0px;}

#text_right_5 {
	float: right;
	width: 400px; height: 20px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}

#text_left {
	float: left;
	width: 720px; 
	margin: 30px 0px 0px 0px;
	padding: 0px ;}



#credits {line-height: 15px; font-size: 11px;
   	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   	color: #F4F4F4; text-decoration: none;
	width: 1200px;
	text-align: center;
	margin: 0px 0px 0px 0px; 
	padding: 24px 0px;
	background: url("../img/bg0_bot.jpg") top no-repeat;}




   div.pullquote {float: right; width: 155px; color: #369;
   border: solid #CCC; border-width: 2px 0px;
   font: bold 12px Arial, Helvetica, Verdana, sans-serif;
   padding: 0px 0px 0px 0px; margin: 10px 15px 0px 0px; background: #DDE8F1;}

   div.pullquote_2 {float: right; width: 300px; color: #369;
   border: solid #CCC; border-width: 2px 0px;
   font: bold 12px Arial, Helvetica, Verdana, sans-serif;
   padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: #DDE8F1;}


   div.citycurrent {float: right; width: 210px; color: #369;
   border: solid #CCC; border-width: 2px 0px;
   font:  9px Arial, Helvetica, Verdana, sans-serif;
   padding: 12px 0px 12px 12px; margin: 0px 0px 0px 0px; background: #DDE8F1;}

/* BLOGGER Content
----------------------------------------------- */

  
  #sidebar {
    width: 165px;
    float:left;
	background: #D7D6D6;
	padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    }

#bcd {
	float: left;
	width: 300px; height: 190px;
	margin: 0px 0px 0px 0px;
	}

 #adsense {
	float: left;
	width: 735px; height: 25px;
	margin: 65px 0px 0px 18px;
	}
   
  

/* Photo Gallery
--------------------------------------------------------------------------------------------------- */
#content ul.galnav {
	margin:0 0 0 380px;
	padding:0;
}
#content ul.galnav .small a {
	text-decoration:none;
}
#content ul.galnav .small a:hover {
	text-decoration:none;
}
#content ul.galnav li {
	background: #fff;
	float: left;
	width: 50px;
	margin:0 0 15px 0;
	padding: 0;
	font-size: 10px;
}
div.photo {
	clear: left;
	width: 493px;
	height: 370px;
	background: url(../gfx/bg-pic.gif) no-repeat 0 0;
}
	
#content ul.thumbs {
	margin:15px 0;
	padding:0;
}
#content ul.thumbs li {
	background:#fff;
	float: left;
	width: 120px;
	text-align: left;
	margin:0;
	padding:0;
}
#content ul.thumbs li p {
	margin: 5px 0 15px 0;
	padding: 5;
	line-height: 1.4em;
}
#content p.clear {
	clear: left;
}
#layout {
	width: 770px;
	margin: 0.50em auto 0 auto;
	padding: 0;
}

#maincontent {
	background-repeat: repeat-y;
	background-position: left top;
	font-size: 0.85em;
	line-height: 1.5em;
	padding: 6px 6px 6px 6px;}

#mainbox {
	width: 580px;
	float: left;
	background-repeat: repeat-y;
	background-position: left top;
}



#boxone, #boxtwo, #boxthree, #boxfour, {
	width: 168px; height: 130px;}

#boxfive, {
	width: 490px; height: 350px;}

#boxsix, {
	width: 563px; height: 500px;}

#boxseven, #boxeight, #boxnine, #boxten, #boxeleven, #boxtwelve, {
	width: 164px; height: 124px;}

#boxthirteen, {
	width: 300px; height: 210px;}


#boxone {
	background: #708090 url(../img/bg.jpg);
	width: 705px; height: 300px;
	color: #369;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #CCCCCC;}
	
#boxtwo {
	background: #708090 url(../img/bg.jpg);
	width: 720px; height: 300px;
	color: #369;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #CCCCCC;}

#boxthree {
	background: #D7D6D6 ("../img/capture1.jpg") top left no-repeat;
	float: left; color: #369;
	padding: 5px 5px 10px 5px;
	border: 1px solid #CCCCCC;}

#boxfour {
	background: #D7D6D6 ("../img/capture1.jpg") top left no-repeat;
	float: left; color: #369;
	padding: 5px 5px 10px 5px;
	border: 1px solid #CCCCCC;}


#boxfive {
	background: #708090 url(../img/bg.jpg);
	width: 527px; height: 608px;
	float: right; color: #369;
	padding: 11px 11px 0px 11px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #CCCCCC;}

/*  Webcams/gallery/valley alpine forecast
--------------------------------------------------------------------------------------------------- */
#boxsix {
	
	width: 550px; height: 800px;
	float: right; color: #369;
	padding: 0px 0px 0px 0px;
	margin: 60px 15px 0px 0px;
	border: 0px solid #CCCCCC;}

/*Webcams Thumbs top row-->*/
#boxseven {
	width: 164px; height: 124px;
    background: #D7D6D6;
	float: left; color: #369;
	padding: 0px 0px 0px 0px;
	margin: 20px 12px 0px 10px;
	border: 1px solid #CCCCCC;}
#boxeight {
	width: 164px; height: 124px;
    background: #D7D6D6;
	float: left; color: #369;
	padding: 0px 0px 0px 0px;
	margin: 20px 12px 0px 0px;
	border: 1px solid #CCCCCC;}
 #boxnine {
	width: 164px; height: 124px;
    background: #D7D6D6;
	float: left; color: #369;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	border: 1px solid #CCCCCC;}
/*Webcams Thumbs mid row-->*/
 #boxten {
	width: 164px; height: 124px;
    background: #D7D6D6;
	float: left; color: #369;
	padding: 0px 0px 0px 0px;
	margin: 12px 12px 0px 10px;
	border: 1px solid #CCCCCC;}
 #boxeleven {
	width: 164px; height: 124px;
    background: #D7D6D6;
	float: left; color: #369;
	padding: 0px 0px 0px 0px;
	margin: 12px 12px 0px 0px;
	border: 1px solid #CCCCCC;}
#boxtwelve {
	width: 164px; height: 124px;
    background: #D7D6D6;
	float: left; color: #369;
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 0px 0px;
	border: 1px solid #CCCCCC;}
/*Webcams Whistler small-->*/
#boxthirteen {
	width: 426px; height: 320px;
	background: #D7D6D6;
	color: #369;
	padding: 5px 5px 2px 5px;
	margin: 12px 25px 0px 67px;
	border: 0px solid #CCCCCC;}

/* content elements
-------------------------------------------------------- */

#boxone p, #boxtwo p, #boxthree p, #boxfour p,{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
   	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   	color: #333; text-decoration: none;}

#boxfive p,{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 6px;
   	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   	color: #333; text-decoration: none;}

#boxsix p,{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 6px;
   	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   	color: #333; text-decoration: none;}

#boxseven p, #boxeight p, #boxnine p, #boxten p, #boxeleven p, #boxtwelve p,{
	padding: 5px 10px 5px 10px;
	margin: 5px 5px 5px 5px;
	font-size: 11px;
   	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   	color: #333; text-decoration: none;}

#boxthirteen p,{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 6px;
   	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   	color: #333; text-decoration: none;}

#boxone h2, #boxtwo h2, #boxthree h2, #boxfour h2, #boxfive h2, {padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;}

#boxone h3 #boxtwo h3, #boxthree h3, #boxfour h3, #boxfive h3, {padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;}

#boxone h4 #boxtwo h4, #boxthree h4, #boxfour h4, #boxfive h4, {padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;}

#boxone h5 #boxtwo h5, #boxthree h5, #boxfour h5,#boxfive h5,  {padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;}

<!-- Content of boxes -->

#boxseven h2, #boxeight h2, #boxnine h2, #boxten h2, #boxeleven h2, #boxtwelve h2, #boxthirteen h2, {padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 10px;}

#boxseven h3, #boxeight h3, #boxnine h3, #boxten h3, #boxeleven h3, #boxtwelve h3, #boxthirteen h3, {padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 10px;}

#boxseven h4, #boxeight h4, #boxnine h4, #boxten h4, #boxeleven h4, #boxtwelve h4, #boxthirteen h4, {padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 10px;}

#boxseven h5, #boxeight h5, #boxnine h5, #boxten h5, #boxeleven h5, #boxtwelve h5, #boxthirteen h5, {padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 10px;}

#boxseven h6, #boxeight h6, #boxnine h6, #boxten h6, #boxeleven h6, #boxtwelve h6, #boxthirteen h6, {padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 10px;}

#boxseven h8, #boxeight h8, #boxnine h8, #boxten h8, #boxeleven h8, #boxtwelve h8, #boxthirteen h8, {padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 10px;}
<!-- Webcam -->

#iframe {position:absolute;
        left: 333px;
        top: 2800px;
        width: 166px;
        height: 93px;
        z-index: 75
       }


p {font-family: Arial;
	color: #CCC;
	margin: 0 0 15px 0;
	font-size: 14px;
	line-height: 1.6em;}

p2 {font-family: Arial;
	color: #CCC;
	margin: 0 0 15px 0;
	font-size: 8px;
	line-height: 1.6em;}

h1  {margin: 0px 20px 14px 0px;
color: #FFFF00;
		font: bold 19px/27px Arial;}
h2  {margin: 0px 0px 0px 10px;
color: #FFFF00;
		font: bold 12px/14px Arial;}
h3  {margin: 0px 0px 9px 10px;
color: #FFFF00;
		font: bold 12px/14px Arial;}
h4  {margin: 0px 0px 0px 10px;
color: #FFFF00;
		font: bold 12px/14px Arial;}
h5  {margin: 0px 0px 0px 10px;
color: #FFFF00;
		font: bold 12px/14px Arial;}
h6  {margin: 0px 0px 0px 10px;
color: #FFFF00;
		font: bold 12px/14px Arial;}
h8  {margin: 0px 0px 0px 10px;
color: #FFFF00;
		font: bold 12px/14px Arial;}
h9  {margin: 0px 0px 0px 10px;
color: #FFFF00;
		font: bold 19px/27px Arial;}
	
	
a.orange:link {font-family: Arial;
	color: #DD0000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;}
a.orange:visited {font-family: Arial;
	color: #DD0000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;}
a.orange:hover {font-family: Arial;
	color: #DD0000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;}
a:link {color: #FFFF00;
		text-decoration: none;
		font-size: 13px;
		font-weight: normal;
		font-family: Arial;}
a:visited {color: #0000DD;
		text-decoration: none;
		font-size: 13px;
		font-weight: normal;
		font-family: Arial;}
a:hover {color: #FFFF00;
		text-decoration: none;
		font-weight: normal;
		font-size: 13px;
		font-family: Arial;}
		
a.sm:link {color: #FFF;
		text-decoration: none;
		font-size: 13px;
		font-weight: normal;
		font-family: Arial;}
a.sm:visited {color: #FFF;
		text-decoration: none;
		font-size: 13px;
		font-weight: normal;
		font-family: Arial;}
a.sm:hover {color: #FFF;
		text-decoration: underline;
		font-weight: normal;
		font-size: 13px;
		font-family: Arial;}
		
a.box:link {font: bold 14px Arial;
	color: ##FFFF00;
	text-decoration: none;}
a.box:visited {font: bold 14px Arial;
	color: ##FFFF00;
	text-decoration: none;}
a.box:hover {font: bold 14px Arial;
	color: #DD0000;
	text-decoration: underline;}