﻿/* -- core stylesheet------------------ */
@import url(../styles/style.css);

/* -- member section styles ----------- */
body { background:url(../images/bg.jpg) repeat-x; 
       background-repeat: repeat-x;
    font-family: Arial,Helvetica,sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;} 
body.sec { background:url(../images/bg.jpg) repeat-x; 
     background-repeat: repeat-x;      
    font-family: Arial,Helvetica,sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;} 

#page-body {
	float: left;
	width: 100%;
	background: #ffffff;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #000000;
}
	#brand { float: left; width: 960px; background:url(../images/members/bg-member-hdr.jpg) no-repeat; }
	#sidebar-container { background: url(../images/members/bg_sidebar.gif) no-repeat; padding: 10px 1px; }
h1#logo { margin: 0; padding: 0; background:url(../images/members/logo-members.gif) no-repeat; width: 525px; height: 170px; display: block; text-indent: -999em; cursor: pointer; }
h1#logo-sec { margin: 0; padding: 0; background:url(../images/logo-clubBusiness.gif) no-repeat; width: 474px; height: 92px; display: block; text-indent: -999em; cursor: pointer; }
h2#logo-sec2 { margin: 0; padding: 0; background:url(../images/logo-districtBusiness.gif) no-repeat; width: 474px; height: 92px; display: block; text-indent: -999em; cursor: pointer; }

#login_box ul { margin: 0; padding: 0; list-style: none; height: 32px; }
	#login_box li { margin: 0; padding: 0; display: inline; } 
	#login_box li.member a { background: url(../images/members/tab_member.gif) no-repeat; display: block; float: left; width: 62px; height: 32px; text-indent: -999em; } 
	#login_box li.club a { background: url(../images/members/tab_club.gif) no-repeat; display: block; float: left; width: 64px; height: 32px; text-indent: -999em; } 	
	#login_box li.district a { background: url(../images/members/tab_district.gif) no-repeat; display: block; float: left; width: 62px; height: 32px; text-indent: -999em; } 
	#login_box li.on a { background-position: 0 0; } 
	p.login-message { margin: 6px 0 12px 0; padding: 0 0 6px 0; border-bottom: 1px solid #e0e1de; }

.loginlabel {font-size:10px;color: #606a74;float:left;width:50px;margin-top:3px;margin-right:3px;text-align:right;}
.loginbox {float:right;}
.loginimg {float:left;}
#locations { margin: 0; padding: 8px 10px 0 10px;}
#member { margin: 0; padding: 8px 10px 0 10px; background:url(../images/members/border-member.gif) no-repeat top; }
#club { margin: 0; padding: 8px 10px 0 10px; background:url(../images/members/border-club.gif) no-repeat top; }
#district { margin: 0; padding: 8px 10px 0 10px; background:url(../images/members/border-district.gif) no-repeat top; }

form#logout { margin: 6px 0 0 0; padding: 6px 0 0 0; border-top: 1px solid #e0e1de; }
button.logout { margin: 3px 0 0 0; background:url(../images/members/btn-logout.gif) no-repeat !important; width: 54px; height: 15px; border: 0; cursor: pointer; text-indent: -999em; }
button.login { margin: 3px 0 0 0; background:url(../images/members/btn-login.gif) no-repeat !important; width: 54px; height: 15px; border: 0; cursor: pointer; text-indent: -999em; }
button.find { margin: 3px 0 0 0; background:url(../images/members/btn-find.gif) no-repeat !important; width: 54px; height: 15px; border: 0; cursor: pointer; text-indent: -999em; }
#login_box h4 { margin: 12px 0 0 0; }
#home-features ul { margin: 0; padding: 0; list-style: none; }
	#home-features li a { font-size: 12px; text-decoration: none !important; padding: 0 0 10px 0; }
#spotlight-related { float: left; }
	.related { float: left; width: 170px; margin: 0 10px 0 0; padding: 0; }
	.related ul { margin: 0; padding: 0; list-style: none; }
		.related li a { font-size: 12px; text-decoration: none !important; }

.feature-help { margin: 0; padding: 0 0 20px 0; background:url(../images/members/bg_help.jpg) no-repeat bottom right; border-bottom: 1px solid #e1e1e2; float: left; width: 345px; }
	.feature-help img { float: left; }
	.feature-help ul { margin: 0; padding: 0; float: left; width: 140px; list-style: none; }
		.feature-help li { margin: 0; padding: 0 0 2px 0; }
.feature-secondary { border: 0; }
#feature-news { float: left; width: 125px; }
#feature-galleries { float: right; width: 200px; }
#feature-galleries ul { margin: 0; padding: 0; list-style: none; }
	#feature-galleries li { margin: 0 5px 5px 0; padding: 0; float: left; }
#feature-quote { margin: 2px 0; padding: 5px 5px 5px 5px; font: normal 14px/24px Arial, Helvetica, sans-serif; color: #606a74; border-top: 1px solid #e1e1e2; }
#feature-spotlight { margin: 0; padding: 2px 10px 0px 0; border-top: 1px solid #e1e1e2; }
	#feature-spotlight img { float: left; margin: 0 10px 50px 0; }
	
#nav-section { background:url(../images/members/bg_navbox-bottom.gif) no-repeat bottom; width: 190px; margin: 0 0 20px 0; padding: 0 1px 5px 1px; }
#nav-section-bottom { background: url(../images/members/bg_sidebar.gif) no-repeat; }
#nav-section ul { padding-bottom: 10px; }
#nav-section h4 { padding: 10px; }
#nav-section ul { margin: 0; padding: 0 10px; list-style: none; }
#nav-section li { margin: 0 0 5px 0; padding: 0 0 0 8px; background:url(../images/members/bullet-arrow.gif) no-repeat; background-position: 0 7px; }
#nav-section li a { color: #c60; }

#header-sec { width: 1024px; height: 170px; margin: 0 auto; }
/*
#brand-sec { float: left; width: 960px; background:url(../images/members/bg-member-hdr-sec.jpg) no-repeat; }
*/
#content #breadcrumbs { float: left; width: 570px; }
#content #breadcrumbs ul { margin: 0; padding: 0; list-style: none; }
#content #breadcrumbs li { display: inline; margin: 0; padding-left: 12px; background:url(../images/members/bullet-breadcrumbs.gif) no-repeat; background-position: 0 4px; font-size: 10px; }
#content #breadcrumbs li.home { margin-right: 4px; padding: 0; background: none; } 
#content #breadcrumbs li a { color: #a5a5a5; text-decoration: none; }

#content #pagetools { float: right; width: 150px; }
#content #pagetools ul { margin: 0; padding: 0; list-style: none; }
#content #pagetools li { display: inline; margin-left: 8px; padding-left: 8px; background:url(../images/members/bullet-pagetools.gif) no-repeat; background-position: 0 4px; font-size: 10px; }
#content #pagetools li a { color: #535353; text-decoration: none; }

#content h4 { font-size: 12px; margin: 0; padding: 0; font-weight: bold; }
#content ul.lists { margin-left: 20px; padding: 0; list-style: none; }
#content ul.lists li { margin: 10px 0; padding: 0 0 0 10px; background: url(../images/members/bullet-content.gif) no-repeat; background-position: 0 5px; }

#content .category img { float: right; margin-left: 30px; }
#content .subcategories {clear:left;}
#content .subcategories ul { margin: 0 20px 10px 0; padding: 0; list-style: none; width: 155px; float: left;  }
#content .subcategories li {padding: 2px 0 5px 10px; margin: 0; font-size: 12px; background:url(../images/members/bullet-arrow.gif) no-repeat; background-position: 0 9px;}
#content .subcategories li a { text-decoration: none; } 

#related { float: left; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #c3c3bd; width: 750px; }
#content #related h2 { margin-bottom: 6px; color: #535353; }

#content .resources { float: left; width: 355px; }

#content #related ul { margin: 0; padding: 0; list-style: none; }
#content #related li { margin: 0 0 6px 0; padding: 0; font-size: 12px; background: none; }
#content #related li a { color: #39c; text-decoration: none; }
#content .publications { float: right; width: 365px; }

#content .publications h4 { margin: 0; padding: 0; font-size: 12px; }
#content .publications h4 a { padding: 0 0 0 10px; color: #39c; text-decoration: none; background:url(../images/members/bullet-pubs.gif) no-repeat; background-position: 0 3px; }
#content .publications img { float: left; margin: 0 20px 0 0; }

.headline-img { float: right; margin: 0 0 10px 20px; }

#QuoteAuthor { text-align: right; }

#content #intro_content { font-size: 12px; color: #606a74; width: 360px; float: left; margin: 0 20px 0 0; }
.numbbull ol { clear: both;  padding: 0; margin: 0 0 0 10px; font-size: 12px; color: #606a74; }
	.numbbull li { color: #606a74; font-size: 12px;  padding: 0px 0 5px 0px; margin: 0px 0 0 -5px;  }

