html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	}

ol {
	margin-left: 1.4em;
	list-style: decimal;
	}

ul {
	margin-left: 0;
	list-style: none;
	}

img {
	border: 0;
	}

h1, h2, h3, h4, h5, h6, p, ol, ul, li, a {
	font-family: "Calibri", "Arial", "Helvetica", "sans-serif";
	}

html {
	background-color: rgb(255, 255, 255);
	background-image: url(background.jpg);
	background-repeat: repeat-x;
	}

body {
	background-color: rgb(255, 255, 255);
	margin-top: 20px;
	margin-right: 5%;
	margin-left: 5%;
	border: 2px solid rgb(0, 0, 0);
	}

.clear {
	clear: both;
	}

.bold {
	font-weight: bold;
	}

.italics {
	font-style: italic;
	}

.underline {
	text-decoration: underline;
	}

.noscreen {
	display: none;
	}

.signature {
	font-weight: bold;
	text-align: left;
	margin: 10px;
	}

#banner {
	width: 100%;
	}

#banner img {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	}

#sidebar {
	float: left;
	width: 22%;
	}

.navbar {
	border-right: 3px solid rgb(0, 0, 0);
	border-bottom: 3px solid rgb(0, 0, 0);
	margin-left: -20px;
	padding-right: 5px;
	}

.navbar li {
	background-color: rgb(0, 128, 0);	
	border: 2px solid rgb(0, 0, 0);
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 3px;
	text-align: left;
	}

.navbar li a:link {
	color: rgb(255, 255, 255);
	text-decoration: none;
	display: block;
	padding: 10px;
	}

.navbar li a:visited {
	color: rgb(255, 255, 255);
	text-decoration: none;
	display: block;
	padding: 10px;
	}

.navbar li a:hover {
	color: rgb(0, 128, 0);
	background-color: rgb(255, 255, 255);
	text-decoration: none;
	display: block;
	padding: 10px;
	}

.navbar li a:active {
	color: rgb(0, 128, 0);
	text-decoration: none;
	display: block;
	padding: 10px;
	}

.navsub {
	margin-top: -3px;
	margin-bottom: 3px;
	border: 2px solid rgb(0, 0, 0);
	border-top: 0;
	}

.navsub li {
	font-size: 0.95em;
	margin-bottom: 0px;
	background-color: rgb(0, 150, 0);
	border: 0;
	}

.navsub li a:link {
	color: rgb(255, 255, 255);
	text-decoration: none;
	display: block;
	padding: 7px;
	}

.navsub li a:visited {
	color: rgb(255, 255, 255);
	text-decoration: none;
	display: block;
	padding: 7px;
	}

.navsub li a:hover {
	color: rgb(0, 128, 0);
	background-color: rgb(255, 255, 255);
	text-decoration: none;
	display: block;
	padding: 7px;
	}

.navsub li a:active {
	color: rgb(255, 255, 255);
	text-decoration: none;
	display: block;
	padding: 7px;
	}

li.here {
	text-decoration: none;
	font-weight: bold;
	background-color: rgb(0, 50, 0);
	display: block;
	}

#main {
	float: left;
	width: 78%;
	}

h1.pagebanner {
	background-color: rgb(0, 128, 0);
	color: rgb(255, 255, 255);
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border-right: 1px solid rgb(255, 255, 255);
	margin-bottom: 10px;
	}

p.standard {
	color: rgb(0, 0, 0);
	text-align: justify;
	margin: 10px;
	font-size: 1.15em;
	}

.pagewidth {
	width: 100%;
	}

.homepage p {
	color: rgb(0, 0, 0);
	text-align: justify;
	margin: 10px;
	font-size: 1.15em;
	}

.homepage img {
	float: right;
	width: 40%;
	margin: 10px;
	margin-top: 0;
	}

.homepage a {
	color: rgb(0, 0, 0);
	text-decoration: underline;
	}

.homepage a:hover {
	color: rgb(255, 255, 255);
	background-color: rgb(0, 0, 0);
	text-decoration: underline;
	}	

.aboutus p {
	color: rgb(0, 0, 0);
	text-align: justify;
	margin: 10px;
	font-size: 1.15em;
	}	

.aboutuspic {
	float: right;
	width: 45%;
	margin: 10px;
	margin-top: 0;
	}

.aboutuspic img {
	width: 100%;
	}

.aboutuspic h2 {
	color: rgb(0, 0, 0);
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	margin: 10px;
	}

.aboutuspic h3 {
	color: rgb(0, 0, 0);
	font-size: 0.75em;
	text-align: center;
	font-style: italic;
	margin: 5px;
	}

.patternstobuy {
	border: 2px solid rgb(0, 0, 0);
	margin: 10px;
	margin-top: 0;
	padding: 10px;
	float: left;
	width: 92%;
	}

.patternstobuy h2 {
	color: rgb(255, 255, 255);
	background-color: rgb(0, 128, 128);
	font-size: 1.35em;
	font-weight: bold;
	padding: 10px;
	}

.patternstobuy p {
	font-size: 1em;
	margin: 10px;
	text-align: justify;
	}

.patternstobuy a {
	color: rgb(0, 0, 0);
	text-decoration: underline;
	font-size: 1em;
	}

.patternstobuy a:hover {
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	}

a.bookletbox {
	float: left;
	width: 50%;
	display: block;
	color: rgb(0, 0, 0);
	text-decoration: none;
	}

a:hover.bookletbox {
	background-color: rgb(128, 0, 128);
	color: rgb(255, 255, 255);
	}

.bookletbox img {
	float: left;
	width: 20%;
	margin: 10px;
	margin-left: 20px;
	border: 1px solid rgb(0, 0, 0);
	}

.bookletbox h3 {
	text-align: left;
	font-size: 1.25em;
	font-weight: bold;
	margin: 10px;
	margin-top: 20px;
	margin-bottom: 0;
	border-bottom: 2px solid rgb(0, 0, 0);
	}

.bookletbox p {
	text-align: justify;
	font-size: 1em;
	margin: 10px;
	}

.patternbooklet img {
	float: right;
	width: 40%;
	margin: 10px;
	margin-top: 0;
	border: 1px solid rgb(200, 200, 200);
	}

.patternbooklet p {
	color: rgb(0, 0, 0);
	text-align: justify;
	margin: 10px;
	font-size: 1.15em;
	}

.patternbooklet li {
	color: rgb(0, 0, 0);
	margin: 10px;
	font-size: 1.15em;
	font-weight: bold;
	text-align: justify;
	list-style-type: disc;
	list-style-position: inside;
	}

h2.patternbookletunavailable {
	width: 55%;
	text-align: center;
	text-decoration: none;
	background-color: rgb(0, 128, 128);
	color: rgb(255, 255, 255);
	margin: 10px;
	font-size: 1.50em;
	}

a.ebookbanner {
	clear: both;
	display: block;
	border: 1px solid rgb(200, 200, 200);
	text-align: center;
	text-decoration: none;
	background-color: rgb(0, 128, 0);
	color: rgb(255, 255, 255);
	padding: 10px;
	}

a:hover.ebookbanner {
	background-color: rgb(0, 0, 0);
	}

a.ebookbanner h2 {
	font-size: 1.25em;
	font-weight: bold;
	}

a.ebookbanner h3 {
	font-size: 1.15em;
	font-style: italic;
	}

.freepatterns p {
	color: rgb(0, 0, 0);
	margin: 10px;
	font-size: 1.15em;
	text-align: justify;
	}

.freepatterns a {
	color: rgb(0, 0, 0);
	text-decoration: underline;
	}

.freepatterns a:hover {
	color: rgb(255, 255, 255);
	text-decoration: underline;
	background-color: rgb(0, 0, 0);
	}

.freepatternmenu {
	margin: 10px;
	border-top: 2px solid rgb(0, 0, 0);
	border-bottom: 2px solid rgb(0, 0, 0);
	padding-top: 10px;
	padding-bottom: 10px;
	}

a.freepatternbox {
	width: 50%;
	text-decoration: none;
	color: rgb(0, 0, 0);
	display: block;
	float: left;
	}

a:hover.freepatternbox {
	background-color: rgb(128, 0, 128);
	color: rgb(255, 255, 255);
	}

.freepatternbox img {
	float: left;
	width: 20%;
	margin: 10px;
	margin-left: 20px;
	border: 1px solid rgb(0, 0, 0);
	}

.freepatternbox h3 {
	text-align: left;
	font-size: 1.25em;
	font-weight: bold;
	margin: 10px;
	margin-top: 20px;
	margin-bottom: 0;
	border-bottom: 2px solid rgb(0, 0, 0);
	}

.freepatternbox p {
	text-align: justify;
	font-size: 1em;
	margin: 10px;
	}

.freepatternstc {
	clear: both;
	margin: 10px;
	}

.freepatternstc a h4 {
	color: rgb(0, 0, 0);
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	}

.freepatternstc ul {
	margin: 10px;
	}

.freepatternstc li {
	color: rgb(0, 0, 0);
	margin-left: 15px;
	font-size: 1em;
	text-align: justify;
	list-style-type: disc;
	list-style-position: outside;
	}

.freepattern p {
	color: rgb(0, 0, 0);
	margin: 10px;
	text-align: justify;
	font-size: 1.15em;
	}

.freepattern img {
	float: right;
	width: 45%;
	margin: 10px;
	margin-top: 0;
	}

.freepattern a {
	color: rgb(0, 0, 0);
	font-size: 1em;
	text-decoration: underline;
	}

.freepattern a:hover {
	color: rgb(255, 255, 255);
	background-color: rgb(0, 0, 0);
	text-decoration: underline;
	}

a.freepatternbanner {
	clear: both;
	display: block;
	border: 1px solid rgb(200, 200, 200);
	text-align: center;
	text-decoration: none;
	background-color: rgb(0, 128, 0);
	color: rgb(255, 255, 255);
	padding: 10px;
	}

a:hover.freepatternbanner {
	background-color: rgb(0, 0, 0);
	}

a.freepatternbanner h2 {
	font-size: 1.25em;
	font-weight: bold;
	}

a.freepatternbanner h3 {
	font-size: 1.15em;
	font-style: italic;
	}

a.freepatterntcbanner {
	clear: both;
	display: block;
	text-align: center;
	text-decoration: none;
	background-color: rgb(255, 255, 255);
	border: 0;
	color: rgb(0, 0, 0);
	font-size: 0.9em;
	padding: 5px;
	margin-bottom: 10px;
	}

a.freepatterntcbanner:hover {
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	text-decoration: underline;
	}

a.newsbox {
	float: left;
	width: 99%;
	clear: both;
	margin: 5px;
	background-color: rgb(200, 200, 200);
	color: rgb(0, 0, 0);
	text-decoration: none;
	display: block;
	border-top: 3px solid rgb(0, 0, 0);
	border-bottom: 3px solid rgb(0, 0, 0);
	}

a:hover.newsbox {
	background-color: rgb(128, 0, 128);
	color: rgb(255, 255, 255);
	text-decoration: none;
	}

.newsbox img {
	width: 10%;;
	float: left;
	margin: 5px;
	border: 1px solid rgb(0, 0, 0);
	margin-right: 20px;
	}

.newsbox h2 {
	padding-top: 15px;
	font-weight: bold;
	font-size: 1.25em;
	border-bottom: 1px solid rgb(0, 0, 0);
	}

.newsbox h3 {
	font-size: 1em;
	}

.newsstory h2 {
	color: rgb(0, 0, 0);
	font-size: 1.1em;
	font-style: italic;
	text-align: left;
	margin: 10px;
	}

.newsstory p {
	color: rgb(0, 0, 0);
	font-size: 1em;
	text-align: justify;
	margin: 10px;
	}

.newsstory a {
	color: rgb(0, 0, 0);
	text-decoration: underline;
	}

.newsstory a:hover {
	color: rgb(255, 255, 255);
	text-decoration: underline;
	background-color: rgb(0, 0, 0);
	}

.newspic1 {
	float: right;
	width: 50%;
	margin: 10px;
	margin-top: 0;
	border: 1px solid rgb(0, 0, 0);
	}

.newspic2 {
	float: left;
	width: 75%;
	margin: 10px;
	margin-top: 0;
	border: 1px solid rgb(0, 0, 0);
	}

.newspic3 {
	float: right;
	width: 75%;
	margin: 10px;
	margin-top: 0;
	border: 1px solid rgb(0, 0, 0);
	}

.newspic4 {
	float: right;
	width: 30%;
	margin: 10px;
	margin-top: 0;
	border: 1px solid rgb(0, 0, 0);
	}

.newspic5 {
	float: left;
	width: 30%;
	margin: 10px;
	margin-top: 0;
	border: 1px solid rgb(0, 0, 0);
	}

.newspic6 {
	float: left;
	width: 10%;
	margin: 10px;
	margin-top: 0;
	border: 1px solid rgb(0, 0, 0);
	}

a.newslink {
	color: rgb(0, 0, 0);
	text-decoration: none;
	font-weight: bold;
	margin: 10px;
	margin-top: 0;
	padding: 10px;
	font-size: 1.1em;
	background-color: rgb(200, 200, 200);
	float: left;
	width: 28%;
	text-align: center;
	display: block;
	}

a:hover.newslink {
	background-color: rgb(128, 0, 128);
	color: rgb(255, 255, 255);
	text-decoration: none;
	}

.contactus h2 {
	color: rgb(0, 0, 0);
	text-align: left;
	font-weight: bold;
	font-size: 1.25em;
	margin: 10px;
	margin-bottom: -5px;
	}

.contactus p {
	color: rgb(0, 0, 0);
	text-align: justify;
	margin: 10px;
	font-size: 1.15em;
	}	

.contactus img {
	float: right;
	width: 45%;
	margin: 10px;
	margin-top: 0;
	}
	
.contactus ul {
	margin: 10px;
	margin-bottom: 15px;
	}

.contactus li {
	list-style-type: none;
	color: rgb(0, 0, 0);
	font-size: 1.15em;
	list-style-position: inside;
	margin-bottom: 5px;
	}

#footer {
	clear: both;
	width: 100%;
	}

#footer h4 {
	color: rgb (0, 0, 0);
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
	margin-right: 10px;
	}