html
{
    width: 100%;
    height: 100%;
}

* {margin:0;padding:0}

body
{
    width: 100%;
    height: 100%;
    background-color: #685d4b;
    background-image: url('images/main_bg.jpg');
    background-repeat:repeat;
    background-position: center top;
    font-family: arial;
    padding: 0;
    margin: 0;
}


h1
{
    font-size: 24px;
    color: Orange;
    font-family: arial;  
}

h2
{
    font-size: 18px;
    color: Orange;
    font-family: arial;  
}

ul {
	list-style: none;

	}

ul.disclaimer
{
list-style-type:disc;
margin:0 0 0 20px;
padding:0 0 0 10px;
}

a:link {color: #ffa500; text-decoration: underline; }
a:active {color: #ffa500; text-decoration: underline; }
a:visited {color: #ffa500; text-decoration: underline; }
a:hover {color: #ffa500; text-decoration: underline; }

.green {color: #009933}

img
{
*border:none;
border:none;
}

#wrapper
{
    width: 969px;
    margin: 0 auto;
    overflow: hidden;
    display: block;
    margin-left:auto;
    margin-right:auto;
}

#header
{
    height: 230px;
    display: block;
    width: 100%;
    overflow: hidden;
    width:969px;

}

.logo
{
    width: 443px;
    height: 230px;
    background-image: url('images/logo.png');
    background-repeat: no-repeat;
    float: left;
    z-index:100;
}

.logo h1 span
{
    display: none;
}

.paper
{
    width: 244px;
    height: 114px;
    background-image: url('images/members_area.png');
    background-repeat: no-repeat;
    overflow: hidden;
    float: right;
    display: block;
    clear: right;
}

.paper_login img
{
    margin-top: 40px;
    margin-left: 50px;
    border: 0px;
}
.paper_signup img
{
    margin-top: 40px;
    border: 0px;
    
}

#nav_home
{
    width: 661px;
    height: 77px;
    background-image: url('images/navbar_bg.gif');
    background-repeat: no-repeat;
    overflow: hidden;
    margin-top: 90px;
    margin-left: 300px;

    
    position:absolute;
    padding-top:51px;
    padding-left:20px;
   *position:absolute;
   *margin-top:100px;
   *margin-left:305px;
   
}

#flash_banner
{
    width: 830px;
    height: 324px;
    background-image: url('images/flash_banner.png');
    background-repeat: no-repeat;
    overflow: hidden;
    display:block;
    margin-top: -40px;
    margin-left: 65px;
    padding: 70px 70px 70px 70px;
}

#button_container
{
    width: 822px;
    height: 255px;
    background-repeat: no-repeat;
    margin-left: 20px;
    display:block;
    overflow: hidden;
    margin-left: 70px;
    margin-top: -150px;
}

#panel1
{
    width: 279px;
    height: 266px;
	background-image: url('images/officers.png');
    background-repeat:no-repeat;
    float:left;
    display:inline;
    border:none;

}

#panel2
{
    width: 258px;
    height: 266px;
	background-image: url('images/gallery.png');
    background-repeat:no-repeat;
    overflow: hidden;
    float:left;
    display:inline;
    border:none;

}

#panel3
{
    width: 285px;
    height: 266px;
	background-image: url('images/ladies_of_harley.png');
    background-repeat:no-repeat;
    overflow: hidden;
    float:left;
    display:inline;
	border:none;

}

#footer_home
{
    width: 787px;
    height: 92px;
    margin:0 auto;
    background-image: url('images/footer.png');
    background-repeat: no-repeat;
    overflow: hidden;
    margin-top:-25px;
    padding-top: 55px;
    padding-left: 80px;
    margin-left:auto;
    margin-right:auto;
}

#footer_pages
{
    width: 787px;
    height: 55px;
    margin:0 auto;
    background-image: url('images/footer.png');
    background-repeat: no-repeat;
    margin-top:-40px;
    padding-top: 55px;
    padding-left: 80px;
    margin-left: 85px;
}

#contact_content
{
    width: 869px;
    height: 578px;
    margin:0 auto;
    position: relative;
    background-image: url('images/contact_bg.png');
    background-repeat: no-repeat;
    overflow: hidden;
    margin-top: -60px;
    width: 869px;
    *margin-top: -20px;
}

#inner_content { /* show first div */
    margin: 30px 60px;
    *margin-top:30px;
    *margin-left:70px;
    margin-left:70px;
    background-image: url('images/content_bg.png');
    color: #fff;
    padding: 15px;
    overflow: hidden;
    width: 720px;
    height: 480px;
    }
#content
{
    width: 869px;
    height: 558px;
    margin:0 auto;
    background-image: url('images/contact_bg.png');
    background-repeat:repeat-x;
    margin-top:-30px;
    margin-left:75px;
    padding-top: 15px;
    padding-left: -40px;
}

/* NAVIGATION */
#nav_container              {width:566px;height:21px; display:inline;margin:0 auto;}
#standard                   {width:228px;height:21px;float:right;margin:1px 1px 0px 0px;}

#nav_container ul                {left:20px;}
#nav_container li.top 			{display:block; float:left;}

#nav_container	li a.home 		{*margin-left:0px; margin-left:30px; display:block; float:left; height:21px; width:49px;padding:0; cursor:pointer;background-image:url(images/homebutton.jpg);}
#nav_container	li a.news 	    {display:block; float:left; height:21px; width:48px; padding:0; cursor:pointer;background-image:url(images/newsbutton.jpg);}
#nav_container	li a.events 	{display:block; float:left; height:21px; width:54px; padding:0; cursor:pointer;background-image:url(images/eventsbutton.jpg);}
#nav_container	li a.officers	{display:block; float:left; height:21px; width:62px; padding:0; cursor:pointer;background-image:url(images/officersbutton.jpg);}
#nav_container	li a.gallery	{display:block; float:left; height:21px; width:57px; padding:0; cursor:pointer;background-image:url(images/gallerybutton.jpg);}
#nav_container	li a.ladiesofharley {display:block; float:left; height:21px; width:116px; padding:0; cursor:pointer;background-image:url(images/ladiesbutton.jpg);}
#nav_container	li a.joinus     {display:block; float:left; height:21px; width:59px; padding:0; cursor:pointer;background-image:url(images/joinusbutton.jpg);}
#nav_container	li a.contactus  {display:block; float:left; height:21px; width:81px; padding:0; cursor:pointer;background-image:url(images/contactusbutton.jpg);}

#nav_container li:hover a	 	{background-position: 0 21px;}
#nav_container li:hover 		{position:relative;}
#nav_container a:hover 		{position:relative; white-space:normal; background-position:30 0px;}
#nav_container table 			{position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

/* FOOTER NAVIGATION */
#footer_nav                 {width:460px;height:22px;float:right;margin-left:0px;margin-top:100px}
#standard                   {width:228px;height:22px;float:right;margin:1px 1px 0px 0px;}
#footer_nav 				{padding:0; margin:0; list-style:none; height:21px; position:relative;width:526px;z-index:100;}
#footer_nav li.top 			{display:block; float:left;}

#footer_nav li a.sitemap    {display:block; float:left; height:22px; width:71px;padding:0; cursor:pointer;background-image:url(images/sitemapbutton.jpg);}
#footer_nav li a.disclaimer {display:block; float:left; height:22px; width:81px;padding:0; cursor:pointer;background-image:url(images/disclaimerbutton.jpg);}
#footer_nav li a.termsconditions {display:block; float:left; height:22px; width:137px; padding:0; cursor:pointer;background-image:url(images/termsconditionsbutton.jpg);}
#footer_nav li a.title	    {display:block; float:left; height:22px; width:174px; padding:0; cursor:pointer;background-image:url(images/title.jpg);}


#footer_nav li:hover a	 	{*background-position: 0 0px;background-position: 0 22px;z-index:100;}
#footer_nav li:hover 		{position:relative; z-index:100;}
#footer_nav a:hover 		{position:relative; white-space:normal; z-index:100;background-position:0 30px; *background-position:0 0px;}
#footer_nav table 			{position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#sitemap
{
    width:695px;
    margin-top:10px;
}

#sitemap ul
{
list-style:none;
}

#sitemap ul li
{
padding:15px;
color:black;
background-color:#333333;
margin:5px 0px;
}

#sitemap a
{
color:white;
}



/* SCROLLBAR STYLE */

div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:705px; height:470px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:11px; height:450px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:425px;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#cbcbcb;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 
    
    
/* JQUERY LIGHTBOX STYLE */
    
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 290;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 290;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 289;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.thumbnail
{
	float:left; padding-right:8px; margin-top: 8px;
}














/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */