html, body { 			
	margin: 0; 
	padding: 0; 
}
body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
	text-align: center;
	background: #680604 url("/images/mainbg.png") repeat fixed;	
}
#container {
	background: #FFFFFF url(/bodybg.jpg);
	text-align: left;
	margin: 0 auto;
	width: 790px;	
}		
#header {			
	margin: 0px;
	padding: 0px;
	background: url("/images/header.jpg");
}
#topnav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 80%;
	width: 100%;
	background: #871214 url("/images/topnav_bg.gif");		
}

#topnav ul{
	padding: 5px 0;
	margin: 0;
	text-align: left; 
	overflow: hidden;
}

#topnav ul li{
display: inline;
}

#topnav ul li a{
	color: #ffffff;
	padding: 6px 12px 6px 6px;
	margin: 0;
	text-decoration: none;
	border-right: 1px dashed #BBB; 
}

#topnav ul li a:hover{
	color: black;
	background-color:#f1c064;
}

#sidebar {			
	width: 164px;			
	float: left;
	display: inline; /* floats are handled as block elements, this is to fix 
					   a margin collapsing bug in IE */
	border-left: 1px solid #f1c064;
	background-color:#000000;
}

#content {	
	margin-left: 165px;						
	padding-top: 0px;	
	padding-right: 0px;	
	padding-bottom: 80px;	
	padding-left: 0px;	
}

.breadcrumb{
padding-left: 15px;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.breadcrumb a{
background: transparent url(images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
}

#footer {
	color: white;
	background-color: black;	
	border: 1px solid black;
	clear: left;
}
		
		
#vertmenu {
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	width: 161px;
	padding: 0px;
	margin-bottom: 40px;
}

#vertmenu h1 {
	display: block;
	background-color: #FFBD5F;
	font-size: 90%;
	padding: 3px 0 3px 3px;
	border: 1px solid #000000;
	color: #000000;
	margin: 0px;
	width: 158px;
	background: #9795C5 url('images/leftnav_h1_bg.gif');	
}

#vertmenu ul {
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: none;
}
#vertmenu ul li {
	margin: 0px;
	padding: 0px;
}

#vertmenu ul li a {
	font-size: 80%;
	font-weight:bold;
	display: block;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	color: #dddddd;
	width: 158px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
	color: #000000;
	background-color: #eeeeee;
	border-right: 1px solid black;
}

.leftinfo {
	border-top: 1px dashed white;
	border-bottom: 1px dashed white;
	text-align: center;
	color: white;
	padding: 5px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-top: 20px;	
}

.leftinfo p {
	padding: 0px;
	margin: 0px;
}

.w3c {		
	width: 88px;	
	margin: 0px auto;	
}
.bold {
	font-weight: bold;
}
.title {
	display: block;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 10px;
}

#contentanim {	
	text-align: center;
	display: block;
	width: 580px;
	margin-left: 0 auto;
	margin-right: 0 auto;	
}


.teaser {
		width:430px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:url("images/tsr.gif") bottom left no-repeat;
	}
	.teaser h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		background:url("images/tsr.gif") top left no-repeat;
		font-size: 90%;
	}
	.teaser p, .teaser a.more {
		margin:0;
		padding:0 10px 3px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
		font-size: 80%;
	}
	.teaser a.more {
		display:block;
		text-align:right;
		background:url("tsr-a.gif") 410px 50% no-repeat;
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
	.teaser a.more:hover {
		text-decoration:underline;
	}



/* Standard Information pages formatting */
#info {
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 20px;
}
#info p {
	font-size: 80%;	
}
#info h1 {
	color: #680604;
	font-size: 120%;
}


/* Product Blocks */

.prodlist h1 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;	
	font-size: 120%;
	text-align: center;
	background-color: #680604;
	color: white;
}

.prodblock a:hover {
	color: #FFCC33;	
	text-decoration: none;
}

.prodblock {		
	word-wrap: break-word;
	text-align: center;
	padding-bottom: 0px;	
	margin:5px;	
	color: #000;	
	font-size: 80%;		
	float: left;
	width: 142px;
}

.prodblock .thumb {
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color:white;
}

.prodblock img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding:1px;
	border: none;
	
}
.prodblock p {
	padding-top: 3px;
	text-align: center;	
}

.prodrow {		
	padding-left: 5px;
	border-top: 1px black dashed;		
	width: 99%;	
}


/* Clearing up buggy stuff */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */


/* Half Boxes */
.halfbox {
	border: 1px solid #BF6516;
	width: 272px;		
	margin: 10px 5px 5px 10px;
	padding: 10px;
	background-color: #EBE9E1;
	float: left;
}

.halfbox h1 {
 margin: 0px 0px 10px 0px;
 font-size: 120%; 
}

.halfbox p {
	font-size: 80%;
	color: #000000;
	text-align: justify;
}

.halfbox img {
  margin: 0 auto;
  display:block;
  vertical-align:middle;
  border: 1px solid black;
}

img.center {
	margin-left: auto;
	margin-right: auto;
	display:block;
}


.halfbox a:link {	color: #0000FF;	text-decoration: none; }
.halfbox a:visited {	color: #0000FF;	text-decoration: none; }
.halfbox a:hover {	color: #881820; text-decoration: none; }

/* Full Boxes */
.fullbox {
	border: 1px solid #BF6516;
	width: 581px;
	margin-left: 10px;
	margin-right: auto;
	margin-top: 5px;
	padding: 10px;
	background-color: #EBE9E1;	
	float: left;
}

.fullbox ul {
	padding-left: 0px;
}
.fullbox li {
	list-style: none;
	font-size: 80%;
	background: url(images/arrowbullet.png) left center no-repeat;
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */  
}

.fullbox h1 {
 margin: 0px 0px 10px 0px;
 font-size: 120%; 
 color: #881820;	
}

.fullbox p {
	font-size: 80%;
	color: #000000; 
	text-align: justify;
}
.fullbox a:link {	color: #0000FF; text-decoration: none;	}
.fullbox a:visited {	color: #0000FF; text-decoration: none; }
.fullbox a:hover {	color: #881820; text-decoration: none; }


/* testing testing... Need to name this at some point */

.test h1 {
	margin-top: 40px;
	margin-right: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 120%;
	text-align: center;
	background-color: #680604;
	color: white;
}
.test ul {
	list-style-type: none;	
	margin-left: 0px;
	padding-left: 20px;
}
.test ul li {
	font-size: 80%;
	background: url(images/arrowbullet.png) left center no-repeat;
	padding-left: 15px;	
	margin-right: 4px;	
	display: inline;
}

.test ul li a {
	text-decoration: none;
}

.test form {
	padding-left: 90px;
}

.test p {
	font-size: 90%;
}

.photoborder {
	padding: 5px;
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color:white;
}


.imageright {	
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 5px solid #680604;
}

.imagetable td {
	font-size: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;	
	vertical-align: middle;
	
}

.contentsection {
	font-size: 90%;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	display: block;	
	clear: right;
}

.contentsection h1 {	
	padding-top: 5px;	
	padding-bottom: 5px;
	margin-bottom: 10px;	
	margin-top: 0px;	
	color: #881820;	
	font-size: 120%;
	border-bottom: 1px dashed black;
	border-top: 1px dashed black;	
	background-color: #eeeeee;
}

.contentsection .sub1 {
	padding-left: 20px;
}
.contentsection .sub1 h2 {	
	font-size: 120%;
	margin-bottom: 10px;
	display: block;
	margin-top: 10px;
}



.contentsection .imageright {	
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 5px solid #680604;
}

.contentsection p {	
	font-size: 90%;
	padding-bottom: 20px;
	padding-right: 10px;
}

.contentsection br.clearbr {
	display: block;
	clear: both;	
  visibility: hidden;
}

.contentsection ul {
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contentsection li {
	list-style: none;
	font-size: 80%;
	background: url(images/arrowbullet.png) left center no-repeat;
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 2px 0 0 1.5em; /* left padding moves the text away from the bullet */  
  margin-top: 5px;
}

.contentsection a:link {	color: #0000FF;	text-decoration: none; }
.contentsection a:visited {	color: #0000FF; text-decoration: none; }
.contentsection a:hover {	color: #881820; text-decoration: none; }


#contentnav {
margin: 0px;
padding: 10px;
}

#contentnav ul{
padding: 5px 0;
margin: 0;
text-align: center; 
overflow: hidden;
}

#contentnav ul li{
font-size: 85%;
display: inline;
}

#contentnav ul li a{
color: blue;
margin: 0;
text-decoration: none;
}

#contentnav ul li a:hover{
color: black;	
background-color: transparent;
}

#contactus form {  
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 560px;
  width: 560px; 
}

#contactus form fieldset {  
  border-color: #f1c064;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        
  margin: 0;
}

#contactus form label { 
	display: block;  
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; 
	text-align: right; 
}

#contactus form fieldset legend {
	color: #881820;	
	font-size: 130%;                        
}

#contactus form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      
	margin:5px 0 0 10px; 
}

#contactus form input#reset {
	margin-left:0px;
}

#contactus textarea { overflow: auto; }

#contactus form small {
	display: block;
	margin: 0 0 5px 160px; 
	padding: 1px 3px;
	font-size: 88%;
}

#contactus form .required{font-weight:bold;} 

#contactus form br {
	clear:left; 
}

#estimatetable {
	text-align: center;	
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	width: 100%;
	border: 0px;	
}

#estimatetable img {
	border: 0px;
}

#estimatetable td {
	color: #000;	
	text-align: left;
	border: 1px #aaa solid;
}

#estimatetable th {
	padding: 4px;
	color: white;
	background-color: #680604;
	font-weight: bold;
}

#estimatetable .head {
	color: white;
	background-color: #680604;
	font-weight: bold;
	text-align: center;	
	font-size: 140%;
	font-weight: bold;
}

#estimatetable .foot {
	color: white;
	background-color: #680604;
	font-weight: bold;
	text-align: right;	
	font-size: 140%;
	font-weight: bold;	
}

#estimatetable .foot img {
	padding-top: 4px;	
}
	
#estimatetable .foot a:link {
	color: yellow;	
}

#estimatetable .foot a:visited {
	color: yellow;	
}

#estimatetable .foot a:hover {
	color: #f1c064;	
}

#estimatetable .foot p {
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
}

#estimatetable .odd {
	background-color: #eee;
}

#estimatetable .noborder {
 border: none;
 background-color: transparent;
}

#estimatetable .contactinfo {	
	padding: 10px;
}

#estimatetable .contactinfo p{	
	font-size: 120%;
}

#estimatetable .contactinfo fieldset{
	padding: 10px;
}

#estimatetable .contactinfo legend{
	color: #000;	
	font-size: 150%;
	font-weight: bold;
}

#estimatetable .contactinfo label {
	display: block;  
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 5px 0; 
	text-align: right; 
	font-size: 130%;
}

#estimatetable .required{font-weight:bold;} 
	

.success {
	width: 610px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px;
	background: #00ff00;
	color: #000000;
	font-weight: bold;			
}

#footer{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 60%;
width: 100%;
background-color:#000000;
color: #ffffff;
text-align: center;
margin-bottom: 20px;
}

#footer ul{
padding: 15px 0;
margin: 0;
text-align: center; 
overflow: hidden;
}

#footer ul li{
display: inline;
}

#footer ul li a{
padding: 6px 12px 6px 6px;
margin: 0;
text-decoration: none;
color: #ffffff;
}

#footer ul li a:hover{
color: #f1c064;
}

#footer img {
	border: none;
}




#admintable {	
	font-size: 11px;
	color: #fff;
	width: 620px;
	border: 0px;	
}

#admintable .name {	
	width: 150px;
}

#admintable img {
	border: 0px;
}

#admintable td {
	color: #000;	
	text-align: left;
	border: 1px #aaa solid;
	padding-left: 5px;
}

#admintable th {
	text-align: center;
	padding: 4px;
	color: white;
	background-color: #680604;
	font-weight: bold;
}

#admintable .head {
	color: white;
	background-color: #680604;
	font-weight: bold;
	text-align: center;	
	font-size: 140%;
	font-weight: bold;
	padding: 10px;
}

#admintable .foot {
	color: white;
	background-color: #680604;
	font-weight: bold;
	text-align: right;	
	font-size: 140%;
	font-weight: bold;	
}

#admintable .foot img {
	padding-top: 4px;	
}
	
#admintable .foot a:link {
	color: yellow;	
}

#admintable .foot a:visited {
	color: yellow;	
}

#admintable .foot a:hover {
	color: #f1c064;	
}

#admintable .foot p {
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
}

#admintable .odd {
	background-color: #eee;
}

#admintable .noborder {
 border: none;
 background-color: transparent;
}

#admintable .contactinfo {	
	padding: 10px;
}

#admintable .contactinfo p{	
	font-size: 120%;
}

#admintable .contactinfo fieldset{
	padding: 10px;
}

#admintable .contactinfo legend{
	color: #000;	
	font-size: 150%;
	font-weight: bold;
}

#admintable .contactinfo label {
	display: block;  
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 5px 0; 
	text-align: right; 
	font-size: 130%;
}

#admintable .required{font-weight:bold;} 
	
.error {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;	
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	background-color: #ff0000;
	color: white;
}

.columnlist ul {
	
  float: left;
  width: 500px; /* width is changed */
  margin-left: 20px;
  padding: 0;
  list-style: none;
}
 
.columnlist li {
  float: left;
  width: 230px;  
  margin-bottom: 5px;
  background-image: url(smileybullet.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */
}