body {
background-color: #333;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}
h3 a {text-decoration:none;}
h3 a:hover {text-decoration:underline;}
h1 {
font-size: 10px;
text-transform: uppercase;
color:#37322e;
padding-top:8px;
padding-bottom:4px;
margin:0px }

h1 a {
color:#666;
text-decoration:none;
}
h1 a:visited {
color:#666;
text-decoration:none;
}
h1 a:hover {
color:#37322e;
text-decoration:none;
}

h2 {
font-size:20px;
color:#333333;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h3 {
font-size: 10px;
text-transform: uppercase;
color:#37322e;
background-color: #f8f8f8;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
padding:5px 8px;
margin:0px }

/* ----------container to center the layout-------------- */
#container {
width: 970px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #cccccc;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #e1ddd9;
text-align: left;
padding: 0px;
margin: 0px;
}
#banner img {padding:0px 0px;} 

/* -----------------content--------------------- */
#content {
background-color: #e6e1e8;
padding: 0px;
margin-left: 200px;
margin-right: 0px;
border-left:1px solid #ffffff;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p {
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

/* --------------center navigation------------- */
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
background-color: #f8f8f8;
font-family: arial, helvetica, sans-serif;
color: #cccccc;
float: left;
width: 100%;
font-size: 13px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 2em;
background-color: #f8f8f8;
color: #333333;
text-decoration: none;
float: left;
border-right: 1px solid #ffffff;
}

#navcontainer ul li a:hover
{
background-color: #eeeded;
color: #333;
}

/* --------------bottom navigation------------- */
#navcontainer2 ul
{
padding-left: 0;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
background-color: #f8f8f8;
font-family: arial, helvetica, sans-serif;
color: #cccccc;
float: left;
width: 100%;
font-size: 11px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

#navcontainer2 ul li { display: inline; }

#navcontainer2 ul li a
{
padding: 0.2em 2em;
background-color: #f8f8f8;
color: #333333;
text-decoration: none;
float: right;
border-right: 1px solid #ffffff;
}

#navcontainer2 ul li a:hover
{
background-color: #eeeded;
color: #333;
}

/* --------------category navigation------------- */
#navcontainer3 { margin-left: 30px; }

/*Fat Erik's Breadcrumbs*/
#navlist3
{
list-style: none;
padding: 0;
margin: 0;
}

#navlist3 li
{
display: inline;
padding: 0;
margin: 0;
}

#navlist3 li:before { content: "> "; }
#navlist3 li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist3 li
{
background-image: url("images/gt.gif");
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist3 { height: 1%; }

* html #navlist3 li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist3 li:first-child { background-image: none; }