/* ################################################################
	Media dependent style rules
################################################################ */


@media print {

body  {font-family: Georgia, Palatino, Garamond, serif;
       font-size: 10pt;	
       letter-spacing: 0.09em;
       color: black;
       background: #fff;
}

del {display: none}
ins {text-decoration: none;
}

img.print {display: block}

address {margin: 0 auto;font: normal 10pt/16pt Georgia, Palatino, Garamond, serif;}

#footer {display: none; }

#header {display: none;}

#container {background: #fff;
	    margin-left: 1.9in;
	    margin-right: 0.2in}

#content {background: #fff;
	  overflow: visible;
	  page-break-inside: auto;
}

#after {display: none}

#mainmenu {display: none}

#banner {display: none;}

div.comfort {margin-top: 0.2in;
	     background: white;}

p {page-break-after: auto; }

a {color:black}

.toggle {display:block}

}

/* ###### media screen #######
############################## */


@media screen {

body  {font: normal 12pt/22pt Georgia, Palatino, Garamond, serif;
       letter-spacing: 0.09em;
       color: white;
       margin: 0;
}

a {color: #c38b12;text-decoration: underline;padding: 0; margin: 0;}
a:visited {color: #e08585}
a:hover {color: red}



#content {position: relative;
	  left: 230px;
	  width: 500px; 
	  padding: 165px 0 0; margin:0;
	  overflow: visible;
	  margin-bottom: 40px;
	  z-index: 3;    /* so that opera puts text above graphics */
	  min-height:620px;
}

address {padding: 6px  10px;
	 font-style: normal;
	 font-size: 70%;
	 color:white;
	 line-height: 1.5;
	 margin: -14em 0 0.8em 10px;
	 text-align: left;
	 letter-spacing: 0.09em;
	 position:relative;width:160px;height:14em}

}

img.print {display: none}

#container {margin: 0;
	   padding: 0;
	}

#mainmenu {position: absolute;
	   width: 183px;
	   top: 160px;
	   left: 15px;
	   padding: 0px;
	   margin: 0px;
	   text-align: left;
}

.current {color: #c38b12}
.current:before {content: ">"}

#banner {position: absolute;
         left: 216px; top: 34px;
	 width: 547px;
	 text-align: center;

}

#after {height: 10px;}

del {text-decoration: line-through;
     color: red;	
     display:none;
}
ins {text-decoration: none;
     color: #ffffa0;
}


  

/* ################################################################
   General Font Rules applicable for both print and screen
################################################################ */


p, ol {margin: 0 0 1.2em;
      text-align: left;
      font-size: 90%;
      padding: 4px 0;
      line-height: 2;
      letter-spacing: 0.14em;
}

p.em {font-weight: bold;
      font-style: oblique;
      padding: 0;
      margin: 0.5em auto 1em;
      width: 60%;
      text-align: center;
}

em {font-weight: bold;
}

#content ul {font-size: 90%;
	     line-height: 1.4;
}

#content li {margin: 0 3em 0.7em;
}


/* ################################################################
	Structural Elements
################################################################ */


div.ref {font: normal 6pt Arial, Helvetica, sans-serif;
	 margin-left: 25px;
}

.textblock {position: relative;
	    left: 0px;
	    width: 495px;
}

.textblock p {margin: 0;
	      padding: 0;
		padding-bottom: 1.2em;
}

.popup .imgleft {float: left;
	  clear: left;
	  margin: 10px 10px 10px 120px;
	  border: white solid 5px;
	  display: none;
}

.popup .imgright {float: right;
	  clear: right;
	  margin: 10px 20px 10px 10px;
	  border: white solid 5px;
}


#footer  {font-style: normal;
	  font-size: 70%;
	  line-height: 1.8;
	  text-align: center;
	  padding-left: 130px; 
	  margin: 0;
	  position: relative;
	  width: 760px; 
}

#header h1 {display: none;
}

#header {height: 563px; width: 760px;
	 position: absolute;
}



/* ################################################################
  main menu styles - text-based
################################################################ */

#mainmenu ul {list-style: none;	     
	      list-style-image: none;
	      padding: 0;	     
	      margin: 0;
	      font-variant: normal;  
	      font-size: 90%;	     
	      line-height: 1.8;        
	}

#mainmenu a {color: white;
	     text-decoration: none;
	     padding:0; margin: 0;
}


#mainmenu a:hover {color: #f0ebbe;
	     text-decoration: none;
}

#mainmenu a:visited {color: #d59b9b}


#mainmenu ul ul {list-style: none;	     
		 list-style-image: none;
		 padding: 0;
		 margin-left: 1em;	     
		 font-variant: normal;  
		 font-size: 80%;	     
		 line-height: 1.8;
}

#mainmenu ul ul li.main  {list-style: none;padding: 0;margin-left: 15px;font-variant: small-caps;font-size: 150%;line-height: 1.8;
	}






#mainmenu ul ul li {width: 152px;
}


.main {font-variant: small-caps;
       font-size: 130%;
}

.menusep {margin-top: 20px}

#mainmenu li {padding: 0 6px 0 6px;
		width: 177px;
	}

#mainmenu li:hover {cursor: pointer;
		}

/* ################################################################
    Main content area
################################################################ */

#content div {padding:0;margin:0;
}

#content h1 {padding: 0.2em 0.3em;
	      margin: 0 0 1em;
 	      font-size: 90%;
	      font-weight: bold;
	      font-variant: small-caps;
	      line-height: 1.1;
}

#content h2 {padding: 0.2em 0.3em;
	     margin: 1.4em 0 1em;
	     font-size: 90%;
	     font-weight: bold;
	     font-variant: small-caps;
	      line-height: 1.1;
}

#content h6 {padding: 0.2em 1.2em;
	     margin: 1.4em 0 1em;
	     font-size: 90%;
	     font-weight: normal;
	     font-variant: small-caps;
	      line-height: 1.1;
}


#content h3 {padding: 0.1em 0;
	     font-weight: normal;
	     font-size: 90%;
	     font-variant: small-caps;
	     text-align: left;
	     line-height: 1.1;
	     margin-top: 1.7em;
}

/* ################################################################
     Float images to the right and put dark background unterneath
################################################################ */

.image {margin-left:20px;background: #6d432f;float: right;}
.image p {font-style: italic;font-size:70%;line-height: 1.2;margin:0 10px 8px;padding: 4px;}
.image img {margin: 10px 10px 0;}


.copyright {width:760px;text-align:center;font-size:60%;line-height:0.7;font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif}
.copyright p {padding:4px;text-align:center;margin-top:10px;margin-left:200px}

.onboard {color:#fff;background:#c38b12}

a img {border:none}

#content #monthlegend td {background:#ebe1b0;}
#content #monthlegend td ul {padding:5px;margin:0}
#content #monthlegend td ul li {padding:0;list-style:none;margin:0}
#content #monthlegend td div {padding:0;}