html { height: 100%;
margin-bottom: 1px;
} /* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */
	
	/* Do not remove the following section, these rules are required for forms */
		.comment-replies {
			margin-left: 30px;
		}

		.form-element.form-hide, .form-important {
			display: none;
		}

		.form-element.form-type-checkbox label,
		.form-element.form-type-radio label {
			display: inline;
		}

		.form-float-left {
			float: left;
		}

		.form-element.form-float-left {
			padding-right: 10px;
		}
		
		/* This section works with the wt.hero function in site-local.js.  Values set to % need to be set.  Caption and control rules should be removed if not in use. */

		div#imageFadeContainer {
			position: relative;
			width: 452px;
			height: 300px;
			overflow: hidden;
			z-index: 1;
		}

			div#imageFadeContainer img {
				position: absolute;
				top: 0px;
				left: 0px;
			}

			div#imageFadeContainer div#hero-foreground {

			}

			div#imageFadeContainer div#hero-caption {

			}

			div#imageFadeContainer div#hero-controls {

			}

				div#imageFadeContainer div#hero-controls ul {

				}

					div#imageFadeContainer div#hero-controls ul li {

					}

						div#imageFadeContainer div#hero-controls ul li a {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-previous {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-pause {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-play {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-next {

						}
						
		/* Global styles */
		
		.clear {
			clear: both;
		}
		
		form .clear {
			clear: none;
		}
		
		.left {
			text-align: left;
		}
		
		.center {
			text-align: center;
		}
		
		.right {
			text-align: right;
		}
		
		img.left {
			float: left;
		}
		
		img.center {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		img.right {
			float: right;
		}
		
		/* Specific styles */
		

html { 
    height: 100%;
    margin-bottom: 1px;
    background: rgb(100%,100%,100%) url(/images/html-bg.png) 50% 0;
    color: rgb(171,168,168);
    }

	body { 
	    font-family: "Gill Sans";
        min-height: 100%;
    }
    
    h1, h2, h3, h4 {
        font-weight:normal;
        color:rgb(163,170,88); /* Green */ 
        margin:0 0 5px 0;
        padding:0;
    }
    
    h4 {
        font-weight:bold;
        margin-bottom:0;
    }
    
	a { 
	    color: rgb(171,168,168);
        text-decoration: none;
    }
	
	.clear { 
	    clear: both;
        height: 0px;
        overflow: hidden;
    }

	#wrapper { 
	    width: 51.8462em;
        margin: 0 auto;
        padding: 0 198px;
        text-align: left;
        background: transparent url(/images/wrapper-bg.png) 50% 0;
        min-height: 100%;
    }
	
		#hd { 
		    position: relative;
            padding: 65px 0 0;
            height: 31px;
			*z-index: 100;
        }
		
			#hd h1 { 
			    margin: 0;
            }
			
				#hd h1 a { 
					z-index: 100;
				    position: absolute;
				    width: 155px;
				    height: 155px;
				    display: block;
				    top: 20px;
				    left: -105px;
				    *left:-120px;
				    overflow: hidden;
				    text-indent: -10000px;
				    background: url(/images/logo.png) no-repeat 50% 50%;
				    _background-image: none;
				    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png', sizingMethod='crop');
                }
				
			#hd ul.navigation { 
			    margin: 0 0 0 60px;
				height: 17px;
				overflow: hidden;
            }
			
				#hd ul.navigation li { 
				    float: left;
                    list-style: none;
                    padding-left: 10px;
                    margin-left: 10px;
                    *margin-left:6px;
                    *padding-left:6px;
                    border-left: 1px solid rgb(171,168,168);
                    text-transform: lowercase;
                    font-size: 108%;
                    _font-size: 13px;
                }
				
				#hd ul.navigation li.first { 
				    padding-left: 0;
                    margin-left: 0;
                    border-left: none;
                }
                
                #hd ul.navigation li.selected a, #hd ul.navigation li.ancestor a {
				    color: rgb(163,170,88); /* Green */ 
                }
				
		#bd {}
		
			#bd #top {}
			
				#bd #top .heroshot { 
                }

					#bd #top .heroshot img {
						width: 452px;
						height: auto;
					}
				
				#bd #top .top_right { 
				    width: 196px;
                    border: 2px solid rgb(163,170,88); /* Green */ 
                    background: transparent url(/images/main-sb-bg.png) no-repeat 0px 100%;
                    padding-bottom: 2em;
                    height:268px;
                    position:relative;
                    overflow:hidden;
                }
                
                #bd #top .top_right div.side_nav {
                    padding-top:10px;
                }
                
                #bd #top .top_right div.side_nav ul {
                    height:240px;
                    overflow:auto;
                    padding:0;
                }

                #bd #top .top_right div.side_nav .jScrollPaneContainer ul {
					margin-top: 0;
					margin-bottom: 0;
				}
                
                #bd #top .top_right div.side_nav h2, #bd #top .top_right div.home_side_nav h2 {
                    position:absolute;
                    bottom:-12px;
                    font-size:200%;
                    left:16px;
                }
                
                div.events-workshops #bd #top .top_right div.side_nav h2 {
                    bottom:-10px;
                    font-size:160%;
                }
                
                html#home #bd #top .top_right div.side_nav h2 {
                    display:none;
                }
				
			#bd .block { 
			    margin: 1em;
                text-align: justify;
            }
			
				#bd .block ul { 
				    margin: 0 0 1em;
                }
                
				
					#bd .block ul li { 
					    list-style: none;
                        font-size: 93%;
                        text-align: left;
                    }

					#bd .block p.more { 
					    margin-top:10px;
					    text-align: right;
                    }

                    #bd .block div.page-content ul li {
                        list-style:circle;
                        margin-left:20px;
                    }


			#bd .newsletter-signup-block { 
			    text-align: right;
                background: url(/images/newsletter-signup-bg.png) 50% 100% no-repeat;
                padding-bottom: 0.5em;
                margin-bottom: 0.5em;
            }
			 
				#bd .newsletter-signup-block h3 { 
				    color: rgb(163,170,88); /* Green */ 
                    font-size: 93%;
                    margin: 0 -0.5em 0.5em;
                    text-align: center;
                }
                
                #bd .newsletter-signup-block label {
                    display:none;
                }
				#bd .newsletter-signup-block input.input-text { 
				    height: 15px;
                    line-height: 15px;
                    width: 164px;
                    padding: 2px;
                    background: url(/images/input-bg.png) repeat-x 100% 50%;
                    border: 1px solid rgb(170,170,170);
                }

				#bd .newsletter-signup-block input.input-submit { 
				    border: none;
                    background: transparent;
                    color: rgb(165,163,163);
                }
				

				#bd .news-block ul {
				    height:154px;
				    overflow:auto;
				}
			
			#bd ul.sidebar, #bd ul.sidebar li.sidebar-block {
			    list-style:none;
			    margin:0;
			    padding:0;
			}
			
			div.contact #bd ul.sidebar li.sidebar-block .block {
    			text-align:left;
			}
            
			#bd ul.navigation {
			    margin-left:15px;
			}
			
			#bd ul.navigation li {
			    margin:0 0 10px 0;
			    padding:0;
			    list-style:none;
			}
			
			#bd ul.navigation li.selected a {
			    color: rgb(163,170,88); /* Green */ 
			}
			
			#bd ul.navigation li.up-one-level {
			    display:none;
			}

			div.instructors #bd ul.navigation li {
			    margin-bottom:0;
			}

			div.instructors #bd ul.navigation li.nav-sara-mingus-owner {
			    padding-bottom:10px;
			}
			
			#bd #bottom { 
			    margin-top: 24px;
            }

			#bd #bottom .yui-u div.map {
			    width:312px;
			    overflow:hidden;
			}
				
				#bd #bottom .heroshot { 
				    text-align: right;
                }
				
				html#home #bd #bottom .content_area { 
				    border: 2px solid rgb(163,170,88); /* Green */ 
                }
				
				html#home #bd #bottom .content_area h2, html#contact #bd #bottom .content_area h2 {
				    display:none;
				}
				
				#bd #bottom .about-block { 
				    margin: 1.7em 1em;
                }

				#bd #bottom .yui-u {
					width: 314px;
				}
				
				#bd #bottom .first {
					width: 328px;
				}

				html#home #bd #bottom .yui-u {
					width: 305px;
				}
				
				html#home #bd #bottom .first {
					width: 342px;
				}
        
        #bd .extra_content {
            border: 2px solid rgb(163,170,88); /* Green */ 
            background: transparent url(/images/extra-content-bg.png) no-repeat 100% 100%;
            overflow:hidden;
            width:310px;
            position:relative;
            padding-bottom:20px;
            margin-top:20px;
        }
        
        #bd .extra_content h2 {
            line-height:.7;
            margin-left:15px;
            margin-bottom:10px;
            font-size:200%;
        }
        
        #bd .extra_content p {
            margin-left:15px;
            margin-bottom:5px;
            
        }
        
        #bd .extra_content p strong, #bd ul.sidebar div.block p strong {
            color: rgb(163,170,88); /* Green */ 
        }
        
        #bd .extra_content img.right {
            margin:-35px 10px 0;
        }
        
        #bd .extra_content a.register_here {
            background: rgb(163,170,88); /* Green */ 
            color: rgb(255,255,255);
            padding:2px 5px;
            position:absolute;
            bottom:0;
            *bottom:-2px;
            right:15px;
            font-size:130%;
        }
        
        #bd .form-contact form label {
            display:block;
            margin-bottom:5px;
            color: rgb(163,170,88); /* Green */ 
            font-size:120%;
        }
        
        #bd .form-contact form div.form-type-text input, #bd .form-contact form textarea {
            border:1px solid rgb(170,170,170);
            margin-bottom:20px;
            width:100%;
            font-size:14px;
            color:rgb(127,127,127);
        }
        
        #bd .form-contact form textarea {
            height:140px;
        }
        
        #bd .form-contact form div.form-type-submit {
            text-align:right;
        }
        
        #bd .form-contact form input.input-submit {
            background:rgb(163,170,88); /* Green */ 
            border:0;
            color:rgb(255,255,255);
            padding:2px 4px;
            font-size:130%;
        }

		#ft { 
		    text-align: right;
            font-size: 77%;
            text-transform: lowercase;
            background: transparent url(/images/footer-bg.png) no-repeat 100% 0;
            padding: 1em 0;
            margin-top: 1em;
        }