/*
This stylesheet is copyrighted by S. Emerson, Accrete Web Solutions and SRT Services Group of Websites.  This is the corrected one.
Author: S. Emerson
Author: URI: http://www.accretewebsolutions.ca/
*/

/*Set all margins and padding-cross browser compatible*/
* { padding: 0; margin: 0;}

body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: .8em; color: #000000; background-color: #ecf2ff; margin-bottom: 10px;}

h1 {font-size: 1.2em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #3d77a9; background-color: transparent;}
/*heading 2 is under content*/
h3 {padding: 5px; font-size: 1.1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#68b9e1; background-color: transparent;}
h4 {font-size: 1.0em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#68b9e1; background-color: transparent;}

/*general link settings*/
a:link {background-color: transparent; color:#3d76a8; text-decoration: none;}
a:visited {background-color: transparent; color: #3d76a8; text-decoration: none;}
a:hover {background-color: transparent; color: #8AA841; text-decoration: none;}
a:active {background-color: transparent; color: #3d76a8; text-decoration: none;}

a img {border: none;}

#page {background-color: #FFFFFF; width: 90%; margin-left: auto; margin-right: auto; margin-top: 10px; padding-top: 20.25em; border: 1px solid #92A6D0;}

#header {background-color: transparent; width: 100%; padding-top: 8px; height: 280px; position: absolute; top: 11px; left: 0px;}
#topband {background-color: #8AA841; line-height: 200%; width: 88%; margin-left: auto; margin-right: auto; text-align: center; color: #FFFFFF;}
#topnav {background-color: #8AA841; line-height: 200%; width: 88%; margin-left: auto; margin-right: auto;}
#topnav ul{list-style: none; text-align: center; margin: 0px; padding: 0px; background-color: transparent;}
#topnav li {display: inline; padding-left: 8px; padding-right: 8px; background-color: transparent;}
#topnav a {color: #FFFFFF; background-color: transparent;}
#banner {width: 88%; margin-left: auto; margin-right: auto; text-align: center; background-color: #3d77a9;}

#wrapper {width: 98%; margin: 0 auto; background-color: #FFFFFF; padding-top: 10px;}

#content {width: 75%; float: right;}
#content h2 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.15em; color: #68b9e1; background-color: transparent; clear: left;}
#content p {margin-top: 10px; margin-bottom: 10px; background-color: transparent;}
#content .box2 {width: 98%; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding-top: 0px; border: 1px solid #8296BC; background-color: transparent;}
#content .box2 h2 {background-color: #3d77a9; color: #FFFFFF; margin-top: 0px; text-align: center; font-size: 1em; line-height: 200%; margin-bottom: 0px;}
#content .box2 h2 a {color: #FFFFFF; background-color: transparent;}
#content .box2 p {padding-right: 20px; padding-left: 20px; padding-top: 10px; margin-top: 0px; background-color: transparent;}
#content .box2 img {padding-top: 0px; background-color: transparent;}

#contentinfo {padding-left: 16px; background-color: transparent;}

#contentinfo .productsbox {width: 98%; margin-left: auto; margin-right: auto; padding-bottom: 10px;}
#contentinfo .buyproducts {
width: 22%; float: left; border: 1px solid #8296BC; background-color: transparent; margin-left: 5px; margin-top: 10px; margin-bottom: 2px; padding: 5px;	text-align: center; height: 255px;}
#contentinfo .buyproducts p {
margin: 0px; padding: 0px;	margin-top: 5px; margin-bottom: 5px;}
#contentinfo .buyproducts img {margin: 0px; padding: 0px;}
#contentinfo .buyproducts a {font-weight: 700;}
#contentinfo .buyproducts2 {
width: 17%; float: left; border: 1px solid #8296BC; background-color: transparent; margin-left: 2px; margin-top: 2px; margin-bottom: 2px; padding: 2px;	text-align: center; height: 180px;}
#contentinfo .buyproducts2 p {
margin: 0px; padding: 0px;	margin-top: 5px; margin-bottom: 5px;}
#contentinfo .buyproducts2 img {margin: 0px; padding: 0px;}
#contentinfo .buyproducts2 a {font-weight: 700;}

#contentinfo .categoryitem {
	width: 100%;
	clear: both;
	padding-bottom: 20px;
}
#contentinfo .categoryimage {
width: 20%; float: left; border: 0px solid #8296BC; background-color: transparent; margin-left: 2px; margin-top: 2px; margin-bottom: 2px; padding: 2px;	text-align: center;}
#contentinfo .categoryimage p {
margin: 0px; padding: 1px;	margin-top: 0px; margin-bottom: 1px;}
#contentinfo .categoryimage img {margin: 0px; padding: 0px;}
#contentinfo .categoryimage a {font-weight: 700;}
#contentinfo .categorytext {
width: 75%; float: right; border: 0px solid #8296BC; background-color: transparent; margin-left: 2px; margin-top: 0px; margin-bottom: 1px; padding: 1px;	 }
#contentinfo .categorytext p {
margin: 0px; padding: 1px;	margin-top: 5px; margin-bottom: 5px;}
#contentinfo .categorytext img {margin: 1px; padding: 1px;}
#contentinfo .categorytext a {font-weight: 700;}

#contentinfo .contentimg {
 padding: 20px;
 float: left;
}




#sidebar {width: 23%; float: right; background-color: transparent; margin-right: 12px;}
#sidebar ul {list-style: none; padding-left: 2px; padding-bottom: 10px; margin-left: 0px; /*background-color: transparent; this breaks articles menu*/}
#sidebar .box {width: 180px; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding-top: 0px; border: 1px solid #8296BC; background-color: transparent;}
#sidebar .box h2 {background-color: #3d77a9; color: #FFFFFF; margin-top: 0px; margin-bottom: 10px; text-align: center; font-size: 1em; line-height: 200%;}
#sidebar .box h2 a {color: #FFFFFF; background-color: transparent;}
#sidebar #navfooter {width: 180px; margin-left: auto; margin-right: auto; text-align: center; background-color: transparent;}

#footer {background-color: #8AA841; clear: both; color: #FFFFFF; font-size: .8em; line-height: 200%; text-align: center; margin: 4px;}
#footer a:link {color: #FFFFFF; background-color: #8AA841;}
#footer a:visited {color: #FFFFFF; text-decoration: none; background-color: #8AA841;}
#footer a:hover {color: #FFFFFF; text-decoration: none; background-color: #8AA841;}
#footer a:active {color: #FFFFFF; text-decoration: none; background-color: #8AA841;}

.center {text-align: center;}
.floatright{float: right;}
.floatleft {float: left;}
.clear {clear: both;}