﻿#front {background: #d7d8d6  url('../images/home-bg.jpg') repeat-x;}
#page, #admin {background: #d7d8d6 url('../images/page-bg.jpg') repeat-x;}
	#front #body-container {background: url('../images/home-header.jpg') no-repeat scroll center top;}	
	#page #body-container, #admin #body-container {background: url('../images/page-header.jpg') no-repeat scroll center top;}
	#header {margin: 0 auto; width: 882px;}
		#header div {margin: 5px 0 3px 20px; color: #fff; font-size: 1.2em;}
		#front #header .tag {margin: 90px 0 1px 20px; font-size: 1.4em;}
			#header .tag a {text-decoration: none; color: #fff;}
		#header {height: 162px}
		#front #header {height: 275px;}		
		#front #menu {list-style: none;}
		#login-box {margin: 40px 0 0 0; float: right; color: #fff;}
			#login-box li {list-style:none; display: inline; margin: 0 20px 0 0;}
			#login-box a {color: #f3ff78; text-decoration: none;}
			#login-box a:hover {color: #fff54f; }
		#page #menu, #admin #menu {list-style: none;}
		#menu {
			width: 882px;
			margin: 0 auto;
			padding: 0 0 0 0;
			font-family: Georgia, Serif;
			font-size: 1.1em;
			font-weight: 500;
		}
			#menu li#logo {
				margin: 0 20px 0 0;
			}
			#menu li {
				list-style: none;
				float: left;
				display: block;
				margin: 0 0 0 0;
			}
			#front #menu li {
				list-style: none;
				float: left;
				display: block;
				margin: 25px 0 0 0;
			}
				#menu li a {
					color: #a8d086;
					text-decoration: none;
					font-size: 1.1em;
					line-height: 37px;
					display: block;
					padding: 0 20px;
				}
				#menu li a:hover {color: #371f4b; background: url('../images/menu-hover-bg.gif') no-repeat center bottom;}
	
		#submenu-container {background: url('../images/submenu-top-bg.gif') no-repeat center top;}
			#submenu {
				background: url('../images/submenu-bottom-bg.gif') no-repeat center bottom; 
				padding: 5px 15px; 
				font-family: Georgia, Serif; 
				font-size: 1.1em
			}
				#submenu ul{
					width: 860px;
					margin: 0 auto;
					padding: 0;
					color: #fff;
					list-style: none;
				}
					#submenu li {
						float: left;
						margin: 0 0 0 20px;
						line-height: 30px;
						font-weight: bold;
						color: #fff;
						list-style: none;
						white-space: nowrap;
					}
						#submenu li a {
							color: #fff;
							text-decoration: none;
							font-size: .8em;
							display: list-item;
							list-style: inside disc;
						}
						#submenu li a:hover {color: #dbe78d;}
	#content-container {background: url('../images/content-container-bg.gif') no-repeat center 6px;}
	#content {
		width: 882px;
		min-height: 500px;
		margin: 0 auto;
		background: #fff url('../images/content-bg.gif') repeat-x scroll center top;
	}
		#admin #content {background-image: none; padding: 0px; width: 882px;}
		#admin #content h1, #admin #content h2, #admin #content h3 {margin-bottom: 20px}
		#content .column {width: 257px; float: left; padding: 20px 10px 0 10px}
			#content .column h1 {font-size: 1.4em}
			#content .column a {color: #608e3a}
			#content .column a:hover {color: #71b539}
			a.more-link {
				display: block;
				text-align: left;
				margin: 20px 0;
				font-size: 1em;
				font-weight: bold;
				color: #5E4373 !important;
			}			
			a:hover.more-link {color:#71b539 !important;}
			#front-left-column {background: url(../images/shadow-left.gif) no-repeat right top;}
			#front-right-column {background: url(../images/shadow-right.gif) no-repeat left top; padding-left: 20px !important;}
			#front-left-column ul{
				list-style-position: outside;
				margin: 0; 
				padding: 0 0 0 30px;
				font-size: 1.2em;
				line-height: 1.5em;			}
				#front-left-column ul a {
					text-decoration: none;
				}
				#front-left-column #front-services {list-style-image: url('../images/check.gif');}
				
				#front-left-column #front-forms {font-size: 1em; color: #608e3a;}
			#front-right-column ul{
				list-style-position: outside;
				margin: 0; 
				padding: 0 0 0 18px;
				font-size: 1.1em;
				line-height: 1.5em;
				font-weight: 500;
				color: #608e3a;
				}
				#front-right-column li {margin: 0 0 20px 0}
				#front-right-column img {float: right; margin: 10px;}
				#front-right-column ul a {text-decoration: none;}
				#front-right-column ul ul {font-size: .9em; margin: 0 0 0 10px;}
				#front-right-column ul div {line-height: 1em; font-size: .9em}
		#front #pop-products-outer {
			background: url('../images/pop-prod-shadow.png') no-repeat scroll center bottom;
			padding: 0 0 17px 0;
		}
			#front #pop-products {
				background:#fffffe url('../images/pop-prod-bg.gif') repeat-x scroll center bottom;
				min-height: 212px;
				padding: 10px 20px;
			}
		
				#pop-products h1 {
				}
		
				#pop-products .pop-product {

					padding: 10px 0 10px 0;

				}
					.pop-product img {
						float: left;
					}
					.pop-product h2 a {
						text-decoration: none;
						color: #a64e3d;
					}															
					.pop-product h2 a:hover {
						color: #64b659;
					}

					.pop-product div {
						font-size: .8em;
						color: #343434;
					}


					#crumb-path {margin: 0 0 20px 0}
					.product {float: left; margin: 0 0 20px 0;}
					#featured-products .product {width: 600px}
					#products-right .product {float: none;}
						#products-right .product a {display: block; padding: 10px;}
						#products-right .product a:hover {background: #f3f3f3}
						#products-right .product a .prod-desc {color: #666;} 
						.product .price {color: #3EA229; font-weight: bold}
						.product .paypal {}
					.prod-list {margin: 30px 0 0 0 !important; width: 100%;  color: #666 }
						.prod-list a{font-weight: bold; font-size: 1.2em; text-decoration: none; color: #666 !important; display: block;}
						.prod-list a:hover {background: #efefef;}
						.prod-image {float: left; margin: 0 10px 0 0; width: 100px; padding-right: 20px}
						.prod-list .prod-image-thumb {float: left; margin: 0 10px 0 0; width: 48px; padding-right: 20px}
						.prod-image-related {float: left; margin: 0 10px 0 0; width: 48px; vertical-align: middle; display: block;}
						.prod-title {font-weight: bold; color: #5e4373;}
						.prod-desc {font-weight: 400; font-size: .9em}
						.prod-list .product {width: 600px;}
						.prod-image {width: 100px; float: left;}
						
					#prod-box {float: left; margin: 10px 10px 10px 0}
						.paypal {}
							.paypal {display: inline;}
							.paypal input {vertical-align: middle;}
						#prod-box #price {color: #3EA229; font-weight: bold} 
						#prod-desc {float: left; width: 400px; padding: 10px;}
					

							#prod-desc h2 {color: #666}
		#left-column {padding: 20px;}
		#front #left-column {
			padding: 0 20px 20px 20px;
		}
	#item-list { margin: 0 auto;}
			#item-list ul {
				color: #608e3a;
                font-size: 1.1em;
			}
				#item-list li {
					float: left;
					width: 200px;
					padding: 10px 5px;
					margin: 0 15px;
				    }
                                            #item-list li.list-clear {clear: both; list-style: none; float: none; height: 1px; padding: 0 0 0 0; margin: 0 0 0 0; overflow: hidden }
			#left-column #blog-posts {
				
			}
				#left-column #blog-posts h1 {
                                        margin: 0 0 0 0 !important;
				}
				
				#left-column #blog-posts h2 {
					
				}
				
				#left-column #blog-posts .blog {
					line-height: 1.4em;
					margin: 20px 0;
				}
					#left-column .blog .blog-date {
						color: #6c6c6c;
						font-size: .85em;
					}
					
					#left-column .blog .blog-desc, .blog .blog-body {
						color: #343434;
						font-size: .95em;
					}
					
										
					#left-column a.blog-link {
						display: block;
						text-align: right;
						font-size: 1.1em;
						color: #64b659;
						font-weight: bold;
					}
					#left-column a:hover.blog-link {
						font-size: 1.1em;
						color:#B73A28;
						font-weight: bold;
						background: #e4e1d5;
					}
		#left-column-float {
			float: left;
			padding: 20px;
			width: 600px;
			min-height: 400px;
			background: url(../images/shadow-left-column.gif) no-repeat right 6px;
		}
		
			#left-column-float #blog-posts {
				
			}
				#left-column-float #blog-posts h1 {
				}
				
				#left-column-float #blog-posts h2 {
					
				}
				
				#left-column-float #blog-posts .blog {
					line-height: 1.4em;
					margin: 20px 0;
				}
					#left-column-float .blog .blog-date {
						color: #6c6c6c;
						font-size: .85em;
					}
					
					#left-column-float .blog .blog-desc, .blog .blog-body {
						color: #343434;
						font-size: .95em;
					}
					
										
					#left-column-float a.blog-link {
						display: block;
						text-align: right;
						font-size: 1.1em;
						color: #64b659;
						font-weight: bold;
					}
					#left-column-float a:hover.blog-link {
						font-size: 1.1em;
						color:#B73A28;
						font-weight: bold;
						background: #e4e1d5;
					}					
		#right-column {
			float: right;
			width: 200px;
			padding: 20px;
			margin: 10px 0 0 0;
		}
			#right-column h1 {margin: 0 0 10px 0}
			#right-column ul {padding: 20px; color:#608e3a;  margin: 0; font-size: .9em;}
			#right-column h2 a {
				text-decoration: none;

			}
			#right-column h2 a:hover {
				text-decoration: none;
				cursor: pointer;
			}
			#right-column p {
				margin-top: 0;
				font-size: .8em;
			}
			#events-right {margin: 0 0 0 0;}
				
				#events-right .event {
					margin: 20px 0;
				}
					.event h2 {

					}
					.event .event-date {

						font-size: .85em;
					}
					a.event-link {
						display: block;
						text-align: right;
						font-size: .9em;

						font-weight: bold;
					}
					a:hover.event-link {

						font-weight: bold;
					}

			#article-posts {
				margin: 20px 0 0 0;
			}
				#article-posts-right h1 {
				}
				
				#article-posts-right h2 {
					color: #64b659
				}
				
				#article-posts-right .article {
					margin: 20px 0;
				}
					.article .article-date {
						color: #cfc8a9;
						font-size: .85em;
					}
					
					.article .article-desc {
						color: #fff2b3;
						font-size: .95em;
					}
					
					a.article-link {
						display: block;
						text-align: right;
						font-size: .9em;
						color: #64b659;
						font-weight: bold;
					}
					a:hover.article-link {
						color:#E2968D;
						font-weight: bold;
					}
			#right-column #blog-posts-right {
				margin: 0 0 20px 0;
				border-bottom: 1px solid #7b7565;

			}
				#right-column #blog-posts-right h1 {
				}
				
				#right-column #blog-posts-right h2 {
					color: #64b659
				}
				
				#right-column #blog-posts-right .blog {
					margin: 20px 0;
				}
					#right-column .blog .blog-date {
						color: #cfc8a9;
						font-size: .8em;
					}
					
					#right-column .blog .blog-desc {
						color: #fff2b3;
						font-size: .95em;
					}
					
					#right-column a.blog-link {
						display: block;
						text-align: right;
						font-size: .9em;
						color: #64b659;
						font-weight: bold;
					}
					#right-column a:hover.blog-link {
						color:#E2968D;
						font-weight: bold;
					}
				#calchamber {text-align: left; margin: 0 auto;}
			#content-bottom {
				height: 0; overflow: hidden
			}
			#admin #content-bottom {
				background-image: none;
			}
	#footer-container {background: url('../images/footer-container-bg.jpg') repeat-x; }
	#footer {
		margin: 0 auto;
		background: url('../images/footer-bg.jpg') no-repeat scroll center top;
		width: 850px;
		height: 150px;
		padding: 10px 20px 20px 20px;
		color: #fff;
	}
		#footer a{color: #f3ff78; text-decoration: none;}
		#footer a:hover {color: #fff54f; }
		#footer p {
			text-align: left;
			margin: 0;
			font-size: .9em;
			float: left;
			width: 560px;
		}
		#footer-columns div {float: left; width: 265px; text-align: left; padding: 0 15px 0 0;}
		#copyright {margin: 25px 0 0 0}
/*
admin side column
*/
#admin-main {border-left: 180px; min-height: 400px; margin: 0 0 0 0; border-left: 170px solid #f4f4f4; padding:10px;}
#side_column {
	/*float: left;
	margin: 0 20px 0 0;
	position: absolute;
	z-index: 2000;
	width: 820px;*/
	float: left;
	width: 160px;
	position: absolute;
}
	#side_column h2 {margin: 0; line-height: 25px; color: #c4fc8b}
	#side_column h3 {margin: 0; line-height: 25px; color: #c4fc8b}
	 	#side_column a {
		    color:#1d2742;
		    text-decoration: none;
		}
		#side_column a:hover {

		}
		#side_column ul {
		    list-style: none;
		    margin: 0 0 0 0;
		    padding: 0;
		}
			#side_column li {
				display:block;
				max-width: 160px;
				width: 160px;
				border: 1px solid #ccc; 
				background: #efefef;
				text-indent: 10px;
			    font-size: .95em;
			    padding: 0 0 0 0;
			    line-height: 1.75em;
			}
				#side_column li:hover {
					display:block;
					background: #bcf;
				}
				#side_column li li:hover { background: #cde}
				#side_column .selected { background: #ccc }
			#side_column ul ul {
			    list-style: none;
			    margin: 0 0 0 0;
			    padding: 0;
			    font-size: .95em;
			}
				#side_column ul ul li{
					background:#ddd; 
					border-left: 10px solid #ccc;
					width: 150px;
				 }
		
.float-right {
	float: right;
	margin-left: 8px;
}
