body {background: #fff url(../images/top-bg.gif) repeat-x center -25px;}

body#admin {background: #fff url(../images/top-bg.gif) repeat-x center -25px;}
#main-content {margin: 0 0 0 200px; float: right; width: 710px;}
#header {
    margin: 0 auto 0 auto;
    text-align: left;
    width: 835px;
    height: 90px;
}


#admin-body #header {width: 900px;}

#admin-body #header {
	height: 70px;
}
#header img {
width: 280px;
float: left;
margin: 0 23px 0 0;}

#admin-body #header img {
width: 225px;
float: left;
margin: 0 23px 0 0;}

#menu {
    float: right;
    margin: 0 0 0 0;
    text-indent: 0px;
    list-style: none;
    padding: 0 0 0 0;
}
#menu li {display: inline;}
#menu li a {
	display: block;
    float: left;
    line-height: 40px;
    padding: 45px 10px 0 10px;
    font-weight:  500;
    font-size: 1em;
}
#menu li a:hover {border-bottom: 0; background: url(../images/menu-bg-hover.gif) repeat-x center 50px;}

.submenu a {line-height: 1.3em; display: block; padding: 4px; font-size: 1.1em;}
.submenu a:hover {background: #fdf8cf; border-bottom: 0 none !important;}


#admin-body #menu li {
	padding: 25px 0 0 15px;
    font-size: .95em;
}
#admin-body #menu li  li {
    float: left;
    line-height: 30px;
    padding: 0 0 0 0;
    text-indent: 10px;
    font-weight:  500;
    margin: 0 0 0 0;
}
#admin-body #menu ul ul {margin: 0 0 0 0}
#admin-body #menu li ul li a {display:block;  font-size: 1em}
#admin-body #menu li ul li a:hover {border-bottom: 0; background: #CCC}

#menu li a {
    text-decoration: none;
    color: #1d2742;
}

#menu li a:hover {
    color: #376974;
}
#ribbon {
    background: url(../images/top-ribbon-bg.gif) repeat-x center 5px;
    height: 250px;
}

#ribbon-inside {
    background: url(../images/top-beam-page.jpg) no-repeat center 5px;
    width: 836px;
    margin: 0 auto;
    height: 226px;
    text-align: center;
}
#ribbon-inside h1 {
    color: #ebde98;
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 45px 0 10px 0;
    text-align: left;
    font-family: Tahoma, Arial, Sans-Serif;
}
#front #ribbon-inside {background: url(../images/top-beam.jpg) no-repeat center 5px;}
#ribbon-inside a:hover {
  border-bottom: 0 none !important;
}

#ribbon-inside div.slogan {
    width: 430px;
    margin: 0 auto 0 auto;
    text-align: center;
}
#front #ribbon-inside div.slogan {float: left; width: 528px;}
#admin-body #ribbon-inside-short div {
    width: 900px;
    margin: 0 auto 0 auto;
    text-align: left;
}

#ribbon-inside div span {
    width: 380px;
    margin: 0 auto 0 0;
    padding: 0 0 0 0;
    text-align:left;
    display: block;
    color: #FFFFFF;
    font-size: 1.15em;
    line-height: 125%;
}
#front #ribbon-inside div span {
    width: 380px;
    margin: 0 auto 0 0;
    padding: 125px 0 0 0;
    text-align:left;
    display: block;
    color: #FFFFFF;
    font-size: 1em;
    line-height: 125%;
}
#front #ribbon-inside div span {width: 490px}
#front .slogan {}
#ribbon-short {
    background: #1a2640 url(../images/top-ribbon-bg-short.gif) repeat-x center;
    height: 112px;
}

#ribbon-inside-short {
    background: url(../images/top-beam-short.jpg) no-repeat center top;
        width: 835px;
    margin: 0 auto;
    height: 112px;
    text-align: center;
}

#ribbon-inside-short div {
    width: 835px;
    margin: 0 auto 0 auto;
    padding: 20px 0 0 0;
    text-align: left;
}

#ribbon-inside-short h1 {
    color: #ebde98;
    font-size: 1.95em;
    font-weight: normal;
    margin: 0 0 0 0;
	font-family: Tahoma, Arial, Sans-Serif;
}

#ribbon-inside-short div span {
    display: block;
    font-size: 1.15em;
    font-weight: 500;
    color: #ffffff;
}

#content {
    background: url(../images/content-shadow-right.png) no-repeat center top;
    margin: 0 auto 0 auto;
    text-align: center;
}
#front #content {background: url(../images/content-shadow.png) no-repeat center top;}
#content-inside {
    margin: 0 auto 0 auto;
    text-align: left;
    width: 875px;
    line-height: 150%;
    min-height: 400px;
    font-size: .825em;
    line-height: 2em;
    padding: 0 10px;

}
#content-outer {background: url(../images/content-bg.gif) repeat-x center bottom;}
#front #content-inside {width: 835px;}
#admin-body #content-inside {width: 900px;}

#content-inside a {
    color: #33626c;
    text-decoration: none;
}

#content-inside a:hover {
    border-bottom: dotted 1px #003399;
}
#blog-box {margin-top: 10px;}
    #blog-box h1 {margin-bottom:0; line-height: 20px;}
    #blog-box .tagline {font-size: 1em; color: #999; line-height: 1em;}
    #blog-box .blog-cat {background: url(../images/blog-bubble.gif) no-repeat 55px top; height: 100px;}
	  #blog-box .blog-cat:hover {background: url(../images/blog-bubble-hover.gif) no-repeat 55px top}
      .blog-cat img {float: left;}
      .blog-cat div {float: left; width: 180px; margin: 0 0 0 30px; line-height: 1.6em;}
	.blog-cat a.post {
	  display: block; 
	  color: #1e7ea4 !important; 
	  font-size: 1.1em; 
	  line-height: 1.2em; 
	  font-weight: 600; 
	  font-family: "Trebuchet MS", Tahoma, sans-serif;
	}
	.blog-cat a:hover.post {border-bottom: none !important; color: #2895c0 !important;}
	.blog-cat a.blog-cat-link {}
div#quote {background: url(../images/quote-left.gif) no-repeat left top; font-size: 1.5em;}
  div#quote div {background: url(../images/quote-right.gif) no-repeat right bottom;}
    div#quote div div {background: none; padding: 30px; color: #4b5764}
      #quote span {display: block; font-size: .7em; text-align: right; padding: 0 20px; line-height: 1.1em;}
#portfolio-box {list-style: none; margin: 10px 0 0; padding: 0;}
#portfolio-box li {float: left; display: block; text-align: center;}
#portfolio-box a {display: block; background: url(../images/port-box.gif) no-repeat left top; float: left; width: 190px; margin:0 8px 8px 0; padding: 10px; height: 180px; overflow: hidden;}
#portfolio-box a:hover {background: url(../images/port-box-hover.gif) no-repeat left top;}
    #portfolio-box a .img {width: 188px; border:1px solid #999; height: 101px; overflow: hidden}
    #portfolio-box .port-site {width: 188px; display: block; line-height: 1em !important; height: 78px; overflow: hidden;}
    #portfolio-box div a {text-decoration: none;}
      #portfolio-box a:hover {border-bottom: 0px none !important;}
      #portfolio-box a span {display: block; color: #000000;}
      #portfolio-box div a:hover img {opacity: 0.8;}
      #portfolio-box div a:hover span{color: #666666 ;}
.featured-box {

}

  .featured-box div {
      float: left;

  }
  .featured-box a {float: left; display: block; width: 474px; height: 115px; padding: 10px; background: url(../images/featured-item-bg.gif) no-repeat;}
	.featured-box a:hover {background: url(../images/featured-item-bg-hover.gif) no-repeat;}
    .featured-box a img {float: left; border:1px solid #999;}
    .featured-box .port-site {float: left; width: 200px; display: block; padding: 0 0 0 20px; line-height: 1.4em;}
    .featured-box div a {text-decoration: none;}
      .featured-box a:hover {border-bottom: 0px none !important;}
      .featured-box a span {display: block; color: #000000;}
      .featured-box div a:hover img {opacity: 0.8;}
      .featured-box div a:hover span{color: #666666 ;}
#footer {
    background: #1a2640 url(../images/bottom-ribbon-bg.gif) repeat-x center bottom;
    height: 224px;
}

#footer-inside {
    background: url(../images/bottom-beam.jpg) no-repeat center bottom;
    height: 216px;
    color: #FFFFFF !important;
}

#footer-inside a {
    color: #ffffff;
}

#footer-inside a:hover {
    color:#ccccff;
}

#footer-inside div {
    width: 835px;
    margin: 0 auto 0 auto;
    text-align: center;
}

#footer-inside h4 {
    font-size: 1.5em;
    font-weight: 500;
    border-bottom: 1px solid #a78f6d;
    padding: 0 0 10px 0;
    margin: 10px 0 5px 0;
}

.call {
    font-size: 14pt;
    margin: 16px 0 0 0;
}

#footer-icon {
    margin: 20px 0 0 0;
}

#footer-inside span {
    display: block;
    text-align: left;
}

#footer-menu {
	border-bottom: 1px #A78F6D solid;
	text-align: right;
	margin: 0 0 0 0;
	list-style: none;
	padding: 10px 0 0 0;
}
#footer-menu ul { margin: 0 0 0 0; float: right;}
#footer-menu li {
	display: inline;
	line-height: 25px;
	padding: 0 0 0 15px;
	font-weight:  500;
	font-size: .85em;
}
#footer-menu li a:hover {color: #EBDE98; }
.footer-column-left {
    float: left;
    width: 360px;
    padding: 10px 20px 0 0;
    font-size: 10pt;
}

.footer-column-right {
    float: right;
    width: 330px;
    padding: 10px 0 0 20px;
    font-size: 10pt;
}


.side_column {
    float: right;
    width: 220px;
    margin: 0 0 0 10px;
    font-size: .9em;
}
.side_column h2 {margin: 0; line-height: 25px;}
#admin-body .side_column {
	float: left;
	margin: 0 20px 0 0;
	width: 160px;
	position: absolute;
	z-index: 2000;
 }
#admin-body .side_column ul {
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
}
#admin-body .side_column ul ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    font-size: .95em;
}
#admin-body .side_column a {
	display:block; 
	border: 1px solid #ccc; 
	background: #efefef;
	text-indent: 10px;}
#admin-body .side_column ul ul a{
	background:#ddd; 
	border-left: 10px solid #ccc;
 }
#admin-body .side_column a:hover {
	display:block;
	background: #bcf;
}

.side_boxless {
margin: 0 0 0 10px;
padding: 0 5px;
}

.side_box {
    border: #999; 
    margin: 0 0 0 15px;
}
.side_top {
    width: 200px; 
    background: url(../images/column-top.gif) no-repeat center top; 
    height: 24px;
}
.side_body_container {
background: url(../images/column-repeat.gif) repeat-y center top; 
margin: 0;
width: 200px;
}
.side_body {
    padding: 0 20px;
    background: url(../images/column.gif) no-repeat center top; 
    margin: 0;
    line-height: 1.8em;
}
.side_body h1 {line-height: 20px; margin: 20px 0 0 0; padding: 0 0 10px 0;}
.side_body h2 {
	margin: 0 0 15px 0;
	line-height: 20px;
	font-size: 1.1em;
	color: #069;
}

#main_column {
float: left;
width: 450px;
margin: 10px 0 0 0;}

.side_body ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}
.side_bottom {
    width: 200px; 
    background: url(../images/column-bottom.png) no-repeat center top; 
    height: 50px;
    margin: 0;
}
.active-scaffold table {width: 700px; margin: 0 0 0 0;}

	
		#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-main-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-main-column ul{
				list-style-position: outside;
				margin: 0; 
				padding: 0 0 0 30px;
				font-size: 1.2em;
				line-height: 1.5em;			}
				#front-main-column ul a {
					text-decoration: none;
				}
				#front-main-column #front-services {list-style-image: url('../images/check.gif');}
				
				#front-main-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 4px 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}
		#main-column {padding: 20px 0 ;}
		#front #main-column {
			padding: 0 0 20px 0;
		}
	#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 }
			#main-column #blog-posts {
				
			}

			  .blog .blog-photo { float: left; padding-right: 14px; }

				#main-column #blog-posts h1 {
                                        margin: 0 0 0 0 !important;
				}
				
				#main-column #blog-posts h2 {
					
				}
				
				#main-column #blog-posts .blog {
					line-height: 1.4em;
					margin: 20px 0;
				}
					#main-column .blog .blog-date {
						color: #6c6c6c;
						font-size: .85em;
						padding-top: 4px;
            padding-bottom: 8px;
					}
					
					#main-column .blog .blog-desc, .blog .blog-body {
						color: #343434;
						font-size: .95em;
					}
					
										
					#main-column a.blog-link {
						display: block;
						text-align: right;
						font-size: 1.1em;
						color: #64b659;
						font-weight: bold;
					}
					#main-column a:hover.blog-link {
						font-size: 1.1em;
						color:#B73A28;
						font-weight: bold;
						background: #e4e1d5;
					}
#left-column {width: 210px; float: left; margin: 0 10px 0 0}

  ul.staff {list-style: none; padding-top: 8px; line-height: 1.4em;}
    ul.staff a,
    ul.staff span.no-link {display: block; height: 75px;}
      ul.staff a:hover {border-bottom: 0 !important; background: #fdf8cf;}
      ul.staff a img {border: 0; float: left; margin: 0 10px 0 0}
      .staff-details {float: left; display: block; width: 90px; font-size: .9em;}
      .staff-details span {display: block;}
      .staff-name {font-size: 1.3em; font-weight: bold; margin: 0 0 5px 0;}

		#main-column-float {
			float: left;
			padding: 0 0 20px 0;
			width: 655px;
			min-height: 400px;
			margin: 0 0 70px 0;

		}
		#front #main-column-float {width: 500px; padding-right: 30px; margin: 0 0 0 0; background: url(../images/support-shadow.png) no-repeat right 6px; float: left;}
		#main-column-float.narrow {width: 445px; background: url(../images/support-shadow.png) no-repeat right 6px; padding-right: 20px;}
		#main-column-float.blogformat {width: 530px; background: url(../images/support-shadow.png) no-repeat right 6px; padding-right: 30px; padding-left: 15px;}
		  #support-column {width: 150px; float: right; padding: 5px 15px 5px 5px; line-height: 1.2em; font-size: 1.1em; margin: 40px 0 0 0;}
		   #support-column a:hover {border-bottom: 0 none;}
			#support-column #thumbs {text-align: center; margin-top: 8px;}
			#support-column #thumbs a {display: block; width: 43px; height: 49px; overflow: hidden; float: left; margin: 2px; border:1px solid #999}
			#support-column #related { margin-top: 10px; }
		    #support-column ul {list-style: none; padding: 0; margin: 0}
			  #support-column ul li a {display: block; padding: 4px 0; font-size: .9em;}
			    #support-column ul li a:hover {background: #FDF8CF;}
			    #support-column div#quote {background: url(../images/quote-left.png) no-repeat left top; font-size: 1.2em; margin: 20px 0;}
					#support-column div#quote div {background: url(../images/quote-right.png) no-repeat right bottom;}
						#support-column div#quote div div {background: none; padding: 20px 0; color: #4b5764; font-size: .8em; }
							#support-column #quote span {display: block; font-size: .7em; text-align: right; padding: 0 20px; line-height: 1.1em;}
		  #main-column-float h1 {line-height: 1.2em; margin: 15px 0 10px;}
			#main-column-float #blog-posts {
				
			}
				#main-column-float #blog-posts h1 {
				}
				
				#main-column-float #blog-posts h2 {
					
				}
				
				#main-column-float #blog-posts .blog {
					line-height: 1.4em;
					margin: 20px 0;
				}
					#main-column-float .blog .blog-date {
						color: #6c6c6c;
						font-size: .85em;
						padding-top: 4px;
            padding-bottom: 8px;
					}
					
					#main-column-float .blog .blog-desc, .blog .blog-body {
						color: #343434;
						font-size: .95em;
					}
					
										
					#main-column-float a.blog-link {
						display: block;
						text-align: right;
						font-size: 1.1em;
						color: #64b659;
						font-weight: bold;
					}
					#main-column-float a:hover.blog-link {
						font-size: 1.1em;
						color:#B73A28;
						font-weight: bold;
						background: #e4e1d5;
					}					
		#right-column {
			float: right;
			width: 230px;
			
			margin: 10px 0 0 0;
		}
		#right-column.blogformat {width: 290px}
		#front #right-column {width: 290px;}
			#right-column h1 {margin: 0 0 10px 0}
			#right-column ul {padding: 20px; 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;
			}
	
		
/*
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;
				 }
		
.side_body .tagline {line-height: 1em;}


.middle, .middle * { vertical-align: text-bottom; }