body {
margin: 0; padding: 0;
background-color: #ece9d8;
}
p	{
margin-top: 8px; 
margin-right:10px;
margin-bottom: 5px;
margin-left:10px;
padding: 0px;
font-family:verdana, sans-serif;
font-size: 0.7em;
text-align:justify;
}
table	{
margin-top: 8px; 
margin-right:30px;
margin-bottom: 5px;
margin-left:28px;
padding: 0px;
font-family:verdana, sans-serif;
font-size: 0.7em;
text-align:justify;
line-height:1.5em;
color:#536579;
}
ul	{
margin-top: 8px; 
margin-right:10px;
margin-bottom: 5px;
margin-left:28px;
padding: 0px;
font-family:verdana, sans-serif;
font-size: 0.8em;
line-height:1.4em;
color:#576da9;
}
li	{
margin-top: 8px; 
margin-right:10px;
margin-bottom: 5px;
margin-left:28px;
padding: 0px;
font-family:verdana, sans-serif;
font-size: 0.9em;
line-height:1.4em;
color:#7b7a71;
}

p.banner	{
margin-top:0px;
margin-left:165px; 
padding-right:10px;
font-family:univers;
font-style:normal;
font-size:0.2em; 
text-align:left;
color:#576da9;
} 
p.title	{
font-family:verdana, sans-serif;
font-style:italic;
font-size:1.8em; 
font-weight:normal;
line-height: 1.2em;
text-align:left;
letter-spacing:5px;
color: #ece9d8;
padding-top:10px;
padding-right:146px;
padding-bottom:0px;
padding-left:170px;
} /* color was #908857 */

p.titlereet	{
font-family:verdana, sans-serif;
font-style:italic;
font-size:1.8em; 
font-weight:normal;
text-align:right;
letter-spacing:5px;
color: #ece9d8;
padding-top:0px;
padding-right:240px;
padding-bottom:10px;
padding-left:170px;
} /*line-height: 1.2em;*/

h1 {
margin-top: 10px;
margin-right:10px;
margin-bottom:5px;
margin-left:20px;
font-family: verdana, sans-serif;
font-size: 1.25em;
letter-spacing: 0.5px;
padding-bottom: 9px;
padding-top: 10px;
padding-right: 0px;
padding-bottom:0px;
padding-left: 0px;
color: #536579;
font-weight: normal;
}
h2	{
margin-top: 0px;
margin-right:10px;
margin-bottom:7px;
margin-left:35px;
font-family: verdana, sans-serif;
font-size: 1.1em;
letter-spacing: 0.5px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
color: #536579;
font-weight: normal;
}
h5	{
margin-top: 0px;
margin-right:10px;
margin-bottom:7px;
margin-left:35px;
font-family: verdana, sans-serif;
font-size: 1em;
letter-spacing: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
color: #48619a;
font-weight: normal;
}

h3	{
margin-top: 7px;
margin-right:10px;
margin-bottom:10px;
margin-left:56px;
font-family: verdana, sans-serif;
font-size: 0.9em;
font-weight: 500;
color: #536579;
}
h4	{
margin-top: 10px;
margin-left:26px;
margin-bottom: 0px;
font-size: 0.8em;
font-weight: 500;
color: #536579;
}/*color was:#576da9; */
/* whitesmoke  RGB 245. 245. 245 */

h6	{
margin-top: 8px; 
margin-right:10px;
margin-bottom: 5px;
margin-left:30px;
padding: 0px;
font-family:verdana, sans-serif;
font-size: 0.8em;
font-weight: normal;
color: #536579;
}

#header {
Width:1234px;
height:115px;
background-color: #576da9;
margin: 0px;
border-bottom: 5px solid #9c9deb;
}
#column-left {
position:absolute;
top:120px;
margin: 0px;
padding: 0px;
float: left;
background-image: url(img/twinfleur.jpg);
background-repeat: no-repeat;
background-position: top left;
background-color: #48619a;
width: 161px;
height:1930px;
}
#maincontent {
top:120px;
left:0px;
width:818px;
padding: 10px;
position:absolute;
margin-top: 0px;
margin-right: 10px;
margin-bottom:0px;
margin-left:  161px;
background-color: #ece9d8;
text-align: justify;
}/*576da9*/

#maincontent p {
margin-top: 8px;
margin-right:35px;
margin-bottom: 0px;
margin-left:31px;
font-family:verdana;
font-size: .7em;
line-height:1.6em;
text-align:justify;
color:#536579;
padding: 0px;
}
#containera	{
width: 800px;
margin: 10px;
border: 1px solid #800000;
text-align:justify;
}

#topbox	{
width: 450px; 
height: 295px; 
float:left;
margin-top:5px;
margin-right:0px;
margin-bottom:0px;
margin-left: 10px; 
padding: 0px; 
text-align:justify;
}
#topbox	p {padding:0px;
font-family:verdana;
font-size:0.7em;
font-weight:normal;
text-align:justify;
line-height: 1.6em;
color: #536579;
margin-top:0px;
margin-left:10px;
margin-right:0px;
margin-bottom:0px;
border-bottom: 1px solid #800000;
}
#photobox 	{
width: 315px; 
height:295px;
position:relative;
margin-top:5px;
margin-right:0px;
margin-bottom:0px;
margin-left: 470px;
float: left top;
padding: 0px; 
}
#photoholder	{
width:295px;
height:192px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:15px;
background-image: url(img/loufront-sm.jpg);
background-repeat: no-repeat;
background-position: top left;
border:1px solid #908857;
}
#column-right {
position:absolute;
top:120px;
left:999.5px;
margin-top:0px;
margin-right:10px;
margin-bottom:0px;
margin-left:0px;
padding: 0px;
float: left;
background-color: #dbdfe8;
width: 228px;
height:1930px;
border-left: 7px solid #9c9deb;
}

#right-inset {margin-top:29px;
padding: 0px;
float: right;
background-image: url(img/redroof.gif);
background-repeat: no-repeat;
background-position: top center;
background-color: #dbdfe8;
width: 224px;
height:875px;
}

#footer {margin: 0px 5px 0px 10px;
clear: both;
font-family:verdana;
color: #94add0;
height: 40px;
background-color: #dbdfe8;
border: solid #800000 1px;
}/*9c9deb */

#footer UL {
padding-left: 21px; 
font-weight: bold; 
font-size: 13px; 
margin: 0px; 
list-style-type: none;
}
#footer UL {
color: #94add0; 
height: 3em; 
}
#footer LI {
padding: 0px; float: left; list-style-type: none;
}
#footer LI {
margin: 0.75em 0px 0px 1em;
}
#footer LI A {
color: #27408b;
}
#footer LI A:hover {
color: #94add0; 
text-decoration: none
}
#footer LI.select A {
color: #3366cc; 
text-decoration: none
}
#bsslogo	{
margin:0px 5px 5px 10px;
padding:10px 15px 14px 0px;
font-family:verdana, sans-serif;
font-size: 0.7em;
line-height: 1.4em;
text-align:justify;
color: #26508F;
background-color: #9ACDFF;
border: solid #26508F 1px;
} /*9c9deb */
/*color:#34679a*/

#bsslogo	A {
color: #fff;
background-color:#26508F; 
}
#bsslogo	A:hover {
color: #94add0; 
text-decoration: none
}


#public {margin:0px 5px 0px 10px;
font-family:univers;
font-style:normal;
font-size: 0.2em; 
text-align: left;
clear: both;
background-color: #ece9d8;
color: #ece9d8;
}
img	{
border: 0px;
}
hr.matt { 
	width:172px;
	height:0px; 
    border:0px; 
    border-top:1px solid #b52929; 
    text-align:left;
    margin-left: 20px;
}
/* my notes on hrule follow */
/* hr	{
	height:1px;
    width:175px;
    color:#ffcc00;
    background:#ffcc00;
    margin: 0px 15px 0px 15px;
    noshade
} should apply next hr into <div> tag! 
not tried cos matt's worked ok...!
.rule { 
	height:1px;
    width:175px;
	border-top-width: 1px;
    border-top-style: solid;
    border-color: #ffcc00; 
    margin: 0px 2%;
} */
/* this hrule: definitely mozilla friendly */