<!--
/* Main Metropolitan Style Sheet */

/* Colours:
   Metropolitan Purple: #39104A
   Metropolitan Beige:	#DDD5CF
   Obsolete colours
   Banner BG:		#43435A
   Textbox BG:		rgb(144,152,164); color: white;
*/

/* 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 */
.vbutton, .vbuttonhl
{ height: 22px; text-align: left; vertical-align: bottom;
  font: normal x-small verdana, helvetica, arial, sans-serif;
  font-size: 9px; font-weight: 500;
  letter-spacing: -0.06em; line-height: 1.2em;
}
.vbutton
{ background-color: #DDD5CF; color: rgb(40,48,61);
  border-bottom: 5px white   solid;
}
.vbutton a 		{color:inherit; text-decoration:none;
			 display: block; width: 100%; height: 100%; }
.vbutton a:visited	{color:rgb(40,48,61);}
.vbutton a:link    	{color:rgb(40,48,61);}
.vbutton a:hover 	{color:white;}

.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:rgb(40,48,61);}
.vbuttonhl a:link    	{color:rgb(40,48,61);}
.vbuttonhl a:hover 	{color:white;}

/* Vertical Nav Bar SubMenu Button */
.sbutton
{ background-color: white; color: rgb(40,48,61);
  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:rgb(40,48,61);}
.sbutton a:link    	{color:rgb(40,48,61);}
.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 */
/* 43435A */
.bannerbox, .bannerbox2
{ background-color: rgb(77,86,101); 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 rgb(77,86,101) solid;
  border-bottom: 5px rgb(77,86,101) solid;
}
.bannerbox
{ border-right: 90px rgb(77,86,101) solid;
  border-left:  35px rgb(77,86,101) solid;  
}
/* Headlines, justified right */
.bannerbox2
{ border-right: 20px rgb(77,86,101) solid;
  border-left: 200px rgb(77,86,101) 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: rgb(144,152,164); color: white;
  text-align: left; vertical-align: top;
  border-top: 30px rgb(144,152,164) solid;
  border-bottom: 50px rgb(144,152,164) solid;
  border-left: 35px rgb(144,152,164) 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 rgb(144,152,164) 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 rgb(144,152,164) solid;}
.illustratedbox a 		{text-decoration: underline;}
.illustratedbox a:visited 	{color:#ffffff;}
.illustratedbox a:link  	{color:#ffffff;}
.illustratedbox a:hover   	{color:#000000;}

.picbesidetextbox
{ background-color: rgb(144,152,164); color: white;
  text-align: left; vertical-align: top;
  border-top: 0px rgb(144,152,164) solid;
  border-bottom: 10px rgb(144,152,164) solid;
  border-right: 65px rgb(144,152,164) solid;
  border-left: 15px rgb(144,152,164) 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 rgb(144,152,164) solid;
}

.text_links
{ font-size: 10px; font-weight: 400;
  margin-left: 0em;
  text-indent: 0em;
  border-top: 15px rgb(144,152,164) 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: rgb(144,152,164) ; color: black;
  vertical-align: top;
  font: normal x-small verdana, arial, helvetica, sans-serif;
}

.leftpictures
{ background-color: rgb(144,152,164) ; color: black;
  vertical-align: top;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  border-bottom: 15px rgb(144,152,164) solid;
  border-left: 35px rgb(144,152,164) 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: 250px; 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: 250px; height: 100%;
}
.widebutton a:visited, .widebutton a:link,
.widebuttonhl a:visited, .widebuttonhl a:link
{ color:rgb(40,48,61); }
.widebutton a:hover, .widebuttonhl a:hover
{ color:white;}

.widebutton
{ background-color: #DDD5CF; color: rgb(40,48,61);
  border-bottom: 1px #DDD5CF solid;
}

.widebuttonhl
{ background-color: #D0C8C8; color: black;
  border-bottom: 1px #D0C8C8 solid;
}

.text, .nitext, .adrform td
{ background-color: rgb(144,152,164); 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;}

.inputtxt
{ background-color: white; color: black;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.25em;
}

.questiontxt
{ background-color: rgb(77,86,101); color: #AAAAAA;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.25em;
  height: 24px;
}

.answertxt
{ background-color: white; color: #666666;
  font: normal x-small verdana, arial, helvetica, sans-serif;
  font-size: 11px; font-weight: 400;
  letter-spacing: -0.01em; line-height: 1.25em;
  height: 22px;
}

.adrform td.label { width: 150px; vertical-align: middle; text-align: right;}
.adrform td.field { width: 375px; vertical-align: top; text-align: left;}

.date_area, .n_area, .property_area, .code_area
{ 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: 1.5em;
  background-color: #888888; color: white;
  border:  0px black solid;
}

.date_area
{ width: 105px; height: 12px; border: 2px #DDD5CF solid; text-align: center; }

.rezz_date_area
{ width: 125px; height: 12px; border: 2px #DDD5CF solid; text-align: center;
  background-color: #888888; color: white;
}

.n_area
{ border: 1px  #DDD5CF solid;
  width: 50px; height: 15px; }

.property_area
{ border: 0px  #DDD5CF solid;
  font-size: 10px;
  letter-spacing: +0.0em;
  border: 1px #DDD5CF solid;
  width: 160px; height: 15px; text-align: right;
}

.code_area
{ width: 85px; height: 16px; border: 2px #DDD5CF solid;}

.qrez, .qrez_error, .rezz, .rezz_error
{ font: normal x-small verdana, helvetica, arial, sans-serif;
  font-size: 9px; font-weight: 500;
  letter-spacing: 0.01em; line-height: 1.5em; text-align: right;
}

.rezz, .rezz_error, .rez
{ font: normal x-small verdana, helvetica, arial, sans-serif;
  font-size: 10px; font-weight: 500;
  letter-spacing: 0.01em; line-height: 1.5em; text-align: right;
  background-color: rgb(144,152,164); color: white;
}

.qrez_error, .rezz_error
{ letter-spacing: 0.005em; line-height: 1.0em; text-align: right;
  color: #FF4444
}

.rezz_error
{ background-color: #AAAAAA;}

.fbicon
{ width: 20px; height: 20px; border: 0px; }
-->