/*  Charlotte Anodizing Products */

/* entire page - the background here sets the page edges */
body
{
  background: white;
  text-align: center;
  color:      black;
  font:       normal 13px/1.4 Verdana,Arial,Sans-Serif;
  width:      100%;
}

p.indent { text-indent: 2em; }
h1{ color: maroon; }
h2{ color: maroon; }
h3{ color: maroon; }

/* content is the entire page */
#content
{
  width:860px;
  text-align:left;
  background:white;
  margin:0 auto;
}

/* header width and main width should be the same */
/* (note that width value plus left and right padding is total width) */
#header
{
  width:            600px;
  float:            right;
  background:       black;
  margin-bottom:    10px;
  text-align:       center;
  height:           108px;
  font-family:      Verdana;
}
#header a
{
  color:            white;
  text-decoration:  none;
  margin:           0px 15px 0px 15px;
}
#header a:active
{
  color: white;
  text-decoration:underline;
}
#header a:hover
{
  color: white;
  text-decoration:underline;
}

/* Content is the pages content */
#main
{
  width:            580px;
  float:            right;
  background:       #CCCCCC url('/img/bg.jpg');
  padding:          10px 10px 10px 10px;
  color:            #000;
  font:             normal 13px/1.4 Verdana,Arial,Sans-Serif;
}

#left
{
  width:            240px;
  float:            left;
  color:            white;
  background:       white;
  margin:           0px 5px 0px 5px;
  padding-bottom:   20px;
  font:             bold 12px/1.4 Verdana,Arial,Sans-Serif;
  border:           1px solid #000;
}

#leftheader
{
  width:            230px;
  background:       maroon;
  font:             bold 12px/1.4 Verdana,Arial,Sans-Serif;
  padding:          5px 5px 5px 5px;
/*   margin-bottom:    10px; */
}

#leftheader a
{
  color:            white;
  text-decoration:  none;
}

#leftheader a:visited
{
  color:            white;
}

#leftheader a:hover
{
  color:            white;
  text-decoration:  underline;
}

#footer
{
  clear:both;
  width:845px;
  color:#999;
  background-color:white;
  text-align: center;
  margin:10px 5px 5px 5px;
  padding:2px 5px 3px 5px;
  border-top: thin solid maroon;
  border-bottom: thin solid maroon;
  font-size:11px;
}

ul.leftnav
{
  width:            220px;
  padding:          0px 10px 0px 10px;
  margin:           10px 0 0 0;
}
ul.leftnav li.b1
{
  margin:0;
  padding:0;
  list-style-type:none;
  width: 220px;
  margin-top: 15px;
}
ul.leftnav li.b1 a
{
  display:block;
  width:220px;
  padding:5px 0;
  background: maroon;
  color: white;
  text-decoration:none;
  text-align:center;
/*   padding:          3px 0px; */
}
ul.leftnav li.b1 a:hover
{
  background: #993333;
  color:white;
}
ul.leftnav li.b2
{
  margin:0;
  padding:0;
  list-style-type:none;
  width: 220px;
  margin-top: 2px;
/*   text-indent:      2em; */
}
ul.leftnav li.b2 a
{
  display:block;
  width:220px;
  padding:5px 0;
  background: white;
  color: black;
  text-decoration:none;
  text-align:center;
/*   padding:          3px 0px; */
}
ul.leftnav li.b2 a:hover
{
  background: #993333;
  color:white;
}