html, body{
margin:0;
padding:0;
text-align:center;
background-color:rgb(132,196,39);
color:#c0c0c0;
font-family: arial, sans-serif;
font-size:90%;
height:101%
}

h1 {
color:#ffffff;
background-color:rgb(29,58,134);
font-size:1.3em;
padding:2px 0px 2px 20px;
margin:5px 0px 10px 0px;
}

h2 {
color:#ffffff;
background-color:rgb(29,58,134);
font-size:1.3em;
padding:2px 0px 2px 20px;
margin:5px 0px 10px 0px;
}

h3 {
color:#ffffff;
background:#336699;
text-align:center;
font-size:1.0em;
padding:2px 0px 4px 0px;
}


#pagewidth{
width:100%;
min-height:100%;
height:auto !important;
height:100%;
text-align:left;
margin-left:0px;
margin-right:0px;
background-image:url(../layout/menu-bg.jpg);
background-repeat:repeat-y;
background-color:rgb(132,196,39);
}

#header{
height:1px;
text-align:center;
background:transparent;
}

#header p.left {
position: relative;
float:left;
margin:0px;
padding:0px;
text-align:left;
font-size: 1.5em;
font-weight:bold;
color:#006600;
background:transparent;
}

#header p.right {
position: relative;
float:right;
margin:-20px 230px 0px 0px;
padding:2px 0px 3px 5px;
font-size: 100%;
color:#000000;
}

#header .right {
position: relative;
float:right;
margin:-20px 230px 0px 0px;
padding:2px 0px 3px 5px;
font-size: 100%;
color:#000000;
}

#header a:link {
color:#ff6600;
background:transparent;
margin-left: 5px;
margin-right: 5px;
}

#header a:visited {
color:#ffcc00;
background:transparent;
margin-left: 5px;
margin-right: 5px;
}

#header a:focus {
color:#000000;
background:transparent;
margin-left: 5px;
margin-right: 5px;
}

#header a:hover {
color:#000000;
background:transparent;
margin-left: 5px;
margin-right: 5px;

}

#header a:active {
color:#ffffff;
background:transparent;
}


#outer{
margin-left: 180px;   /* left column colour */
background-color: rgb(132,196,39); /* center column colour */
width: auto;
}

#inner{margin:0px; width:100%;}

#maincol {
float:left;
margin: 0px;
padding: 10px;
width: 575px;
height:100%;
min-height:100%;
position: relative;
background-color: rgb(132,196,39);
color:#ffffff;
}

#maincol p{
margin: 5px;
padding: 0px;
background: transparent;
color:#003366;
}


#leftcol{
position: relative;
float: left;
width: 180px;
margin-top:0px;
margin-left: -180px;
margin-right:0px;
padding-bottom:0px;
background:transparent;
height:100%;
min-height:700px;
}

#leftcol .heading{
width: 162px;
margin-top:-5px;
margin-right:0px;
padding:2px;
background-color:#cc9966;
color: #990000;
text-align:center;
}

#leftcol p {
position:relative;
margin: 2px 0px 0px 3px;
padding: 3px 0px 4px 5px;
text-decoration: none;
width: 150px;
color: #808080;
background:transparent;
font-size:.85em;
}

ul#leftmenu {
list-style-type: none;
position:relative;
width:155px;
margin:0px;
padding:0px 0px 25px 0px;
font-size:.9em;
}


ul#leftmenu li a:link {
display: block;
margin: 2px 0px 0px 3px;
padding: 3px 0px 4px 5px;
text-decoration: none;
width: 150px;
background: transparent;
color:#000000;
}

ul#leftmenu li a:visited {
display: block;
margin: 2px 0px 0px 3px;
padding: 3px 0px 4px 5px;
text-decoration: none;
width: 150px;
background: transparent;
color:#ff0000;
}

ul#leftmenu li a:focus {
display: block;
margin: 2px 0px 0px 3px;
padding: 3px 0px 4px 5px;
text-decoration: none;
width: 150px;
background: transparent;
color:#0066cc;
}

ul#leftmenu li a:hover {
display: block;
margin: 2px 0px 0px 3px;
padding: 3px 0px 4px 5px;
text-decoration: none;
width: 150px;
background: transparent;
color:#ff6600;
}

ul#leftmenu li a:active {
display: block;
margin: 2px 0px 0px 3px;
padding: 3px 0px 4px 5px;
text-decoration: none;
width: 150px;
background: transparent;
color:#009900;
}


#footer{
height:0px;
background:red;
color:#000000;
margin-top:0px;
margin-left:0px;
margin-right:auto;
text-align:center;
font-size:.85em;
padding-top:0px;
}

#footer a:link {
background:transparent;
color:rgb(6, 45, 83)
}

#footer a:visited {
background:transparent;
color:#000000
}

#footer a:focus {
background:transparent;
color:#ffffff;
}

#footer a:hover {
background:transparent;
color:#ffffff;
}

#footer a:active {
background:transparent;
color:#000000;
}

#outer>#inner { border-bottom: 0px solid #ffffff;  }

.maincontent{
position:relative;
width:100%;
height:100%;
min-height:100%;
margin:0px;
padding:0px;
background-image:url(../layout/frontpage-bg.jpg);
background-repeat:no-repeat;
background-color:rgb(132,196,39);
color:#ffffff;
}


.mainimage {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
text-align:center;
border-left: 1px dotted #cccccc;
}

.contentbg {
position:relative;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
width:100%;
min-height:350px;
padding:2px 0px 2px 5px;
background:transparent;
color:#ffffff;
}


#leftcol p.leftboxcontent {
position:relative;
width:140px;
font-size:.85em;
border:1px solid rgb(6, 45, 83);
margin: 5px 0px 0px 5px;
padding: 2px 5px 4px 5px;
color:#000000;
background:transparent;
}

.clr{clear:both;}

.img {
border:none;
}


.center {
text-align:center;
}

.button {
background-color: #ffffff;
color:rgb(6, 45, 83);
margin-bottom:5px;
margin-left:5px;
cursor:hand;
}

.lable {
padding-left:5px;
}

#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/

.copy p {
color:#330066;
background:transparent;
text-align:center;
font-size:.9em;
margin-top:0px;
}

.onethird {
margin: 0px 2px 10px 0px;
float: left;
width: 171px;
padding: 5px;
text-align:center;
}

.onequater {
margin: 1em 0;
float: left;
width: 23%;
padding: 0 .9%;
}

.posted {
margin-left: 30px;
}

.sitemap {
margin-bottom:10px;
}

.featured {
color:#ffffff;
background:#336699;
text-align:center;
font-size:1em;
margin:0px 0px 0px 0px;
}

.red {
color:#ff0000;
background: transparent;
}

.blue {
color:#336699;
background: transparent;
}

.price {
color:#336699;
background: transparent;
font-size:1.2em;
font-weight:bold;
}