/******************************/
/* Styles which create layout */
/******************************/
body {
 margin:0;
 padding:0;
 width:100%;
 color: Black;
 background-color:#E6E6FA;
 min-width:600px;   /* Minimum width of layout - remove line if not required */
 font-family: Arial, Verdana;
 font-size:90%;
}

#page {
 overflow: auto;
 width: 960px;
 margin: 10px auto;
 border: 1px solid #CDC1C5;
 border: 1px solid Green;
}

#header {
 float:left;
 width:100%;
 padding:0;
 margin:0;
 border-bottom:1px solid #000;
}

#colmask {
 position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
 clear:both;
 float:left;
 width:100%;			/* width of whole page */
 overflow:hidden;		/* This chops off any overhanging divs */
 background:#FFC1C1;	/* Left column background colour */
 background: White;
}

#colmid {
 float:left;
 width: 218%;        /* Controls width of middle and right column */
 position:relative;
 left:160px;         /* Controls position of left hand side of left column, also see #col2 */
 background:White;   /* Centre column background colour */
}

#colright {
 float:left;
 width:100%;
 position:relative;
 left:50%;
 margin-left:-400px;
 background:#FFC1C1;    	/* Right column background colour */
 background: White;
}

#col1wrap {
 float:right;
 width:50%;
 position:relative;
 right:100%;
}

#col1pad {
 margin:0 5px 0 405px;
 overflow:hidden;
}

#col1 {
 width:100%;
 overflow:hidden;
}

#col2 {
 float:left;
 width: 160px;          /* Controls width of content in left column */
 position:relative;
 margin-left:-50%;
 left:238px;            /* Controls position of left hand side of left column */
 overflow:hidden;
 border: 0px solid Green;
}

#col3 {
 float:left;
 margin: 40px 0 0 0;
 width:150px;           /* width of right column */
 position:relative;
 left:1px;
 overflow:hidden;
}

#footer {
 clear:both;
 float:left;
 width:100%;
 padding:0;
 margin:0;
 border-top: 0px solid #000;
}

#footer p {
 padding:.5em 15px;
}

/*************************************/
/* End of styles which create layout */
/*************************************/

#header {
 color: Green;
 background-image: url(../imgs/header-bg.png);
}

#header #left {
 float: left;
 width: 230px;
 border: 1px solid #FFD700;
}

#header #middle {
 float: left;
 width: 490px;
 text-align: center;
}

#header #middle h1 {
 margin: 15px 0 0 0;
 padding: 0;
 color: #B22222;
 color: Red;
}

#header #right {
 float: right;
 width: 230px;
 border:0px solid yellow;
 background-image: url(../imgs/furniture-phone.jpg);
 background-repeat: no-repeat;
 background-position: left bottom;
}

#header #right h2 {
 margin:0;
 padding: .1em 5px .1em 15px;
 text-align: center;
 font-size: 1.0em;
 font-weight: bold;
 color: #006400;
}

#header #right p {
 margin:0;
 padding: .1em 5px .1em 15px;
 text-align: center;
 font-family: Verdana;
 font-size: 1.4em;
 font-weight: bold;
 letter-spacing: 0.1em;
 color: #DC143C;
 color: Navy;
}

#header #right h3 {
 margin:0;
 padding: .1em 5px .1em 15px;
 text-align: center;
 font-size: 1.0em;
 font-weight: bold;
}

/******************/
/* Standard Pages */
/******************/
#standardpages {
 clear: both;
 margin: 0 0 0 40px;
}

#standardpages ul {
 list-style-type: none;
}

#standardpages li {
 text-align: center;
}

#standardpages a {
/* height plus padding-top equals height of background image */
 float: left;
 width: 125px;
 height: 20px;  
 margin: 2px;
 padding: 4px 0 0 0;
 text-decoration: none;
 color: #006400;
 font-size: 0.9em;
 font-weight: bold;
 background-image: url(../imgs/button.png);
}

#standardpages a:hover {
 text-decoration: underline;
 color: Yellow;
}

/***********************/
/* Main Navigation Bar */
/***********************/
#MainNavBar {
 margin: 20px 0 0 0;
 padding: 0px 4px 2px 4px;
 text-align: left;
 border-top: 1px solid green;
 border-right: 1px solid green;
 border-bottom: 1px solid green;
}

#MainNavBar p.MainLink {
 margin: 2px 0 2px 0;
 padding: 2px 0 2px 0;
 font-size: 0.8em;
 font-weight: bold;
}

#MainNavBar a {
 margin: 0;
 padding: 2px 0px 2px 0px;
 text-decoration: none;
 color: Green;
}
#MainNavBar a:hover {
 text-decoration: underline;
}

/********************/
/* Left hand column */
/********************/

#col2 img {
 margin: 2px 0px 2px 20px;
}

/******************/
/* Category Panel */
/******************/

#col1 .CategoryPanel {
 float: left;
 width: 240px;
 height: 300px;
 margin: 1px;
 overflow: hidden;
 border: 1px solid #B22222;
}

#col1 .CategoryImage {
 margin: 0;
 padding: 10px;
}

#col1 h1.CategoryName {
 text-align: center;
 font-size: 0.8em;
}

#col1 a {
 text-decoration: none;
 color: Green;
}

#col1 .CategoryDesc {}

/**********/
/* Footer */
/**********/
#footer {
 margin:0;
 padding:0;
 color: White;
 background-color: #006600;
 border-top:0px solid #000;
}

#footer p {
 margin: 3px;
 padding: 0;
}

/*********************/
/* Search box styles */
/*********************/

div#searchform {
 margin: 0;
 padding: 0;
 background-color: #FFD700;
}

form#frmSearch {
 margin: 0;
 padding: 0;
}

div#searchform p {
 font-size: 0.8em;
 color: Red;
 font-weight: bold;
}

div#searchform input.srchbox {
 width: 125px;
 height: 16px;
 margin: 10px 0 0 2px;
 padding: 0;
 font-size: 1.0em;
}

div#searchform input#btnSearch {
 width: 35px;
 margin: 0px 0 15px 0;
 padding: 0px;
 font-size: 1.0em;
}

/****************************/
/* End of Search box styles */
/****************************/

/*************************/
/* Search Results styles */
/*************************/

table#searchresults {
 width: 85%;
 margin: 10px 0 10px 20px;
}
    
table#searchresults tr {
 background-color: #FFF8DC;
}

table#searchresults tr.alternaterow {
 background-color: #98FB98;
}

table#searchresults td {

}

/********************************/
/* End of Search Results styles */
/********************************/