body {
background-color: #e1ddd9;
font-size: 12px;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
color:#564b47;
padding:0;
margin:0;
}

.heading {
	color: #938580;
	font-weight: bold;
	font-size: 14px;
}
.customer {
	color: #938580;
	font-weight: normal;
	font-size: 12px;
}
h1 {
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
color: #938580;
font-size: 28px;
padding:0px 15px;
margin:0 }

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
background: transparent url(images/4tiercake.gif);
background-position:100% 92%;
background-repeat:no-repeat;
width: 940px;
border:1px solid #938580;
margin-bottom: 10px;
margin: 10px auto;
background-color: #ffffff;
}

/* ----------banner for logo-------------- */
#banner {
background-image: url(images/device.gif);
background-position:102% 210%;
background-repeat:no-repeat;
text-align: left;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px 0px 8px;} 

/* -----------------content--------------------- */
#content {
padding: 0px;
margin: 0 40px 0px 200px;
}
div#content { 
min-height:500px;
height:expression(this.scrollHeight > 500 ? "auto":"500px"); 
}

p, pre{
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
line-height:22px;
color: #000000;
padding: 5px 18px;
margin:0px 130px 0px 0px;
}
.contact{
  font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
line-height:16px;
color: #000000;
padding: 5px 18px;
margin:0px 150px 0px 0px;
}

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

#right {
float:right;
right: 0px;        
width: 200px;
margin: 20px; 
padding: 0px;
}
/* set the image to use and establish the lower-right position */
    .cssbar, .nav, .navlist, .cssbar_head, .cssbar_body{
      background: transparent url(images/navbox_cake.gif) no-repeat bottom right}
    .cssbar{
    /* intended total box width - padding-right(next) */
      width:200px !important; /* IE Win = width - padding */
      width: 200px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:0; /* use to position the box */
      margin:0px; /* use to position the box */
	}


    /* set the top-right image */
    .cssbar_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:0; 
    /* right-image-gap + right-inside padding */
      padding-right:5px
}

    /* set the top-left image */
    .cssbar_head h2{
      background-position:top left;
      margin:0px; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:14px 0 4px 21px; 
	font: bold 10px "Lucida Grande" lucida, verdana, sans-serif;text-decoration:none;
	  	color: #fff;
	text-align: left;
      height:auto !important;
      height:1%} /* IE Holly Hack */
	  
	.cssbar_head h2 a{
  	color: #fff;
	font: bold 10px "Lucida Grande" lucida, verdana, sans-serif;text-decoration:none;
}
	.cssbar_head h2 a:hover{
  	color: #d6baae;
	font: bold 10px "Lucida Grande" lucida, verdana, sans-serif;text-decoration:none;
}
	.cssbar_head h2 a:visited{
  	color: #cc9999;
	font: bold 10px "Lucida Grande" lucida, verdana, sans-serif;text-decoration:none;
}

    /* set the lower-left corner image */
    .cssbar_body{
      background-position:bottom left;
      margin-right:0; /* interior-padding right */ 
} 
	   
	.cssbar ul {
  	color: #000;
	font: bold 10px "Lucida Grande" lucida, verdana, sans-serif;
	text-indent: 0;
  	margin: 0;
  	padding: 0 26px 3px 21px /* margin round rows */
}

.cssbar li {
	text-align: left;
	list-style: none;
	padding: 9px 4px 9px 1px; /* line padding */
	border-top: 1px dotted white
}
.subbar {
	margin: 9px 0 220px 0; /* line padding */
	border-top:none!important;
}

.cssbar li a{
  	color: #fff;
	font: bold 10px "Lucida Grande" lucida, verdana, sans-serif;text-decoration:none;
}
	.cssbar li a:hover{
  	color: #d6baae;
	font: bold 10px "Lucida Grande" lucida, verdana, sans-serif;text-decoration:none;
}
	.cssbar li a:visited{
  	color: #cc9999;
	font: bold 10px "Lucida Grande" lucida, verdana, sans-serif;text-decoration:none;
}
/* -----------table--------------------------- */
.forums {
  	line-height: 1.5em;

  	}
table {
	width: 520px;
	position: relative;
	top: 4px;
	left: 16px;
	border: 1px solid #000;
	background: #fff;
  	}
table caption {
  	margin: 0;
  	padding: 8px 20px;
  	text-align: left;
 	border: 1px solid #000;
  	border-bottom: none;
 	background: #fff;
  	}
table th, table td {
  	margin: 0;
  	padding: 8px 20px;
  	text-align: center;
  	border-bottom: 1px solid #b5b5b5;
  	}
table th {
  	color: #999;
  	}
table .name {
  	text-align: left;
  	}
table tr {
  	background: #e6e6e6;
  	}
table tr.alt {
  	background: #f1f1f1;
  	}
table td a {
  	display: block;
  	font-weight: bold;
  	}
/* -----------footer--------------------------- */
#footer {
background-color: #ffffff;
font-size: 11px;
color:#000000;
padding:8px 0px 3px 8px;
border-top: 1px solid #938580;
margin:0;
clear: both;
text-align: left; }

#footer a{
  	color: #000;
	font: 11px "Lucida Grande" lucida, verdana, sans-serif;text-decoration:none;
}
	#footer a:hover{
  	color: #938580;
	font: 11px "Lucida Grande" lucida, verdana, sans-serif;text-decoration:none;
}
	#footer a:visited{
  	color: #000;
	font: 11px "Lucida Grande" lucida, verdana, sans-serif;text-decoration:none;
}

.style1 {color: #d6baae}
#copyright {
background-color: #ffffff;
font-size: 10px;
color:#000000;
padding:0px 0px 8px 8px;
margin:0;
clear: both;
text-align: left; }

#copyright a{
  	color: #000;
	font: 10px "Lucida Grande" lucida, verdana, sans-serif;text-decoration:none;
}
	#copyright a:hover{
  	color: #938580;
	font: 10px "Lucida Grande" lucida, verdana, sans-serif;text-decoration:none;
}
	#copyright a:visited{
  	color: #000;
	font: 10px "Lucida Grande" lucida, verdana, sans-serif;text-decoration:none;
}