/* Common Style-sheet */


/* Layout global */

/* body tag */

body
{
margin-top: 20px; /* aligns top with WordPress template */
margin-bottom: 20px; /* aligns bottomn with WordPress template */
background: #4b3513; /* background colour outside wrapper and under background image */
background-image: url(http://gaynorfolk-net.norfolk.on.ca/brickwall.jpg); /* background image outside wrapper */
background-attachment: fixed; /* background image does not scroll */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* default font for document FREE Trebuchet MS */
text-align: center; /* aligns text with center of webpage */
color: #4b3513; /* text colour for document brown */
 }
 
/* hyperlink pseudo-classes a: */
 
a:link { color: #1a6b1a; } /* green */
a:visited { color: #c0c0c0;} /* lite grey */
a:hover { color: #f11da8; } /* pink */
a:active { color: #2f12fe; } /* blue */

.websitenavbar a:link { color: #fd3507; } /* orange */
.websitenavbar a:visited { color: #fd3507; } /* orange */
.websitenavbar a:hover { color: #fd3507; background-color: #ffffc0;} /* yellow */
.websitenavbar a:active { color: #fd3507; } /* orange */

/* CSS 3 Font Embed */ 
/* Located in root directory */

/* for IE9 must be first */
@font-face {
font-family: Laconic_Light; /* Laconic_Light is a FREE font */
src: url('laconic_light-webfont.eot');
}

/* for Firefox and Chrome */
@font-face {
font-family: Laconic_Light; /* Laconic_Light is a FREE font */
src: url('Laconic_Light.otf');
}

/* img tag <img> */

img { border-width: 0px; margin-left: auto; margin-right: auto;} /* aligns images with center of wrapper */

/* img  <img class="imgdropshadowborder"> */
.imgdropshadowborder
{
border-top: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
margin: 0 15px 15px 0;
padding: 10px;
background: #ffffff;
}

/* div tag  <div> */

div
{
text-align: center; /* aligns text with center of div */
}

div.img { border-width: 0px; margin-left: auto; margin-right: auto } /* aligns images with center of div */

/* spacers between divs */

/* div  <div class="spacer1px"> */
.spacer1px
{
margin-top: 1px;
 }

/* div  <div class="spacer5px"> */
.spacer5px
{
margin-top: 5px;
 }

/* div  <div class="spacer10px"> */
.spacer10px
{
margin-top: 10px;
 }

/* div  <div class="spacer15px"> */
.spacer15px
{
margin-top: 15px;
 }

/* div  <div class="spacer20px"> */
.spacer20px
{
margin-top: 20px;
 }

/* div  <div class="spacer25px"> */
.spacer25px
{
margin-top: 25px;
 }

/* div  <div class="spacer30px"> */
.spacer30px
{
margin-top: 30px;
 }

/* div  <div class="spacer35px"> */
.spacer35px
{
margin-top: 35px;
 }

/* div  <div class="spacer40px"> */
.spacer40px
{
margin-top: 40px;
 }

/* div  <div class="spacer50px"> */
.spacer50px
{
margin-top: 50px;
 }

/* div  <div class="spacer60px"> */
.spacer60px
{
margin-top: 60px;
 }

/* div  <div class="spacer70px"> */
.spacer70px
{
margin-top: 70px;
 }

/* div  <div class="spacer80px"> */
.spacer80px
{
margin-top: 80px;
 }

/* header tag <h> */
/* use px rather than pt */

h1  { text-align: center; font-size: 18px; font-weight: bold; font-style: normal; }

h2  { text-align: center; font-size: 16px; font-weight: normal; font-style: normal; }

h3  { text-align: left; font-size: 13px; font-weight: normal; font-style: normal; }

h4  { text-align: left; font-size: 11px; font-weight: normal; font-style: normal; }

h5  { text-align: left; font-size: 9px; font-weight: normal; font-style: normal; }

h6  { text-align: left; font-size: 7px; font-weight: normal; font-style: normal; }

/* paragraph tag <p> */
/* use px rather than pt */

p.extraextralarge  { text-align: center; font-size: 20px; font-weight: bold; font-style: normal; }

p.extralarge  { text-align: center; font-size: 18px; font-weight: bold; font-style: normal; }

p.large  { text-align: center; font-size: 16px; font-weight: bold; font-style: normal; }

p.medium  { text-align: center; font-size: 13px; font-weight: bold; font-style: normal; }

p.mediumleft  { text-align: left; font-size: 13px; font-weight: bold; font-style: normal; }

p.small  { text-align: left; font-size: 11px; font-weight: bold; font-style: normal;}

p.smallcenter  { text-align: center; font-size: 11px; font-weight: bold; font-style: normal; }

p.smaller  { text-align: left; font-size: 9px; font-weight: bold; font-style: normal; }

p.smallercenter  { text-align: center; font-size: 9px; font-weight: bold; font-style: normal; }

p.smallest  { text-align: left; font-size: 7px; font-weight: bold; font-style: normal; }

p.smallestcenter  { text-align: center; font-size: 7px; font-weight: bold; font-style: normal; }

p.img { border-width: 0px; margin-left: auto; margin-right: auto } /* aligns images with center of webpage */

/* End of layout global */


/* Layout blocks */

/* div  <div class="wrapper"> */
.wrapper
{
width: 800px;
margin-left: auto; /* align wrapper with center of webpage */
margin-right: auto; /* align wrapper with center of webpage */
background-color: #ffffff;
}

/* div  <div class="websitenavbar"> */
.websitenavbar
{
width: 800px;
text-align: center;
background-color: #ffffff; /* white */
color: #4b3513; /* document text colour */
}

/* div  <div class="banner"> DISCONTINUED */
.banner
{
width: 760px;
height: 60px;
padding-top: 8px;
padding-left: 40px;
font-family: "Laconic_Light", Arial, Helvetica, sans-serif; /* default font for banner Laconic_Light */
font-size: 50px;
text-align: left;
}

/* div  <div class="informationblockbreakingborder"> DISCONTINUED */
.informationblockbreakingborder
{
width: 600px;
border: #f51f15 1px solid; /* red */
margin-left: auto; /* align div with center of wrapper */
margin-right: auto; /* align div with center of wrapper */
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
background-color:#ffffff;
text-align: center;
color: #f51f15; /* red */
}
 
/* div  <div class="informationblockwelcomeborder"> DISCONTINUED */
.informationblockwelcomeborder
{
width: 400px;
border: #4b3513 1px solid;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
background-color: #ffffff;
text-align: center;
}
 
/* div  <div class="informationblockborder"> */
.informationblockborder
{
width: 600px;
border: #4b3513 1px solid;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
background-color: #ffffff;
text-align: center;
}

/* div  <div class="cssframe"> */
.cssframe {
width: 600px;
height: 600px;
border: #feab8e 1px solid; /* orange */
overflow: auto;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
background-color: #ffffff; /* white */
background-image: url('http://gaynorfolk-net.norfolk.on.ca/background_lightyellow.png');
text-align: center;
}

/* .cssframe ul tag  <ul> */
.cssframe ul
{

}

/* .cssframe li tag  <li> */
.cssframe li
{
list-style-position: outside;
list-style-image: url('http://gaynorfolk-net.norfolk.on.ca/bulletrss.png');
}
 
/* div  <div class="informationblocknewsfeedborder"> DISCONTINUED */
.informationblocknewsfeedborder
{
width: 600px;
border: #feab8e 1px solid; /* orange */
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
background-color: #ffffff;
background-image: url('');
text-align: center;
}
 
/* div  <div class="informationblocknoborder"> */
.informationblocknoborder
{
width: 600px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
text-align: center;
 }

/* div  <div class="footerblocknoborder"> */
.footerblocknoborder
{
width: 800px;
border-top: #4b3513 1px solid;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
font-size:9px;
font-weight: bold;
font-style: normal;
background-color: #ffffff;
text-align: center;
 }

/* End of layout blocks */