body { background: #DADAC8 url(dijontarp.jpg) repeat-y top left;
       font-family: "Lucida Grande", Verdana, Arial, sans-serif;
       margin: 0; padding: 0}
img {border: 0}       
#flag { background: #e9d3dc url(lacecho_panorama_small.jpg) no-repeat 50% 0%;
	    margin:0;
	    padding: 20px;
	    height: 140px;
	    }
	    
#content { margin: 20px 220px 0px 20px; 
           background: url(bg.gif);
           padding: 20px;
           border: 1px solid black; }
           
#photos { position: absolute;
          top: 200px;
          right: 20px;
          width: 180px;
          border: 1px solid black;
          background-color: #c5dde6}
          
p, li, ul {font-size: 13px; line-height: 26px; margin: 0px 10px; font-weight: 600}
p+p, ul+p, p+ul {text-indent: 13px; margin-top: 8px;}
ul, li {text-indent: 0px}
h1, h2, h2, h3 h4 {font-family: "Trebuchet MS", Helvetica, Geneva, sans-serif}
h1 {font-size: 18px; margin: 0px}
h2, h3 {font-size: 16px; margin: 16px 0px 2px 0px}
h4 {font-size: 14px; margin: 0px 0px 8px 0px}
h3 {margin:0}

#flag h1, #flag h4, #flag p  {color: #c5dde6; text-align: right}
#flag h1 {margin-top: 90px}
#flag a {color: #e9d3dc}
#flag a:hover {background-color: #434b09}
#flag p {margin: 0; font-size: 12px}
#flag h4 {margin: 0}
a:link {color: #a089a6}
a:visited {color: #434b09}
a:hover {background-color: #e9d3dc}
a:active {background-color: #c5dde6}

#photos p {font-size: 10px; line-height: 11px; padding-bottom: 5px}
#photos img {margin-left: 10px; margin-top: 10px}
