/* CSS Document */

html, body {
	text-align: center;
	background: #983205;
	margin: 0 auto;
}

body {
	font-family: Arial, Helvetica, sans-serif; 	
	font-size: 12px; 							
	color: #000;
	line-height: 16px;
}

a, a:visited {
	color: #d34100;
	text-decoration: underline;
}

a:hover, a:active {
	color: #ff9465;
	text-decoration: none;
}

div.hr {
  	height: 1px;
	border-top: 1px dotted #b03e0b;
	clear: both;
}

div.hr hr {
 	display: none;
}

#yellowbg {
		background: #eaad01 url(/images/bg.gif) repeat-x;
		}

#container {
	width: 1016px;
	text-align: center;
	background: url(/images/png_bgmain.png) repeat-y;
	margin: 0 auto;
	overflow: auto;
}

* html #container {
	background: url(/images/bg_body.gif) repeat-y;
	}
	
	
	#background-main {
		width: 992px;
		background: #fff url(/images/bg_top.gif) no-repeat;
		overflow: auto;
		margin: 0 auto;
		}
		
	#top-nav {
		float: right;
		font-weight: bold;		
		color: #910303;
		margin: 8px 10px;
		font-size: 11px;
		}
			
			#top-nav a, #top-nav a:visited {
				color: #910303;
				text-decoration:none;
				}
	
			#top-nav a:hover, #top-nav a:active {
				color: #910303;
				text-decoration:underline;
				}
			
			#logo {
				float: left;
				padding: 9px 0 0 38px;
				}

#nav {
	clear:both;
	}


	#nav ul {
	float: right;
		margin: 0;
		list-style: none;
	}

		#nav ul li {
			margin: 0;
			padding: 0;
			display: inline;
		}	

#body-main {
	clear: both;
	text-align: left;
	padding: 20px;
	}
	
	#main-left {
		float: left;
		width: 36%;
		}
	
		#main-left2 {
		float: left;
		width: 40%;
		}
		
		#main-inner {
			float: left;
			width: 75%;
			}

		#main-inner-div /*this is if the left column is longer than right*/ {
			float: left;
			width: 75%;
			border-right: 1px dotted #eaad01;
			padding-right: 20px;
			margin: 0 0 30px 0;
			}
			#main-inner-div  ul {
				margin: 0;
				list-style: none;
				padding: 0 0 3px 20px;
		}
	
			#main-inner-div  ul li {
				background: url(/images/g_bullet.gif) no-repeat;
				background-position: 0 .45em;
				padding: 0 0 0 10px;
				margin: 0;
		}	
		
								
			#main-inner ul {
				margin: 0;
				list-style: none;
				padding: 0 0 3px 20px;
		}
	
			#main-inner ul li {
				background: url(/images/g_bullet.gif) no-repeat;
				background-position: 0 .45em;
				padding: 0 0 0 10px;
				margin: 0;
		}	
		
			ol {
				}
			
			ol li {
				line-height: 19px;
				}
				
	#product-info {
		padding: 15px 0;
		}
			
		#product-info ul {
			margin: 0;
			padding: 6px 0 30px 15px;
			list-style: none;
			}
			
		#product-info ul li {
			background: url(/images/g_bullet.gif) no-repeat;
			background-position: 0 .5em;
			padding: 0 0 0 10px;
			margin: 0;
			line-height: 19px;
			}
			
			#float-leftul {
				float: left;
				width: 30%;
				margin: 0;
				padding: 0;
				}

			#float-rightul {
				float: right;
				width: 60%;
				margin: 0;
				padding: 0;
				}	
				
				/*this is for the related articles section that stretches out longer than the related articled on the homepage */
			#float-leftul2 {
				float: left;
				width: 45%;
				margin: 0;
				padding: 0;
				}

			#float-rightul2 {
				float: right;
				width: 45%;
				margin: 0;
				padding: 0;
				}	
								
			#contact {
				margin: 25px 0;
				background: #feedbb;
				width: 334px;
				margin-left: 10px;
				}	
				
				
			#contact-leftul {
				float: left;
				width: 48%;
				margin: 0;
				padding: 10px 0 0 20px;
				}

			#contact-rightul {
				float: right;
				width: 40%;
				margin: 0;
				padding: 10px 0 0 20px;
				}	
		
	#main-right {
		float: right;
		width: 19%;
		border-left: 1px dotted #eaad01;
		padding: 0 17px;
		margin: 10px 0 30px 0;
		}
				#main-right ul {
					margin: 0;
					padding: 0;
					list-style: none;
					}
		
				#main-right ul li {
					margin: 0;
					padding: 5px 0;
					border-bottom: 1px dotted #b03e0b;
				}	
				
				#main-right img {
					padding: 10px 0;
					}
	#main-right2 /*no div. needs to be used with main-inner-div*/ {
		float: right;
		width: 19%;
		padding: 0 15px;
		margin: 10px 0 30px 0;
		}
			#main-right2 ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
		
				#main-right2 ul li {
					margin: 0;
					padding: 5px 0;
					border-bottom: 1px dotted #b03e0b;
				}	
				
				#main-right2 img {
					padding: 10px 0;
					}

#bio {
	padding: 30px 0 0 10px;
	}
	
	#bio img {
		padding: 0 12px;
		}

#footer {
	clear: both;
	background: #983205;
	text-align: center;
	color: #ffa735;
	font-size: 11px;
	font-weight: bold;
}

	#footerbg {
		margin: 0 auto;
		background: url(/images/bg_footer.gif) no-repeat;
		width: 954px;
		height: 92px;
		padding-top: 3px;
		}
		
		#footerbg a, #footerbg a:visited {
				color: #ffa735;
				text-decoration:none;
				}
	
			#footerbg a:hover, #footerbg a:active {
				color: #ffa735;
				text-decoration:underline;
				}

/* text stylings */

.title {
		font-size: 15px;
		color: #9f320d;
		display: block;
		font-weight: bold;
		}

.title-upper {
	color: #9e310d;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

h1 {
		font-size: 15px;
		color: #9f320d;
		display: block;
		font-weight: bold;
		padding: 0;
		margin: 0;
		}