* {
 margin: 0px;
 padding: 0px;
}
html {
 height: 100%;
}
html {
 font-family: verdana, helvetica, arial, sans-serif;
 color: rgb(56,56,56);
 background: rgb(229,237,235);
 margin: 0;
 padding: 0 30px;
}
div, header, nav, section, article, figure, figcaption, aside, blockquote, footer {
 display: block;
}
body {
 background-color: rgb(255,255,255);
 margin: 0 auto;
 width: 970px;
 border-width: 0 1px 1px;
 border-color: rgb(164,164,164);
 border-style: solid;
 max-width: 980px;
 text-align: center;
 margin-bottom: 40px;
 border-radius: 0px 0px 15px 15px;
}
#map-canvas { height: 100% }
table {
  border-spacing: 0px;
}
#container {
   min-height:100%;
   position:relative;
}
#body {
 text-align: left;
 min-height:80%;
}
#head {
 width: 100%;
 position: fixed;
 width: 970px;
 max-width: 980px;
 z-index: 995;
}
#title {
 font-family: helvetica,arial,sans-serif;
 background-color: rgb(220,220,220);
 background-image: url(https://www.trebrown.com/images/furniture/top.png);
 background-repeat: repeat-x;
 background-position: left center;
 border-bottom: 1px solid rgb(144,144,144);
 border-radius: 0px 0px 0px 15px;
 height: 52px;
 padding: 0 15px 0 15px;
 box-shadow: rgb(200,200,200) 0px 2px 10px;
}
#logo {
 vertical-align: middle;
 text-align: left;
 width: 15%;
 float: left;
}
.logo {
 border: 0;
 width: 107px;
 height: 52px;
}
#heading {
 color: rgb(0,77,61);
 text-align: right;
 width: 85%;
 float: right;
 padding: 15px 0 15px 0;
}
#heading H1 {
 font-size: 120%;
 font-style: normal;
 text-shadow: rgb(180,180,180) 2px 2px 3px;
}
#head p {
 background-color: rgb(255,255,255);
 background-image: url(https://www.trebrown.com/images/furniture/bg-grade.gif);
 background-repeat: repeat-y;
 color: rgb(0,77,61);
 line-height: 20px;
 text-align: right;
 display: block;
 font-size: 70%;
 padding: 3px 8px 5px;
 border-bottom: 1px solid rgb(144,144,144);
}
#main_footer {
 text-align: right;
 padding: 10px 20px;
}
/* menu in nav tag */
#menu {
 width: 198px;
 height: auto;
 position: relative;
 float: right;
 margin-right: 1px;
 padding-top: 82px;
 margin-top: -1px;
 border-radius: 0px 0px 0px 8px;
}
#index {
 font-family: helvetica,arial,sans-serif;
 color: rgb(74,74,74);
 background-color: rgb(249,249,249);
 width: 198px;
 border-right: 1px solid rgb(164,164,164);
 border-left: 1px solid rgb(164,164,164);
 border-bottom: 1px solid rgb(164,164,164);
 border-radius: 0px 0px 0px 8px;
 box-shadow: rgb(200,200,200) 0px 2px 10px;
 position: fixed;
 z-index: 997;
}
#index h3 {
  font-size: 75%;
  font-style: normal;
  color: rgb(74,74,74);
  background-color: rgb(227,227,227);
  background-image: url(https://www.trebrown.com/images/furniture/bar.png);
  background-repeat: repeat-x;
  background-position: 0px -5px;
  padding: 5px 7px;
  margin: 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: rgb(144,144,144);
}
#index p {
  line-height: 122%;
  display: block;
  font-size: 60%;
  padding: 3px 8px 5px;
  margin: 0;
  border-top: 1px solid rgb(223,223,223);
}
#index ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#index li {
  list-style-type: none;
  line-height: 122%;
  display: block;
  font-size: 70%;
  padding: 3px 8px 5px;
  margin: 0;
  border-top: 1px solid rgb(223,223,223);
}
#index li img {
  vertical-align: middle;
}
#index #pagetools ul li.email, #index ul li.email {background:url(https://www.trebrown.com/images/email_icon.gif) no-repeat; background-position: right center;}
#index #pagetools ul li.delicious, #index ul li.delicious {background:url(https://www.trebrown.com/images/delicious.gif) no-repeat; background-position: right center;}
#index #pagetools ul li.digg, #index ul li.digg {background:url(https://www.trebrown.com/images/digg.gif) no-repeat; background-position: right center;}
#index #pagetools ul li.reddit, #index ul li.reddit {background:url(https://www.trebrown.com/images/reddit.gif) no-repeat; background-position: right center;}
#index #pagetools ul li.facebook, #index ul li.facebook {background:url(https://www.trebrown.com/images/facebook.gif) no-repeat; background-position: right center;}
#index #pagetools ul li.stumbleupon, #index ul li.stumbleupon {background:url(https://www.trebrown.com/images/stumbleupon.gif) no-repeat; background-position: right center;}
#index li.currentpage { font-style: italic; }
#index a, #head a, #main a, #products a { text-decoration: none; }
#index a:focus, #index a:hover, #head a:focus, #head a:hover, #main a:focus, #main a:hover, #products a:focus, #products a:hover { text-decoration: underline; }
#index .accessible { display: none; }
#index form, #index form p {
  margin: 0;
  padding: 0;
  line-height: 100%;
  text-align: center;
}
#index form p {
  padding: 1px;
}
#index .sponsor {
  border-right: 0;
  border-left: 0;
  border-top: 1px solid rgb(164,164,164);
  color: rgb(74,74,74);
  background-color: rgb(255,255,255);
  margin: 0;
  font-size: 120%;
  border-radius: 0px 0px 0px 8px;
}
#index .sponsor P {
  color: #004000;
}
h2 {
  font-family: sans-serif;	
  font-size: 75%;
  line-height: 130%;
  color: rgb(80,80,80);
  padding: 0 5px;
  margin: 40px 0 20px -3px;
  border-left: 10px solid rgb(217,217,217);
}
h3 {
  font-size: 85%;
  font-weight: normal;
  font-style: italic;
  margin: 50px 5px 20px;
}
a {
  color: rgb(74,74,74);
}
a img {
  border: none;
}
div.boxad {
  margin: 10px;
  background: rgb(242,246,245);
  border: 1px solid rgb(127,166,158);
  color: rgb(0,77,61);
  padding: 10px 20px;
  border-radius: 15px;
  box-shadow: rgb(200,200,200) 2px 2px 10px;
}
#columns {
  width: 100%;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  -moz-column-rule: 1px solid rgb(144,144,144);
  -webkit-column-rule: 1px solid rgb(144,144,144);
}
/* img */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0px 0px 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0px 7px 2px 0px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* End img */
/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 0px;
	padding-top: 4px;
	margin: 5px;
  border-radius: 8px;
  box-shadow: rgb(200,200,200) 0px 2px 10px;
}

.caption img {
	margin: 0px;
	padding: 0px 4px;
	border: 0px none;
}

.caption-text {
	font-size: 14px;
	line-height: 17px;
	padding: 0px 0px 4px 0px;
	margin: 0px;
}
figcaption div {
  font-size: 80%;
  font-family: helvetica,arial,sans-serif;
  text-align: right;
  margin: 0px 5px;
}
/* End captions */

@media handheld {
* { font-size: 11px !important; }
h1 { font-size: 1.2em !important; min-height: 1.4em !important; height: auto !important; }
h2 { font-size: 1.1em !important; }
h3, h4 { font-size: 1em !important; }
body { width: auto; }
html { padding: 4px; }
#main {
  margin: 0;
  border-right: none;
  }
#index {
  width: auto;
  float: none;
  margin: 0;
  border-left: none;
  }
iframe, img, textarea, select { max-width: 100% !important; }
}