/*village.css*/
body {
margin: 0; padding: 0;
font-family: verdana, sans-serif;
text-align:justify;
background-color: #336699;
} /* bg color was #576da9 */

p	{
margin-top: 8px; 
margin-right:10px;
margin-bottom: 5px;
margin-left:10px;
padding: 0px;
font-family:verdana;
font-size: 0.7em;
line-height: 1.4em;
text-align:justify;
color: #336699;
}  /* color was #576da9 */

A {
color: #b52929; 
text-decoration: none;
}
A:hover {
color: #94add0; 
text-decoration: none;
}
A.select {
color: #3366cc; 
text-decoration: none
}

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:#336699;
}
p.title	{
font-family:verdana, sans-serif;
font-style:italic;
font-size:1.8em; 
font-weight:normal;
text-align:left;
letter-spacing:5px;
color: #ece9d8;
padding-top:0px;
padding-right:146px;
padding-bottom:0px;
padding-left:175px;
} /* 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-size: 1.25em;
letter-spacing: 0.5px;
padding-bottom: 9px;
padding-top: 10px;
padding-right: 0px;
padding-bottom:0px;
padding-left: 0px;
color: #336699;
font-weight: normal;
} /* color was #576da9 */

h2	{
margin-top: 0px;
margin-right:10px;
margin-bottom:7px;
margin-left:35px;
font-size: 1.1em;
letter-spacing: 0.5px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
color: #336699;
font-weight: normal;
} /* color was #576da9 */

h3	{
margin-top: 0px;
margin-right:10px;
margin-bottom:10px;
margin-left:56px;
font-size: 0.9em;
font-weight: 500;
color: #336699;
} /* color was #576da9 */

h4	{
margin-top: 10px;
margin-left:26px;
margin-bottom: 0px;
font-size: 0.8em;
font-weight: 500;
color: #336699;
} /* color was #576da9 */
/* whitesmoke  RGB 245. 245. 245 */

#header {
Width:1234px;
height:115px;
background-color: #336699;
margin: 0px;
border-bottom: 5px solid #9c9deb;
} /* bg color was: #576da9 */

#column-left {
position:absolute;
top:120px;
margin: 0px;
padding: 0px;
float: left;
background-color: #336699;
width: 140px;
height:1490px;
} /* bg color was: #48619a */

#maincontentVG {
top:120px;
left:0px;
width:818px;
padding: 10px;
position:absolute;
margin-top: 0px;
margin-right: 10px;
margin-bottom:0px;
margin-left:  140px;
background-image: url(img/twinfleurTp2.jpg);
background-repeat: no-repeat;
background-position: top left;
background-color: #ece9d8;
text-align: justify;
color: #336699;
} /* color was #807c64 */

#maincontentVG p {
margin-top: 8px;
margin-right:30px;
margin-bottom: 5px;
margin-left:30px;
font-family:verdana;
font-size: .7em;
line-height:1.6em;
text-align:justify;
color:#336699;
padding: 0px;
} /* color was #576da9 */

#containera	{
width: 800px;
margin: 10px;
border:1px solid #800000;
text-align:justify;
}

#topboxHD	{
width: 450px; 
height: 295px; 
float:left;
margin-top:5px;
margin-right:0px;
margin-bottom:0px;
margin-left: 10px; 
padding: 0px; 
text-align:justify;
}

#topboxHD	p {padding:0px;
font-family:verdana;
font-size:0.7em;
font-weight:normal;
text-align:justify;
line-height: 1.6em;
color: #336699;
margin-top:0px;
margin-left:10px;
margin-right:0px;
margin-bottom:0px;
border-bottom: 1px dashed #666666;
} /* color was #576da9 */

#topboxVG	{
width: 450px; 
height: 295px; 
float:left;
margin-top:5px;
margin-right:0px;
margin-bottom:0px;
margin-left: 10px; 
padding: 0px; 
text-align:justify;
}
#topboxVG	p {padding:0px;
font-family:verdana;
font-size:0.7em;
font-weight:normal;
text-align:justify;
line-height: 1.6em;
color: #336699;
margin-top:24px;
margin-right:20px;
margin-bottom:0px;
margin-left:30px;
border-bottom: 1px dashed #666666;
}
#photoboxHD 	{
width: 302px; 
height:288px;
position:relative;
margin-top:5px;
margin-right:0px;
margin-bottom:0px;
margin-left: 475px;
float: left top;
padding: 0px; 
}
#photoholderHD	{
width:285px;
height:190px;
margin-top:20px;
margin-right:0px;
margin-bottom:0px;
margin-left:10px;
background-image: url(img/myhouse.jpg);
background-repeat: no-repeat;
background-position: top left;
border:3px solid #9c9deb;
}
#photoholderVG	{
width:285px;
height:190px;
margin-top:15px;
margin-right:0px;
margin-bottom:0px;
margin-left:10px;
background-image: url(img/eglise_st_geours.jpg);
background-repeat: no-repeat;
background-position: top left;
border:3px solid #9c9deb;
}
#right-col {
position:absolute;
top:120px;
left:978.5px;
margin-top:0px;
margin-right:10px;
margin-bottom:0px;
margin-left:0px;
padding: 0px;
float: left;
background-color: #dbdfe8;
width: 242px;
height:1711px;
border-left: 7px solid #9c9deb;
border-bottom: 7px solid #9c9deb;
border-right: 7px solid #9c9deb;
}
#inset-right {margin-top:30px;
padding: 0px;
float: right;
background-image: url(img/redroof.gif);
background-repeat: no-repeat;
background-position: top center;
background-color: #dbdfe8;
width: 240px;
height:1515px;
}
#footer {margin:0px 5px 0px 10px;
padding: 2%;
padding-color:opaque;
text-align: center;
clear: both;
background-color: #dbdfe8;
color: #908857;
border: solid #9c9deb 1px; 
} /* color was #d8d5c5 border 9c9deb*/



hr.matt { 
	width:190px;
	height:0px; 
    border:0px; 
    border-top:1px solid #b52929; 
    text-align:left;
    margin-left: 25px;
}
/* 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 */