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: 501px;
			height: 324px;
			overflow: hidden;
		}

			div#imageFadeContainer img {
				position: absolute;
				top: 0px;
				left: 0px;
				z-index:10;
			}

			div#imageFadeContainer div#hero-foreground {
			    position:absolute;
                display:block;
                width:501px;
                height:70px;
                bottom:0;
                left:0;
                background:#888184;
                opacity: 0.75;
                filter: alpha(opacity = 75);
                z-index:1000;
                
			}

			div#imageFadeContainer div#hero-caption {
                position:absolute;
                display:block;
                bottom:10px;
                left:20px;
                width:460px;
                height:50px;
                z-index:1001;
                color:#fff;
			}

			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 {
		    background:url('/images/html_bg.jpg') 50% 0 repeat-y #331E23;
		}
		
		
		body{
			background:url('/images/body_bg.jpg') bottom center repeat-x transparent;
			font-family:arial;
			color:#2c1a22;
			line-height:130%;
		}
		a{
			color:#2e6385;
			text-decoration:none;
		}
		a:hover{ color:#16405b;}
		h3, h4, h5{
			font-family:arial;
			font-size:116%;
			color:#2e6385;
			text-transform:uppercase;
		}
		h3,h4{ margin:0 0 6px 0;}
		h3{margin-top:10px;}
		h4{ font-size:100%; }
		h5{ font-size:86%; color:#290308;}
		p{margin:0 0 1em 0;}

        p.top_address {
            position:absolute;
            top:80px;
            right:0px;
            color:#dcd3d7;
            font-size:11px;
        }
        
        .Lnoborder {
            float:left;
            border:0;
            padding:0;
            margin-right:10px;
        }
        
        .Rnoborder {
            float:right;
            border:0;
            padding:0;
            margin-left:10px;
        }
        
        /* This fixes a problem when sidebar images are too wide in IE6 */
        .yui-u {
            _overflow:hidden;
        }
        
		#stripe{
			position:absolute;
			left:0px; top:105px;
			width:100%; height:28px;
			background:url('/images/stripe.jpg') top center repeat-x;
		}
		#doc{ position:relative; width:755px; }

		#hd{width:100%; height:133px;}
			#login{
				position:absolute;
				top:80px; right:0px;
				color:#fff;
				font-size:85%;
			}
			#logo{
				position:absolute;
				top:45px; left:0px;
			}
			div.navigation{
				position:absolute;
				top:105px;
                left:-10px;
				height:28px;
				overflow:hidden;
			}
				ul.navigation {width:800px;margin:0;padding:0;}
				ul.navigation li {
				    position:relative;
				    display:block;
				    float:left;
				    height:56px;
				}
				ul.navigation li a {
				    position:relative;
					display:block;
					text-indent:-9999px;
					height:56px;
					background-position: 0px 0px;
                	left:0;
				}
				.navigation li {list-style:none;}
				ul.navigation li a:hover, ul.navigation li.ancestor a, ul.navigation li.selected a {
				    background-position: 0 -28px;
				    position:relative;
				}

				.navigation li.nav-home a { 
				    background:url('/images/nav-home-w.gif') no-repeat 0 0;
				    width:49px; 
				    }

				.navigation li.nav-news a { 
				    background:url('/images/nav-news-w.gif') no-repeat 0 0;
				    width:50px; 
				    }

				.navigation li.nav-calendar-of-events a { 
				    background:url('/images/nav-calendar-of-events-w.gif') no-repeat 0 0;
				    width:142px;
				    }

				.navigation li.nav-meet-the-members a { 
				    background:url('/images/nav-meet-the-members-w.gif') no-repeat 0 0;
				    width:127px;
				    }

				.navigation li.nav-membership a {
				    background:url('/images/nav-membership-w.gif') no-repeat 0 0;
				    width:89px;
				    }

				.navigation li.nav-reff-scholarship a {
				    background:url('/images/nav-reff-scholarship-w.gif') no-repeat 0 0;
				    width:126px;
				    }

				.navigation li.nav-careers a {
				    background:url('/images/nav-careers-w.gif') no-repeat 0 0;
				    width:68px;
				    }

				.navigation li.nav-about a {
				    background:url('/images/nav-about-w.gif') no-repeat 0 0;
				    width:55px;
				    }

				.navigation li.nav-contact a {
				    background:url('/images/nav-contact-w.gif') no-repeat 0 0;
				    width:69px;
				    }



		#bd{
			margin:15px 0 0 0;
		}
		.blockety{background:#cdc5c7; padding:10px; margin:0 0 15px 0;}
		
		.blockety ul {
		    margin-top:0;
		    margin-left:0;
		}
		
		.blockety ul li {
		    list-style:disc outside;
			margin-left: 10px;
		}
		
		.blockety .item {
		    margin-bottom:30px;
		}

		.blockety .sidebar_item {
		    margin-bottom:10px;
		}
		
		.blockety .sidebar_item p, .blockety .sidebar_item h5 {
		    margin:0;
		}
		
		
			#side-buttons{padding:5px;}
		.recent-events{margin:15px 0 0 0;}
		
			#big-button_left, #big-buttons_right{
				position:relative;
				margin:10px 0 0 0;
			}
				#big-button_left a, #big-buttons_right a{
					display:block;
					float:left;
					width:244px;
					height:72px;
					overflow:hidden;
				}
				#big-button_left a{
				    margin:0 12px 0 0 !important;
				    _margin:0 9px 0 0 !important;
				    }
				.side-item{ font-size:85%; color:#555555; line-height:100%;}
					.side-item a{ font-size:80%; }
					.side-item h5{margin:0;}
				.link-list{margin:0;padding:0;}
				.link-list li{list-style:none;padding:0;margin:0;}
				.link-list a{color:#2c1a22;}
				#board .side-item{margin:0 0 10px 0;}
				.with-thumb{position:relative; clear:both;}
					.with-thumb img{
						float:left;
						margin:2px 10px 7px 0;
					}
					
				.with-thumb a {
				    text-transform:uppercase;
				}
			.event{margin:15px 0 10px 0;}
		#ft{
			width:100%;
			color:#fff;
			font-size:85%;
			padding:5px 0 10px 0;
			border-top:1px #fff solid;
			margin-top:275px;
		}
		#home #bdi div.first{width:500px; margin-right:-2px;}
		
		

/* =============
 Generic Form Settings
 =============== */

form .form-type-text input, form textarea {
    width:460px;
    border:1px solid #a1999b;
    padding:3px;
}


form label {
    display:block;
}


form textarea {
    height:10em;
}

form .form-element {
    margin-bottom:10px;
}

form legend {
    font-weight:bold;
}

form .first_name input {
    width:10em;
}

form .middle_name input {
    width:10em;
}

form .last_name input {
    width:10em;
}

form .city input {
    width:23em;
}
form .state input {
    width:3em;
}

form .zip input {
    width:6em;
}



/* =============
 Application Submission Form
 =============== */

.form-reff-scholarship-application form {
    width:480px;
}

.form-reff-scholarship-application form legend {
    white-space:normal;
}

.form-reff-scholarship-application form textarea {
    width:460px;
}

.form-reff-scholarship-application form .radio_options legend {
    font-weight:normal;
}

.form-reff-scholarship-application form .in_school .form-type-text input {
    width:10em;
}

/* =============
 Holiday Party Form
 =============== */

.form-holiday-party-registration form .form-type-radio {
    font-weight:bold;
}

.form-holiday-party-registration form .form-type-radio span {
    font-weight:normal;
    display:block;
    margin-left:20px;
}


/* =============
 Membership Form
 =============== */

.form-online-application .cmbs_other_description, .form-online-application .mortgage_bank_other_description, .form-online-application .service_provider_other_description {
    display:none;
}

/* =============
 Galleries
 =============== */

.image-gallery ul {
    margin:0;
}

.image-gallery ul li {
    width:70px;
    height:70px;
    list-style:none;
    overflow:hidden;
    margin-bottom:10px;
    margin-right:10px;
    float:left;
    border:3px solid white;
    
}

.image-gallery ul li a {
    display:block;
    
}


/* =============
 Holiday Party Page
 =============== */

.blockety .register {
    margin:-5px;
}

.small_text h4 {
    margin:0;
}

.small_text p {
    font-size:80%;
}

.small_text p a {
    text-transform:uppercase;
}

.form-sponsor legend {
    display: none;
}


/* ==========
   Util
   ========== */

.small {
	font-size: .8em;
}

a#linkedin {
    display: block;
    width: 122px;
    text-indent: -5000px;
    overflow: hidden;
    height: 35px;
    background: transparent url(/images/linkedinlogo.png) 0 0 no-repeat;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/linkedinlogo.png", sizingMethod="scale"); 
    margin: 10px 0 0 50px;
}

p#linkedin_p {
    font-size: 85%;
}