html, body{
margin:0px;
padding:0px;
text-align:center;
background-image:url(../layout/main-bg.gif);
background-repeat:repeat-x;
background-color:rgb(228,228,228);
color:#000000;
font-family: arial, sans-serif;
font-size:90%;
}

h1 {
color:#000000;
font-size:1.3em;
margin:0px 0px 2px 0px;
padding:2px 0px 5px 0px;
}

h2 {
color:#000000;
font-size:1.2em;
padding:2px 0px 2px 0px;
margin:0px 0px 5px 0px;
}

h3 {
color:#ffffff;
background:#336699;
text-align:center;
font-size:1.0em;
padding:2px 0px 4px 0px;
}


#pagewidth{
width:760px;
text-align:left;
min-width: 500px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
background-color: #ff0033;
border-bottom:0px solid #ff0033;
}

#header{

width:760px;
text-align:center;
background-color:#ffffff;
margin-bottom:-3px;
}

#header p.left{
margin:0px;
padding:0px;
}

#outer{
border-left: 172px solid  rgb(255,1,53);   /* left column colour */
background-color: #ffffff; /* center column colour */
width: auto;
}

#inner{margin:0px; width:100%;}

#maincol {
float:left;
margin: 0px 0px 0px 0px;
padding-bottom: 0px;
width: 98%;
position: relative;
background-color: #ffffff;
color:#ffffff;
}

#maincol p{
margin: 5px 0px 0px 0px;
padding: 5px 5px 5px 5px;
background-color: #ffffff;
color:#000000;
}


#leftcol{
position: relative;
float: left;
width: 172px;
margin-top:0px;
margin-left: -172px;
margin-right:0px;
padding-bottom:10px;
background:rgb(255,1,53);
}

#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: 160px;
color: #808080;
background-color:#ffffff;
font-size:.85em;
}

ul#leftmenu {
list-style-type: none;
position:relative;
width:165px;
margin:0px 0px 0px 0px;
padding: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: 160px;
background-color: #ffffff;
color:#808080;
}

ul#leftmenu li a:visited {
display: block;
margin: 2px 0px 0px 3px;
padding: 3px 0px 4px 5px;
text-decoration: none;
width: 160px;
background-color: #ffffff;
color:#ff0000;
}

ul#leftmenu li a:focus {
display: block;
margin: 2px 0px 0px 3px;
padding: 3px 0px 4px 5px;
text-decoration: none;
width: 160px;
background-color: #000000;
color:#ffffff;
}

ul#leftmenu li a:hover {
display: block;
margin: 2px 0px 0px 3px;
padding: 3px 0px 4px 5px;
text-decoration: none;
width: 160px;
background-color:#000000;
color:#ffffff;
}

ul#leftmenu li a:active {
display: block;
margin: 2px 0px 0px 3px;
padding: 3px 0px 4px 5px;
text-decoration: none;
width: 160px;
background-color: #ffffff;
color:#009900;
}


#footer{
width:760px;
background-image:url(../layout/footer-bg.jpg);
background-repeat:no-repeat;
background-color:#ff0033;
color:#ffffff;
margin-top:0px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:.85em;
padding-top:50px;
padding-bottom:5px;
}

#footer a:link {
background:transparent;
color:#000000
}

#footer a:visited {
background:transparent;
color:#ffffff
}

#footer a:focus {
background:transparent;
color:#ffffff;
}

#footer a:hover {
background:transparent;
color:#ffcc00;
}

#footer a:active {
background:transparent;
color:#000000;
}

#outer>#inner { border-bottom: 0px solid #ffffff;  }


.maincontent{
position:relative;
width:98%;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
background-color:#ffffff;
color:#006600;
}


.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:98%;
min-height:300px;
padding:2px 0px 2px 5px;
background-color:#ffffff;
color:#000000;
}




#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;
}

.onehalf {
position:relative;
float: left;
margin: 5px 0px 0px 10px;
padding-top:10px;
width: 40%;
padding: 0px;
text-align:center;
}

.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;
}