<!--
/* Main Blue Mountain Chalets Style Sheet */
/* Design by Todd Wesley Johnson, twj@twj.net*/
/* Colours:
   BMC Purple: #39104A
   BMC Beige:	#DDD5CF
   Textbox BG:		#858599
*/

/* Defaults */
body
{
  background-color: white; color: black;
  text-align: left; vertical-align: top;
  font: normal small verdana, arial, helvetica, sans-serif;
}
a 	  {text-decoration:underline; }
a:link 	  {color:black;}
a:visited {color:blue;}
:active	  {border: none; outline: none;}
:focus	  {border: none; outline: none;}

/* Vertical Nav Bar Button */
/* original height was 22px */
.vbutton, .vbuttonhl
{ height: 51.5px; text-align: left; vertical-align: bottom;
  font: normal x-small verdana, helvetica, arial, sans-serif;
  font-size: 9px; font-weight: 500;
  letter-spacing: -0.05em; line-height: 1.2em;
}
.vbutton
{ background-color: #DDD5CF; color: black;
  border-bottom: 5px white   solid;
}
.vbutton a 		{color:inherit; text-decoration:none;
			 display: block; width: 100%; height: 100%; }
.vbutton a:visited	{color:#39104A;}
.vbutton a:link    	{color:#39104A;}
.vbutton a:hover 	{color:red;}

.vbuttonhl
{ background-color: #D0C8C8; color: #FFFFFF;
  border-bottom: 5px white   solid;
}
.vbuttonhl a 		{color:inherit; text-decoration:none;
			 display: block; width: 100%; height: 100%; }
.vbuttonhl a:visited	{color:#39104A;}
.vbuttonhl a:link    	{color:#39104A;}
.vbuttonhl a:hover 	{color:white;}

/* Vertical Nav Bar SubMenu Button */
.sbutton
{ background-color: white; color: #39104A;
  height: 10px; text-align: right; vertical-align: bottom;
  font: normal x-small verdana, helvetica, arial, sans-serif;
  font-size: 9px; font-weight: 500;
  letter-spacing: 0.01em; line-height: 1.2em;
  border-top: none;
  border-bottom: 1px white solid;
}
.sbutton a 		{color:inherit; text-decoration:none; }
.sbutton a:visited	{color:#39104A;}
.sbutton a:link    	{color:#39104A;}
.sbutton a:hover 	{color:black;   text-decoration:underline;}

/* Overall style for the main content panel */
.maintd
{ background-color: white; color: black;
  width: 575px; text-align: left; vertical-align: top;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  border-left: 5px white solid;  
  font-size: 13px;
  letter-spacing: 0.01em; line-height: 1.2em;
}
.maintd a 	  {color:inherit; text-decoration:underline; }
.maintd a:visited {color:black;}
.maintd a:link    {color:black;}
.maintd a:hover   {color:blue;}

.hmenu
{ background-color: white; color: #444444;
  width: 575px; text-align: left; vertical-align: top;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 0.01em; line-height: 1.75em;
  margin-left: 10em;
  border-top: 8px white solid;
}
.hmenu a 	 {color:inherit; text-decoration:underline; }
.hmenu a:visited {color:#444444;}
.hmenu a:link    {color:#444444;}
.hmenu a:hover   {color:black;}

/* Headlines */

.bannerbox, .bannerbox2
{ background-color: #43435A; color: #FFFFFF;
  text-align: left; vertical-align: top;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight:400;
  letter-spacing: -0.01em; line-height: 1.2em;
  margin-left: 10em;
  border-top: 25px #43435A solid;
  border-bottom: 5px #43435A solid;
}
.bannerbox
{ border-right: 90px #43435A solid;
  border-left:  35px #43435A solid;  
}
/* Headlines, justified right */
.bannerbox2
{ border-right: 30px #43435A solid;
  border-left: 210px #43435A solid;  
}

.bannertextlg, h1
{ font-size: 13px; line-height: 20px; font-weight:400;
  letter-spacing: 0.3em; color:#ffffff;
  margin: 0;
}

.bannertextsm, h2
{ font-size: 11px; line-height: 13px; font-weight: normal;
  letter-spacing: 0.1em; color: #AAAAAA;
  margin: 0;
}

/* This is the main copy area. */
.textbox, .illustratedbox
{ background-color: #858599; color: white;
  text-align: left; vertical-align: top;
  border-top: 30px #858599 solid;
  border-bottom: 50px #858599 solid;
  border-left: 35px #858599 solid;  
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.25em;
  margin-left: 10em;
  margin-right: 0em;
}
.textbox 			{border-right: 75px #858599 solid;}
.textbox a 			{text-decoration: underline;}
.textbox a:visited 		{color:#ffffff;}
.textbox a:link  		{color:#ffffff;}
.textbox a:hover   		{color:#000000;}

.illustratedbox 		{border-right: 10px #858599 solid;}
.illustratedbox a 		{text-decoration: underline;}
.illustratedbox a:visited 	{color:#ffffff;}
.illustratedbox a:link  	{color:#ffffff;}
.illustratedbox a:hover   	{color:#000000;}

.picbesidetextbox
{ background-color: #858599; color: white;
  text-align: left; vertical-align: top;
  border-top: 0px #858599 solid;
  border-bottom: 10px #858599 solid;
  border-right: 65px #858599 solid;
  border-left: 15px #858599 solid;  
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.25em;
  margin-left: 10em;

}
.picbesidetextbox a { text-decoration: underline;}
.picbesidetextbox a:visited {color:#ffffff;}
.picbesidetextbox a:link    {color:#ffffff;}
.picbesidetextbox a:hover   {color:#000000;}


.item
{ font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.25em;
  margin-left: 1.45em;
  text-indent: -1.45em;
  margin-bottom: 0.25em ;
}

.textbox_links
{ font-size: 10px; font-weight: 400;
  border-top: 15px #858599 solid;
}

.text_links
{ font-size: 10px; font-weight: 400;
  margin-left: 0em;
  text-indent: 0em;
  border-top: 15px #858599 solid;
}

.dot_r
{ font-size: 10px; font-weight: 400;
  text-align: center;
  vertical-align: top;
  color: white;
}
.dot_l
{ font-size: 10px; font-weight: 400;
  text-align: left;
  vertical-align: top;
  color: white;
}

.spacebox
{ background-color: white; color: white;
  text-align: left; vertical-align: top;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 3px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.0em;
}

.pictures
{ background-color: #858599 ; color: black;
  vertical-align: top;
  font: normal x-small verdana, arial, helvetica, sans-serif;
}

.leftpictures
{ background-color: #858599 ; color: black;
  vertical-align: top;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  border-bottom: 15px #858599 solid;
  border-left: 35px #858599 solid;  
  margin-left: 10em;
  width: 75px;
}
 
.hyperpic	{border: 1px white solid;}
.hyperpichl 	{border: 1px black solid;}

.fieldbutton, .fieldbuttonhl, .bigbutton, .bigbuttonhl
{ text-align: center; vertical-align: middle;
  font: normal x-small verdana, helvetica, arial, sans-serif;
  font-size: 9px; font-weight: 500;
  letter-spacing: +0.05em; line-height: 2em;
}
.fieldbutton
{ background-color: #888888; color: #FFFFFF;
  border:  1px white solid;
  width: 150px; height: 22px;
}
.fieldbuttonhl
{ background-color: #434354; color: black;
  border:  1px black solid;
  width: 150px; height: 22px;
}
.fieldbutton a, .fieldbuttonhl a
{ text-decoration:underline; vertical-align: middle;
  display: block; width: 100%; height: 100%;
}
.fieldbutton a
{ background-color: #888888; color: white;}
.fieldbuttonhl a
{ background-color: #434354; color: black;}
.fieldbutton a:visited, .fieldbutton a:link, .fieldbutton a:hover
{ color:#FFFFFF;}
.fieldbuttonhl a:visited, .fieldbuttonhl a:link, .fieldbuttonhl a:hover
{ color:#AAAAAA;}

.bigbutton
{ background-color: #888888; color: #FFFFFF;
  border:  1px white solid;
  width: 225px; height: 22px;
}
.bigbuttonhl
{ background-color: #434354; color: black;
  border:  1px black solid;
  width: 225px; height: 22px;
}
.bigbutton a, .bigbuttonhl a
{ color:inherit; text-decoration:underline;
  display: block; width: 100%; height: 100%;
}
.bigbutton a:visited, .bigbutton a:link, .bigbutton a:hover
{ color:#FFFFFF;}
.bigbuttonhl a:visited, .bigbuttonhl a:link, .bigbuttonhl a:hover
{ color:#AAAAAA;}

.widebutton, .widebuttonhl
{ width: 150px; height: 22px; text-align: center; vertical-align: bottom;
  font: normal x-small verdana, helvetica, arial, sans-serif;
  font-size: 9px; font-weight: 500;
  letter-spacing: -0.05em; line-height: 1.2em;
}
.widebutton a, .widebuttonhl a
{ color:inherit; text-decoration:none; vertical-align: bottom;
  display: block; width: 150px; height: 100%;
}
.widebutton a:visited, .widebutton a:link,
.widebuttonhl a:visited, .widebuttonhl a:link
{ color:#39104A; }
.widebutton a:hover, .widebuttonhl a:hover
{ color:white;}

.widebutton
{ background-color: #ddd5cf; color: #39104a;
  border-bottom: 1px #DDD5CF solid;
}

.widebuttonhl
{ background-color: #D0C8C8; color: black;
  border-bottom: 1px #D0C8C8 solid;
}

.text, .nitext, .adrform td
{ background-color: #858599; color: white;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.25em;
}
.text   		{margin-left: 10em;}
.text a 		{text-decoration: underline;}
.text a:visited 	{color:#ffffff;}
.text a:link    	{color:#ffffff;}
.text a:hover   	{color:#000000;}
.nitext a 		{text-decoration: underline;}
.nitext a:visited 	{color:#ffffff;}
.nitext a:link    	{color:#ffffff;}
.nitext a:hover   	{color:#000000;}


-->