/**
 * SFANetwork.org website primary styles
 */
body, p, td, th, div{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #4c4c4c;
}
body{
	width: 100%;
	height: 100%;
	margin: 0;
}
h1,h2,h3,h4,h5,h6{
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size:1em;
	font-weight:normal;
	color: #4c4c4c;
}
h1{
	color: #812e09;
	font-size: 1.3em;
	letter-spacing: 1px;
}
h2{
	font-size: 1.2em;
	color: #7c7c7c;
	letter-spacing: 1px;
}
h3{
	font-size: 1.1em;
	color: #7c7c7c;
	letter-spacing: 1px;
}
a{
	color: #a16247;/* 3e6811; a16247; 812e09; */
	text-decoration: none;
}
a:hover{
	color: #4c4c4c;
	text-decoration: underline;
}

/**
 * Selectors
 */
#wrapper{
	width: 775px;
	height: 100%;
	margin: 0 auto;
}
#topBanner{
	width: 100%;
	height: 109px;
	background-image: url('../img/top_header.jpg');
}
#topBorder{
	background-color: #FFC600;
	width: 100%;
	height: 8px;
}
#memberLoginBtn{
	width: 100px;
	height: 17px;
	float: right;
	margin-right: 100px;
	background-image: url('../img/member_login.gif');
}
#logo{
	width: 328px;
	height: 45px;
	float: left;
	margin-top: 36px;
	margin-left: 15px;
}

#topNavigation{
	width: 100%;
	height: 27px;
	margin: 2px 0;
}
/**
 * SITE SEARCH FIELDS
 */
#searchBox{
	width: 243px;
	height: 23px;
	background-image: url('../img/search_bg_sm.png');
	float: left;
	color: #ffffff;
	font-size: .8em;
}
#searchLabel{
	float: right;
	width: 57px;
	padding-top: 3px;
	margin-left: 8px;
	color: #ffffff;
}
#searchForm{
	float: right;
	width: 128px;
	padding-left: 10px;
}
#searchForm input{
	width: 105px;
	height: 10px;
	margin-top: 2px;
}
#searchButton{
	float: right;
	width: 23px;
	padding-top: 3px;
	padding-right: 7px;
}
#searchButton a{
	color: #ffffff;
	text-decoration:none;
}
#searchButton a:hover{
	color: #c9c9c9;
	text-decoration: underline;
}
.searchHeader{
	border-bottom: 1px solid #4c4c4c;
}
.searchResults li{
	list-style-type: none;
	margin: 6px 0 8px -20px;
}

/**
 * Navigation
 */
#navigation{
	display: block;
	width: 535px;
	float: left;
	margin: 0 0 0 -43px;
	padding-top: 3px;	
}
#navigation li{
	display: inline;
	list-style-type: none;
	font-size: 1em;
	color: #999999;
	margin-left: 0px;
}
#navigation li a{
	color: #aeadad;
	text-decoration: none;
}
#navigation li a:hover{
	color: #c9c9c9;
	text-decoration: underline;
}
/**
 * GRAPHIC MID-HEADER
 */
#midHeader{
	width: 775px;
	height: 153px;
	margin: 4px 0;
}
#subHead{
	width: 775px;
	height: 35px;
	margin: 0 0 6px 0;
	background-image: url('../img/subheader_bg.jpg');
}

/**
 * HOMEPAGE BUTTONS (FEATURED LINKS)
 */
#homepageButtons{
	width: 815px;
	height: 118px;
	margin: 4px 0;
}
.leftBtn{
	float: left;
	width: 255px;
	height: 118px;
	margin-right: 5px;
}
.middleBtn{
	float: left;
	width: 255px;
	height: 118px;
	margin-right: 5px;
}
.rightBtn{
	float: left;
	width: 255px;
	height: 118px;
	margin-right: 5px;
}
/*
 * CONTENT IDS
*/
#copyWrapper{
	width: 775px;
	height: 580px;
	margin: 4px 0;
	background-color: #ffffff;
	overflow: auto;
}
#copy{
	width: 515px;
	height: 572px;
	float: left;
	margin-right: 5px;
	background-color: #eeeeea;
	background-image: url('../img/body_bg.jpg');
	background-repeat: no-repeat;
	min-height: 400px;
	overflow: hidden;
}
#copyHolder{
	padding: 4px 10px;
}
#interiorCopyOuter{
	width: 775px;
	height: 540px;
	margin: 4px 0;
	background-color: #ffffff;
	overflow: auto;
}
#interiorCopy, #defaultCopy{
	width: 500px;
	height: 100%;
	float: left;
	margin-right: 18px;
	background-color: #ffffff;
	min-height: 480px;
	overflow: hidden;
}

#defaultCopyOuter{
	width: 775px;
	height: 580px;
	margin: 4px 0;
	background-color: #ffffff;
	overflow: auto;
}
#copyLead{
	width: 100%;
	height: 24px;
	margin-bottom: 2px;
	margin-top: 11px;
}
#homepageLead{
	color: #6c6c6c;
	float: left;
	width: 240px;
	margin-left:5px;
	margin-right: 14px;
	padding-top:3px;
	padding-left: 6px;
	font-size: 15px;
}
#homepageOptions{
	float: left;
	width: 235px;
}
#homepageSelect{
	background-color: #ffffff;
	color: #4c4c4c;
	width: 225px;
	padding: 1px;
	border: 1px solid #4c4c4c;
}
#rightSidebarWrapper{
	width: 255px;
	height: 100%;
	float: left;
}
#interiorRightSidebarWrapper{
	width: 255px;
	height: 100%;
	float: left;
}
#defaultRightSidebarWrapper{
	width: 255px;
	height: 100%;
	float: left;
}
#featuredArticle{
	background-image: url('../img/featured_article_bg.jpg');
	background-repeat: no-repeat;
	width: 255px;
	height: 260px;
	margin-bottom: 7px;
	padding-top: 4px;
}
#featuredResource{
	background-image: url('../img/featured_article_bg.jpg');
	background-repeat: no-repeat;
	width: 255px;
	height: 256px;
	margin: 7px 0;
	padding-top: 2px;
}
#joinButton{
	width: 255px;
	height: 33px;
	margin-bottom: 7px;
}
#featuredEvent{
	background-image: url('../img/featured_article_bg.jpg');
	background-repeat: no-repeat;
	width: 255px;
	height: 256px;
	padding-top: 12px;
}
#featuredEventImage{
	width: 230px;
	height: 160px;	
	margin: 2px 0 0 11px;
}
#featuredArticleCopy{
	color: #4c4c4c;
	width: 230px;
	height: 200px;
}
#featuredArticleCopy p{
	color: #5c5c5c;
	font-size: 12px;
	margin: 10px 0 10px 11px;
	line-height: 1.5em;
}
#featuredArticleCopy .featuredArticleLead{	
	display: block;
	width: 230px;
	height: 16px;
	color: #3e6811;
	font-size: 1em;
	font-weight: normal;
	margin: 6px 0 0 11px;
	text-decoration: none;
}
#featuredArticleCopy .featuredArticleLead a{	
	display: block;
	width: 230px;
	height: 16px;
	color: #3e6811;
	font-size: 1em;
	font-weight: normal;
	margin: 6px 0 0 11px;
	text-decoration: none;
}
#featuredArticleCopy .featuredArticleLead a:hover{
	text-decoration: underline;
}
#featuredResourceCopy{
	color: #4c4c4c;
	width: 236px;
	height: 200px;
	padding-left: 10px;
}
#featuredResourceCopy p{
	color: #5c5c5c;
	font-size: 12px;
	margin: 10px 0 10px 0;
	line-height: 1.5em;
}

/**
 * CONTENT AREAS
 */
#interiorCopyWrapper{
	background-color: #9c9c9c;
	padding: 1px;
	width: 492px;
	height: 525px;
}
#interiorCopyContentWrapper{
	background-color: #ffffff;
	padding: 0;
	width: 492px;
	height: 525px;
}
#interiorCopyContentWrapper{
	/*background-image: url( '../img/body_bg.jpg' );*/
}
#interiorCopyContent{
	width: 480px;
	height: 99%;
	margin: 0 auto;
	padding-top: 5px;
	overflow: auto;
}
#defaultCopyWrapper{
	background-color: #9c9c9c;
	padding: 1px;
	width: 492px;
	height: 575px;
}
#defaultCopyContentWrapper{
	background-color: #ffffff;
	padding: 0;
	width: 492px;
	height: 575px;
}
#defaultCopyContentWrapper{
	background-color: #eeefea;
	background-repeat: no-repeat;
	background-image: url( '../img/body_bg.jpg' );	
}
#defaultCopyContent{
	width: 480px;
	height: 99%;
	margin: 0 auto;
	padding-top: 5px;
	overflow: auto;
}
/*
 * registration section
 */
#registrationCopyOuter{
	width: 775px;
	height: 520px;
	margin: 4px 0;
	background-color: #ffffff;
	overflow: auto;
}
#registrationCopy{
	width: 768px;
	height: 100%;
	float: left;
	margin-right: 18px;
	background-color: #ffffff;
	min-height: 500px;
	overflow: hidden;
}
#registrationCopyWrapper{
	background-color: #9c9c9c;
	margin: 0;
	padding: 0;
	width: 768px;
	height: 520px;
}
#registrationCopyContentWrapper{
	background-color: #ffffff;
	padding: 0;
	width: 768px;
	height: 520px;
}
#registrationCopyContentWrapper{
	background-color: #eeefea;
	background-repeat: no-repeat;
	background-image: url( '../img/body_bg.jpg' );	
}
#registrationCopyContent{
	width: 768px;
	height: 99%;
	margin: 0 auto;
	padding-top: 5px;
	overflow: auto;
}
#registrationCopyContent h1{
	padding-left: 20px;
}
#registrationFormFlash{
	margin-left: 14px;
}
#error_screen_3{
	margin-bottom: 80px;
}
.check_coupon_btn{
	float:right; 
	padding-left: 10px; 
	margin-top: 2px;
}
.event_reg_sidebar tbody td{
	line-height: 16px;
	padding-left: 6px;
}
.event_name_reg_sidebar{
	font-weight: bold;
	font-size: 1.1em;
	margin:0;
	padding-left: 2px;
}
.required_style{
	color: #e1281e;
}
.event_downloads_list{
	list-style-type: none;
	margin-left: -30px;
	margin-top: 0px;
}
.payment_notes{
	width: 100%;
	color: #e1281e;
}

/*
 * HOME CONTENT 
 */
#selectAlly{
	width: 220px;
	margin: 0;
	float: right;
}

/*
 * SECTION-SPECIFIC NAVIGATION
 */
#sectionNavigationOuter{
	width: 255px;
	height: 220px;
	padding: 1px;
	/*background-color: #812E09;*/
	margin-bottom: 6px;
}
#sectionNavigationInner{
	width: 255px;
	height: 220px;
	padding: 3px 0 0 0;
	background-color: #ffffff;
	background-image: url( '../img/section_nav_bg.png' );
	background-repeat: no-repeat;
}
#sectionNavigation, #eventNavigation{
	width: 210px;
	padding-top: 10px;
}
#eventNavigation{
	padding-top: 4px;
}
#sectionNavigation ul, #eventNavigation ul{
	margin: 0;
}
#sectionNavigation li{
	margin-left: -20px;
	list-style-type: none;
	line-height: 24px;
}

/**
 * FOOTER
 */
#footer{
	width: 775px;
	height: 28px;
	background-color: #ffffff;
	background-image: url('../img/footer_bg.png');
	background-repeat: no-repeat;
	margin: 8px 0;
	color: #000000;
}
#copyright{
	float: left;
	width: 270px;
	padding-top: 8px;
	padding-left:6px;
	color: #000;
	font-size: 10px;
}
#footerNavigationWrapper{
	float: left;
	width: 490px;
	padding-top: 6px;
}
#footerNavigation{
	display: inline;
	font-size: 10px;
}
#footerNavigation li{
	display: inline;
	margin:0;
}
#footerNavigation li a{
	color: #000;
	text-decoration: none;
}
#footerNavigation li a:hover{
	color:#4c4c4c;
	text-decoration: underline;
}

/*
 * FORMS
 */
#joinForm{
	padding: 26px 4px 6px 4px;
	/*
border: 1px solid #4c4c4c;
*/
	width: 85%;
	height: 230px;
	margin:4px auto;
	opacity: 0.85;
	/*background-image: url( '../img/backgrounds/join_form_bg.png' );*/
}

/**
 * Classes
 */
.leadHeading{
	font-size: 1.35em;
}
.subHeading{
	font-size: 1.25em;
}
.subSubHeading{
	font-size: 1.15em;
}
.memberLoginBtnText{
	display:block;
	font-size: 11px;
	color: #333333;
	width: 100px;
	height: 17px;
	padding-left: 8px;
}
.memberLoginBtnText a{
	color: #333333;
	text-decoration:none;
}
.memberLoginBtnText a:hover{
	color:#FFFFFF;
}
.featuredSidebarTitle{
	color: #6c6c6c;
	font-size: 16px;
	width: 230px;
	height: 20px;
	margin: 10px 0 2px 11px;
}
.featuredEventName{
	color: #6c6c6c;
	font-size: 12px;
	font-style: italic;
	width: 230px;
	margin: 4px 0 2px 11px;
}
.copyListing, .communityListing, .article_listing{
	width: 460px;
	height: 100px;
	margin: 8px 5px 1px 11px;
	border-bottom: 1px solid #9c9c9c;
}
.communityListing{
	display:none;
}
.article_listing{
	height: 90px;
}
.listingTitle{
	font-size: 14px;
	font-weight: bold;
	height: 15px;
	color: #4c4c4c;
	margin-bottom: 5px;
}
.article_listing p{
	margin: 0;
}
.listingTitle a{
	color: #4c4c4c;
	text-decoration: none;
}
.listingTitle a:hover{
	color: #3e6811;
	text-decoration: underline;
}
.listingSource{
	font-size: 14px;
	height: 15px;
	color: #1969ac;
	margin-bottom: 2px;
}
.listingBlurb{
	font-size: 12px;
	height: 42px;
	letter-spacing: .7px;
	color: #7c7c7c;
}
.listingBlurbReadMore a{
	color: #3e6811;
	text-decoration: none;
}
.listingBlurbReadMore a:hover{
	text-decoration: underline;
}
.floatRight{
	float: right;
	margin-left: 4px;
}
.filter{
	text-align: right;
	padding-right: 6px;
	margin: 2px 0 10px 0;
}
.filter #state{
	display: inline;
}

/**
 * PAGE SUBHEADINGS
 */
.pageSubHead{
	width: 700px;
	float: left;
	margin-top: 8px;
	padding-left: 5px;	
}
.pageSubHeadLead{
	color: #a16247;
	font-family: Geneva, Helvetica, Verdana, Arial, sans-serif;
	font-size: 20px;
}
.pageSubHeadName{
	color: #812e09;
	font-family: Geneva, Helvetica, Verdana, Arial, sans-serif;
	font-size: 20px;
}
/**
 * PAGE COPY STYLES
 */
.pageTitle{
	color: #812e09;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
}
.nextPage{
	width: 450px;
	text-align: right;
}
.nextPage a{
	color: #a16247;
	font-size: 13px;
	text-decoration: none;
}
.nextPage a:hover{
	text-decoration: underline;
}
.listingLink{
	display: block;
	width: 245px;
	height: 24px;
	padding-left: 10px;
	color: #812E09;
	font-size: 14px;
	text-decoration: none;
	padding-top: 6px;
}
.listingLink:hover{
	background-color: #812E09;
	color: #E95615;
}
/**
 * FEATURED RESOURCE BOX STYLES
 */
.featuredResourceTitle{
	color: #812E09;
	display: block;
	margin: 0 0 2px 0;
	font-size: 14px;
}
.featuredResourceLead{
	color: #4c4c4c;
	display: block;
	font-size: 14px;
}
.featuredResourceLead a{
	color: #812E09;
	font-size: 12px;
	text-decoration: none;
}
.featuredResourceLead a:hover{
	color: #A16247;
	text-decoration: underline;
}
.newsItemPubDate{
	float: right;
	font-size: .75em;
	color: #666666;
	font-weight: bold;
	margin-right: 6px;
	margin-bottom: 8px;
}
/*
 * EVENT DISPLAY CLASSES
 */
.eventOverview{
	margin: 6px 0 15px 0;
}
.eventSpecifics{
	
}
.eventDetails h2{
	margin: 0;
} 
.eventDetails h3{
	margin: 6px 0;
}
.eventSpecifics span{
	width: 110px;
	padding-right: 8px;
	font-weight: bold;
	font-size: 1.1em;
}
.eventSpecifics{
	margin-top: 8px;
}
.eventLogo{
	display: block;
	float: left;
	margin: 2px 10px 2px 0;
}
.eventSponsor{
	font-size: 1.1em;
	font-style: italic;
}
.eventSponsor span{
	font-size: 1em;
	font-weight: bold;
}
.eventCostList{
	margin: 4px 0 0 0;
	list-style-type: none;
}

/*
 * MEMBER DISPLAY CLASSES
 */
.memberDetails{
	
}
.memberLogo{
	display: block;
	float: right;
	margin: 4px 6px 6px 12px;
	border: none;
}
.memberOrganization{
	font-weight: normal;
	display: block;
	font-size: 1.2em;
	color: #812e09;
}
.memberExtras{
	font-size: 1.1em;
}
.membersInCommunityList{
	font-size: 1em;
	font-weight: normal;
	line-height: 20px;
	background-image: url( '../img/backgrounds/sfa_gradient_bg_small_yellow.png' );
	background-repeat: repeat-x;
	background-color: #df7e00;/* g: 7d9b5f ; r: a16247 812e09; y: ffc600 df7e00;  */
	border: 1px solid #6c6c6c;
	width: 230px;
	padding: 10px;
	margin: 8px 0 6px 4px;
	display: none;
}
.membersInCommunityList li{
	list-style-type: none;
}
.membersInCommunityList a{
	color: #6c6c6c;
}
.memberContact{
	margin-bottom: 40px;
}

/*
 * COMMUNITY CLASSES
 */
.communityOverview{
	
}
.communityOverview span{
	font-size: 1.1em;
	font-weight: bold;
}
.communityMembers span{
	font-weight: bold;
	font-size: 1.1em;
}
.communityMembers li{
	list-style-type: none;
	margin-left: -20px;
	font-size: 1.1em;
}
.communityComprised{
	margin: 10px 0;
	font-size: 1.1em;
	font-weight: normal;
}

/*
 * FORM CLASSES
*/
.wideSelect{
	width: 220px;
	margin-top: 10px;
	margin-right: 6px;
}
.tooltipWrapper{
	padding-bottom: 30px;
}
.tooltipWrapper label{
	display: block;
	float: left;
	width: 140px;
	text-align: right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-right: 6px;
}
.tooltipWrapper input, .tooltipWrapper select{
	display: block;
	float: left;
	width: 120px;
}
.formButton{
	width: 360px;
	height: 26px;
	margin-top: 10px;
}
.formButton input{
	display: block;
	margin-left: 140px;
}
.formField{
	width: 360px;
	height: 26px;
}
.formField label{
	display:block;
	float: left;
	width: 140px;
	text-align: left;
}
.formField input{
	width: 180px;
}
.textAreaField{
	height: 100px;
}
.textAreaField label{
	display:block;
	float: left;
	width: 140px;
	text-align: left;
}
#formResults{
	display: none;
}

/*
 * REGISTRATION FORM CLASSES AND SELECTORS
 */
.button_wrapper{
	margin-top: 12px;
}
.event_reg_details h3,
.payment_form h3,
.registrant_form h3,
.coupon_form h3{
	font-size: 1.3em;
}
.event_reg_details p, .event_reg_details ul li{
	font-size: 1.2em;
}
.event_reg_details ul li{
	list-style-type: none;
	margin-left: -20px;
}
.event_reg_details ul li input{
	float: left;
	margin-right: 10px;
}
.individual_field_wrapper{
	display: block;
	width: 50%;
	padding: 4px;
	margin: 6px 0;
}
.individual_field_wrapper input{
	font-size: 1.25em;
	color: #4c4c4c;
	width: 140px;
	height: 24px;
}
.individual_field_wrapper input.name_on_card{
	width: 200px;
}
.individual_field_wrapper select{
	font-size: 1.25em;
	color: #4c4c4c;
	background-color: #fff;
	border: solid 1px #4c4c4c;
	width: 140px;
	height: 31px;
	padding: 2px 0;
}
.individual_field_wrapper label{
	display: block;
	width: 140px;
	font-size: 1.15em;
}
.individual_contact{
	float: left;
}
.individual_address{
	float: left;
}
.individual_col3{
	float: left;
}
.payment_col1{
	float: left;
}
.payment_col2{
	float: left;
}
.error_container{
	display: none;
	height: 100px;
	overflow: scroll;
}
.error_container  h3{
	margin:0 6px;
}
.error_container label{
	display: block;
}
.error_container label.error {
	display: inline;
}
div.error_container {
	background-color: #eee;
	border: 1px solid red;
	margin: 5px;
	padding: 5px;
}
div.error_container ol li {
	list-style-type: disc;
	margin-left: 20px;
}
#payment_notes{
	width: 200px;
	color: #e1281e;
	font-size: 1.1em;
}

/*
 * COUPONS
 */
#coupon_message{
	display: none;
	width: 94%;
	height: 80px;
	padding: 12px;
	margin:8px auto;
	color: #3c3c3c;
	font-size: 1.2em;
}

/*
 * EVENT HOTEL CLASSES
 */
.hotelName{
	font-size: 1.15em;
	font-weight: bold;
}
.hotelDescription{
	margin-bottom: 10px;
}
.hotelDescription span{
	font-style: italic;
}
.hotelDescription img{
	display: block;
	float: left;
	margin: 4px 10px 6px 0;
}

/*
 * EVENT FAQs
 */
.question{
	font-weight: bold;
	font-size: 1.1em;
	margin:0;
}
.answer{
	margin:10px 5px;
}
/*
 * EVENT PARTICIPANT CLASSES
 */
.participant{
	margin: 10px 0;
}
.participant img{
	float: left;
	display: block;
	margin: 2px 10px 6px 0px;
}

/*
 * EVENT EXHIBITOR CLASSES
 */
.exhibitors{
	margin: 2px 0 12px 0;
}
.exhibitors img{
	float: left;
	display: block;
	margin: 2px 10px 6px 0px;
}
.exhibitorsBlurb img{
	display: block;
	float: right;
}
.exhibitorBlurb{
	margin: 4px 10px;
}
/*
 * ERROR CLASSES
 */
h2.error{
	font-size: 1.5em;
	color: #812e09;
	border-bottom: 1px dashed #999999;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
p.error{
	font-size: 1.15em;
	line-height: 16px;
}
p.error strong{
	font-size: 1.25em;
}
.reg_error_hidden{
	visibility: hidden;
}
.reg_error{
	float: right;
	width: 60%;
	font-size: 1.25em;
	color: #ff0033;
	visibility: visible;
}

/*
 * MISCELLANEOUS CLASSES
 */
.homeLinks{
	width: 95%;
	text-align: right;
	padding-top: 12px;
}
.loader{
	font-size: 1.2em;
	margin: 10px auto;
	width: 75%;
}
.loader img{
	display: block;
}
.clear{
	clear: both;
}
.small_input, .individual_field_wrapper .small_input{
	width: 65px;
}
#loading_bar{
	display: none;
	height: 28px;
}
#loading_bar img{
	display: block;
	float: left;
}

/*
 * FAQ classes
 */
 a.question{
     display: block;
     margin-bottom: 4px;
     font-size: 1em;
     width: 90%;
     padding: 2px 20px 2px 2px;
     background-color: #e4e4e4;
 }
 div.answer{
     font-size: 12px;
     color: #000;
     width: 90%;
     padding: 4px;
 }