/* Style sheet for Drumdelgie website */

html, body {margin:0; padding:0;}

body { background-color: #efd;font-family: helvetica,arial,sans-serif; font-size: small; color:#363; line-height:1.5;}

h1 {font-size:2.5em; color:#fac873; margin:1em 1em 0 1em; }
h2 { font-size:1.3em; margin:1em 1em 0 1em;}
h3 { margin:3px 0 0 3px; font-weight:bold;}


ul a:link {color: #336633; font-weight: bold; text-decoration: none;}
ul a:visited {color: #669933; font-weight: bold; text-decoration: none;}
ul a:hover {color: #3333cc; font-weight: bold; text-decoration:underline;}
ul a:active {color: #CC3333; font-weight: bold; }

#menu { text-align:left;}
#menu a:link {color: #336633; font-weight: bold; text-decoration: none;}
#menu a:visited {color: #669933; font-weight: bold; text-decoration: none;}
#menu a:hover {color: #3333cc; font-weight: bold; text-decoration:underline;}
#menu a:active {color: #CC3333; font-weight: bold; }

.inset {border-color:#336633; border-width:2px; border-style:solid;}
.inset p {margin:5px;}

#pagewidth {width:760px; margin:0 auto; background:url(../images/pine3.jpg) top left no-repeat;border:1px solid #363;}
#header {}
#logo {float:left;}
#slogan {float:right;}
#container {width:630px; float:right;}
#headimage {}
#main {width:610px; margin-top:4em;}
#text {width:450px;float:left;}
#text p {margin:10px 5px;}
#quote {float:right; padding:5px; background-color:#c3dca0; color:#363; font-weight:bold;}
#rightcol {float:right; width:150px;}
#rightcol img {margin:8px;}
#valid { float:right; margin:0 2em;}
#footer { clear:both;width:760px; font-size: 0.80em; float:none; background-color:#fff;}
#footer { border:5px 0 0 0; border-top:solid; border-top-color:#694105;}
#address { width:350px; padding-left:1em;}
#copy, #design { float:right; width:150px;}

/* horizontal navigation*/

#navcontainer {
padding:0;
margin:0;
margin-top:0;
list-style-type:none;
float:left;
width:100%;
font-size:0.9em;
color:#369;
background-color:#336633;
}

#navcontainer ul {margin:0; padding:0;}

#navlist li {display: inline;}

#navlist li a {
float:left;
width:auto;
color:#fac873;
background-color:#336633;
padding:0.5em 1em;
text-decoration:none;
border-right:1px solid #fff;
text-align:center;
}

#navlist li a:visited {
background-color:#669933;
color:#ffcc99;
}

#navlist li a:hover {
background-color:#669933;
color:#ffcc00;
}
/* end of horiz nav  */

div {border:0px solid #000;}

#text img {margin:5px 80px;}
#rightcol p {font:1.2em bold;}
.inset {width:80%; margin:1em auto;}
.clr {clear:both;}