/* -------------------------------------------------------------- 
  	TABLE OF CONTENTS 
	
	1. Cross-browser Reset
	2. Standard elements defaults - Default styles for standard HTML elements. See /style-guide.html for markup examples.
	3. Style Library - Styles repeated through site but aren't structural elements.
	4. Main Structure - Includes header, main navigation, main wrapper, footer, etc
	5. Main Structure Alternative Styles - Styles for main structure elements that have different styles in different templates
	6. Template Styles - Specific styles for the different templates
	7. Page Specific Styles - If a page has unique styles not found anywhere else on the site they would go here
	
	STYLE SHEET COMMENT DEFINITIONS
	
	CF -- Denotes a style that is used as a clear fix
	PFD (Prevent float drop) -- Denotes a fix for ie6 to prevent layout from breaking with oversized content
	IE{.css} -- Denotes a css property that is used for a bug fix in IE7 and below. NOTE if .css is present check alternative style sheet
	IE6{.css} -- Denotes a css property that is used for a bug fix in IE6. NOTE if .css is present check alternative style sheet
	IE8.css -- Denotes a style that has an alternative version in the ie8.css style sheet
	HL (hasLayout) -- Denotes a hasLayout fix for IE
	DMB (Double margin bug) -- Denotes double margin fix for ie6
	SL - Denotes that a element draws most of its styles from style library
	
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
  	1. Cross-browser reset 
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* PC FF3 adds an outline to Flash objects */
a, object { outline: none; }

/* -------------------------------------------------------------- 
  	2. Standard elements defaults 
-------------------------------------------------------------- */

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; font-family: georgia, serif; font-weight: bold; color: #3A4C65; }

h1 { font-size: 2.333em; }
h2 { font-size: 1.833em; font-weight: normal; }
h3 { font-size: 1.5em; font-weight: normal; }
h4 { font-size: 1em; text-transform: uppercase; }
h5 { font-size: 0.833em; text-transform: uppercase; }
h6 { font-size: 1em; font-family: arial, sans-serif; }

h1 a, h1 a:link,
h2 a, h2 a:link,
h3 a, h3 a:link,
h4 a, h4 a:link,
h5 a, h5 a:link,
h6 a, h6 a:link { color: #0070A8; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { color: #80B8D4; }

/* Text Elements
-------------------------------------------------------------- */

body		{ color: #333333; font: 62.5% arial, helvetica, sans-serif; }
p 			{ margin: 0 0 1em; line-height: 1.5; font-size: 1.083em; }
.summary p 	{ font-style: italic; color: #999999; font: italic 1.5em georgia, serif; margin-bottom: 0.75em; }

a 			{ text-decoration: underline; }
a,a:link 	{ color: #0070A8; }
a:visited 	{ color: #3A4C65; }

a:hover,
a:active,
a:focus 	{ color: #80B8D4; }

blockquote  	{ margin: 0 0 1em 0; }
blockquote p 	{ font-size: 0.923em; font-style: italic; color: #888888; }
strong 			{ font-weight: bold; }
em  			{ font-style: italic; }
p small 		{ color: #666666; font-size: 0.923em; }
p cite			{ color: #666666; font-style: normal; font-size: 0.846em; display: block; }

address {margin-bottom: 1.5em;}

/* Following six styles generally do not need to be edited */

sup, sub    { line-height: 0; }
dfn 		{ font-style: italic; }
del 		{ color:#666; }
pre 		{ white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists
-------------------------------------------------------------- */

ul			{ margin: 0 0 1.5em 0; list-style: none; padding: 0; }
ol          { list-style: decimal; margin: 0 1.5em 1.5em 1.5em; }

ul li		{ background: url(../images/design/bullet-blue-lg.gif) 0 7px no-repeat; padding-left: 1.5em; }

li			{ margin-bottom: 1em; line-height: 1.5; }

li ul, 
li ol       { margin: 0 1.5em; padding-top: 1em; }
li li 		{ font-size: 1em; }

ul ol li 	{ background: none; padding-left: 0; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em; }

/* Tables
-------------------------------------------------------------- */

table       	{ margin-bottom: 1.4em; width:100%; border: 0; }
th          	{ background: #c3c3c3; color: #000000; font-weight: bold; }
th,td,caption 	{ padding: 4px 10px; }
td				{ border-bottom: 1px dashed #ABABAB; }
tr.odd td  		{ background: #FAFAFA; }
tfoot       	{ font-style: italic; }
caption     	{ background: none; text-align: center; }

/* Forms
----------------------------------------------------------- */
fieldset 			{ margin-bottom: 1.5em; padding: 1em 0; border: none; }
fieldset.last 		{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
legend 				{ font-weight: bold; }
label 				{ font: normal 0.917em arial, sans-serif; float: left; margin-right: 10px; width: 100px; color: #666666; text-align: right; }
.required label		{ font-weight: bold; color: #000000; text-transform: uppercase; }

.fieldArea 			{ margin-bottom: 0.833em; }
.fieldArea input,
.fieldArea textarea { width: 150px; background: #F2F2F2; border: 1px solid #CCCCCC; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.fieldArea textarea { height: 65px; overflow: auto; }

input.protect		{ display: none; }
input.submit 		{ cursor: pointer; border: 0; background: #0070A8; color: #FFFFFF; font: bold 0.917em verdana; padding: 4px 6px; text-transform: uppercase; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
input.submit:hover	{ background: #80B8D4; }

span.message 		{ display: block; font-size: 0.917em; text-align: right; padding-top: 0.5em; }
span.error 			{ color: #DD0000; }
		
div#errors 			{ background: #FFF5E6 url(../images/design/icon-error.gif) 10px 0.5em no-repeat; border: 1px solid #FFEBCC; font: normal 0.846em arial; margin: 0 0 1.5em 0; padding: 0.5em 10px 0.5em 50px; }
	div#errors h4 	{ color: #0070A8; font-weight: bold; margin-bottom: 0.5em; }
	div#errors ul 	{ margin-bottom: 0; }
	div#errors p 	{ margin-bottom: 0; color: #990000; margin-bottom: 0.5em; }
	div#errors ul	{ list-style: disc; margin-left: 1.5em; }
	div#errors li 	{ margin-bottom: 0.5em; font-size: 1.084em; color: #000000; padding-left: 0; background: none; }

/* -------------------------------------------------------------- 
	3. Style Library
----------------------------------------------------------- */

a.btn,
a.viewAll		{ background: #0070A8; color: #FFFFFF; /* ie7.css */ font: bold 1.167em arial, sans-serif; padding: 10px; text-transform: uppercase; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

a.btn:hover,
a.viewAll:hover { background: #80B8D4;  color: #FFF; }

a.btn:visited,
a.viewAll:visited { color: #ffffff; }

a.btn:visited,
a.viewAll:visited { color: #ffffff; }

a.btnActive { background: #999999; }

a.btnSm { padding: 2px 3px; font-size: 0.846em; text-transform: lowercase; }

a.viewAll { font-size: 0.917em; text-transform: none; padding: 2px 3px; }

.caption { color: #999999; font-size: 0.917em; padding-bottom: 0.75em; border-bottom: 1px dashed #CCCCCC; }
	
	.caption cite { display: block; font-style: normal; color: #0070A8; }

.corners { -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.addthis_button { display: block; width: 125px; height: 16px; float: right; margin: 6px 0 20px 20px; }

a.goMembers { display: block; color: #FFFFFF; background: #CE6632; padding: 0.5em 15px; text-align: center; width: 164px; font: 1.083em "helvetica neue", helvetica, arial, sans-serif; text-transform: uppercase; text-decoration: none; }

	a.goMembers:hover { text-decoration: underline; }

/* Add Styles
----------------------------------------------------------- */

.largeAd { width: 300px; height: 250px; overflow: hidden; position: relative; z-index: 10; margin-bottom: 1em; }

.smallAd { width: 120px; height: 90px; overflow: hidden; float: left; margin-bottom: 1em; }

	.inline { margin-left: 11px; }

/* Tooltip
----------------------------------------------------------- */

#toolTip { width: 267px; position: absolute; display: none; text-align: left; font-size: 1.2em; }

	#toolTipTop { height: 38px; background: url(../images/design/tooltip-top.png) 0 0 no-repeat; /* ie6.css */ }
	
	#toolTipContent { background: url(../images/design/tooltip-bottom.png) 0 100% no-repeat; /* ie6.css */ margin: 0; padding: 0 26px 1.5em 12px; text-align: center; }
		
		#toolTipContent ul { position: relative; top: -28px; margin-bottom: -28px; text-align: left; }
		
			#toolTipContent li { padding: 0 0 0 75px; margin: 0; width: 152px; background: none; margin-bottom: 1em; }
			
				#toolTipContent li span { margin-left: -68px; } 
				
				#toolTipContent li h4 { color: #333333; font: bold 1em arial, sans-serif; } 
				
				#toolTipContent li p { color: #666666; font-size: 0.917em; margin-bottom: 0; } 
				
			#toolTipContent li.last { margin-bottom: 0; }
	
		#toolTipContent span.loading { background: url(../images/design/ajax-loader.gif) 50% 0 no-repeat; height: 11px; display: block;  position: relative; top: -15px; }
		
	/* Tool Tip Reversed Styles */
	
	.reversed #toolTipTop { background: url(../images/design/tooltip-top-rev.png) 0 0 no-repeat; /* ie6.css */  }
	
	.reversed #toolTipContent { background: url(../images/design/tooltip-bottom.png) 10px 100% no-repeat; /* ie6.css */  padding: 0 12px 1.5em 26px; }
	
/* Featured Events Bar
----------------------------------------------------------- */

#featuredEvents { position: relative; padding: 22px 0 9px 0; background: #f8f3e4 url(../images/design/horizontal-lines-pink.gif) 0 12px repeat-x; margin-bottom: 1.5em; }
	
	#featuredEventsHeader { position: absolute; left: 0; top: 10px; background: #f8f3e4; padding: 0 10px; }
	
		#featuredEventsHeader h3 { margin: 0 10px 0 0; font-size: 1em; color: #CE6632; text-transform: uppercase; font-weight: bold; float: left; }
	
	#featuredEvents .rss { margin-right: 5px; }
	
	#eventsList { clear: left; padding: 1em 10px 0 10px; margin-bottom: 0; } 
	
		#eventsList li { background: none; float: left; width: 217px; margin-bottom: 0; padding: 0 20px 0 75px; }
	
/* Event Listing
----------------------------------------------------------- */

li.vevent span { float: left; margin-left: -75px; color: #666666; font-size: 0.75em; }
			
li.vevent h4 { font: bold 1em arial, sans-serif; color: #000000; text-transform: none; }
	
/* Bread Crumbs
----------------------------------------------------------- */

#breadCrumbs { list-style: none; margin: 0; margin-bottom: 1em; }

	#breadCrumbs li { font-size: 0.917em; margin: 0; display: inline; color: #999999; text-transform: uppercase; font-size: 0.818em; }
	
/* Search Styles
----------------------------------------------------------- */

#searchNumberFound { display: block; color: #666; font-size: 1em; }

#searchResultsForm .pagination { margin-bottom: 0.5em; }

.search-result { padding: 1.5em 0; border-bottom: 1px dashed #ccc; }
	
	.search-result p { margin-bottom: 0; }
	
	.search-result em { font-weight: bold; font-style: normal; } 

	.search-result a { display: block; } 
	
	.search-result a.search-title { margin-bottom: 0.5em; } 
	
/* Pagination Styles
----------------------------------------------------------- */

.pagination { margin-bottom: 2em; clear: left; width: 100%; float: left; padding: 12px 0; position: relative; }

	.pagination .pageInfo { color: #999999; font-size: 0.917em; float: right; padding-right: 20px; } /* CF */
	
		.pagination .pageNumInput { width: 30px; border: 1px solid #ccc; background: #F2F2F2; font-size: 0.833em; color: #999; padding: 2px; margin: 0 5px;}
		
		.pagination .pageNumSubmit { padding: 0; font-size: 0; overflow: hidden; margin: 0 0 0 5px; position: relative; top: -3px; left: 5px; text-indent: -9999px; border: none; background: url(../images/design/pagination.gif) -60px 0 no-repeat; height: 15px; width: 18px; }
	
	.pagination .first,
	.pagination .previous,
	.pagination .next,
	.pagination .last { background: url(../images/design/pagination.gif) 0 0 no-repeat; display: block; height: 15px; width: 15px; text-indent: -9999px; float: left; margin-right: 8px;  }
	
		.pagination .first:hover { background-position: 0 -15px; }
		
		.pagination .previous { background-position: -15px 0;}
		.pagination .previous:hover { background-position: -15px -15px; }
		
		.pagination .next { background-position: -30px 0;}
		.pagination .next:hover { background-position: -30px -15px; }
		
		.pagination .last { background-position: -45px 0;}
		.pagination .last:hover { background-position: -45px -15px; }
		
	.pagination .disabled { display: none; }
	
	.pagination .paginator { float: left; margin: 0 10px; }
	
		.pagination .paginator .page { margin-right: 5px; }
		.pagination .paginator .current { color: #999999; text-decoration: none; }
	
	.pagination .ellipse { float: left; }

/* Float Styles
----------------------------------------------------------- */

.floatLeft 		{ float: left; }
.floatRight 	{ float: right; }
.clearLeft 		{ clear: left; }
.clearRight 	{ clear: right; }
.clear 			{ clear: both; }

img.floatLeft 	{ margin: 0 1.5em 0 0; }
img.floatRight 	{ margin: 0 0 1.5em 1.5em; }

/* Easy Clearing Styles
----------------------------------------------------------- */

.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* CF, IE.css, IE6.css */

/* -------------------------------------------------------------- 
	4. Main Structure
----------------------------------------------------------- */

body { text-align: center; background: #fff url() 0 0 no-repeat; }

	#wrapper { text-align: left; padding: 0; font-size: 1.2em; /* 62.5% + 1.2em = 12px */ margin: 0 auto; width: 960px; }
	
		#header { position: relative; min-height: 148px; /* ie6.css */ z-index: 1000; }
		
			#logo { position: absolute; top: 25px; left: -8px; background: url(../images/design/logo.gif) 0 0 no-repeat; width: 300px; height: 100px; text-indent: -9999px; }
			
				#logo a { display: block; width: 300px; height: 100px; }
				
			#subNav,
			#mainNav  { list-style: none; position: absolute; top: 46px; right: 200px; margin: 0; /* ie7.css */}	
				
				#mainNav li,
				#subNav li { margin: 0; padding: 0; margin-left: 7px; background: none; display: inline; }	
					
					#mainNav a,
					#subNav a { color: #0070A8; font-weight: bold; font-size: 0.917em; padding: 4px 13px; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
					
						#subNav a { padding: 4px 9px; }
						
					#mainNav a:hover,
					#subNav a:hover { background: #80B8D4; color: #FFFFFF; }
					
					#subNav a.login,
					#subNav a.login:hover { background: #0070A8; color: #FFFFFF; }  
					
			#mainNav { top: 100px; right: 20px; }
		
				#mainNav li { margin-left: 15px; position: relative; float: left; padding-bottom: 13px; }
		
					#mainNav a { color: #CE6632; font: normal 2em "helvetica neue", helvetica, arial, sans-serif; text-transform: lowercase; display: block; }
					
					#mainNav ul { margin: 0; padding: 0 0 0.5em 0; width: 100%; /* ie6.css */ position: absolute; z-index: 1000; background: #80B8D4; left: -9999px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; }
					
					#mainNav li:hover a,
					#mainNav li.hover a { background: #80B8D4 !important; color: #FFFFFF !important; }
					
					#mainNav li:hover ul,
					#mainNav li.hover ul { left: auto; }
				
				#mainNav li.active { background: url(../images/design/grey-active-arrow.gif) 50% 100% no-repeat; }
				
					#mainNav li.active a { background: none; color: #999999; }
				
				#mainNav li.hasChildren:hover a { -moz-border-radius-bottomleft: 0 !important; -moz-border-radius-bottomright: 0 !important; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; }
					
						#mainNav ul li { display: block; margin: 0; padding: 0 12px; float: none;  /* ie6.css */ margin-bottom: 0.25em; }
						
						#mainNav ul li.first-child a { border-top: 1px dashed #FFFFFF; /* ie7.css */ padding-top: 0.5em; } 
					
							#mainNav ul li a { padding-left: 0; padding-right: 0; color: #FFFFFF; font-size: 0.917em; font-weight: bold; text-transform: uppercase; }
							
							#mainNav ul li a:hover { text-decoration: underline; }
						
			.searchForm { position: relative; background: url(../images/design/search-bg.gif) 0 0 no-repeat; height: 22px; }
			
				.searchForm fieldset { margin: 0; padding: 0; position: relative; padding: 3px 0 0 8px; }
				
				.searchForm input.query { border: 0; color: #999999; font-size: 0.917em; width: 137px; margin-right: 3px; padding: 0; height: 16px; float: left; background: none; }
				
				.searchForm input.search { float: left; margin-top: 3px; }
				
			#mainSearchForm { position: absolute; top: 45px; right: 0; width: 165px; }
			
			#inlineSearchForm { width: 165px; margin-bottom: 1em; }
		
		/* mainContentHeader is not on every template */
		
		#mainContentHeader { padding: 2em 0; border-top: 2px solid #E5E5E5; }
			
		#mainContent { padding: 1.5em 0; border-top: 2px solid #E5E5E5; }
		
			#localNav ul { margin-bottom: 3em; }
			
				#localNav ul li { background: none; padding: 0; }
			
					#localNav ul li a { text-transform: uppercase; font-size: 0.917em; font-weight: bold; }
					
						#localNav ul li a.active { text-decoration: none; color: #999999; }
					
						#localNav ul ul { margin: 0; padding-top: 0.75em; } 
							
							#localNav ul ul li { margin-bottom: 0.5em; }
							
								#localNav ul ul li a { padding-left: 10px; background: url(../images/design/bullet-blue.gif) 0 4px no-repeat; font-size: 0.818em;  font-weight: normal; }
				
								#localNav ul ul li a.active { background-image: url(../images/design/bullet-grey.gif); color: #999999; text-decoration: none; }
							
		#footer { border-top: 2px solid #E5E5E5; padding-top: 1em; }
		
			#contactInfo { float: left; width: 280px; margin-right: 48px; }
			
				.vcard { font-size: 0.917em; }
			
				.vcard .fn { color: #0070A8; }
				
				.vcard .adr { display: block; margin-bottom: 2em; }
				
				.vcard .tel,
				.vcard .email { display: block; }
				
				.vcard .tel { background: url(../images/design/icon-phone.gif) 0 3px no-repeat; padding-left: 15px; }
			
				.vcard .fax { background: url(../images/design/icon-fax.gif) 0 3px no-repeat; padding-left: 15px; }
				
				.vcard .email { display: block; background: url(../images/design/icon-email.gif) 0 4px no-repeat; padding-left: 15px; }
				
			#mmpaStatement { float: left; width: 290px; margin-right: 36px; }
			
				#mmpaStatement p { font-size: 0.917em; }
			
			#links { float: left; width: 304px; }
			
				#socialLinks { font-size: 1.167em; font-family: georgia, serif; margin-bottom: 1em; }
			
					#socialLinks li { background: none; padding: 0; margin: 0; display: inline; margin-left: 20px; float: left; }
					
					#socialLinks li.forwardToFriend { text-transform: uppercase; width: 90px; margin-left: 0; }
					
				#siteLinks li { float: left; width: 105px; margin-right: 10px; background: none; padding: 0; }
				
				#siteLinks li.rowEnd { width: 65px; margin-right: 0; }
				
/* -------------------------------------------------------------- 
	5. Main Structure Alternative Styles
----------------------------------------------------------- */

body.finePrint #mainContent,
body.jobBoard #mainContent 		{ background: url(../images/design/grey-bg.gif) 630px 0 repeat-y; }
body.community #mainContent 	{ padding-bottom: 0; }
body.directory #mainContent 	{ border-top: 1px solid #CCCCCC; }
body.home #mainContent			{ padding-bottom: 0.5em; }
body.one-column #mainContent	{ padding: 2em 20px; }

/* -------------------------------------------------------------- 
	6. Template Styles
----------------------------------------------------------- */

/* General Template ( 3 Column )
----------------------------------------------------------- */

#localNav { float: left; width: 160px; margin-right: 47px; padding-left: 7px; overflow: hidden; /* PFD */ }

#generalContent { float: left; width: 416px; margin-right: 30px; overflow: hidden; /* PFD */ }

	p.date { color: #666666; font-style: normal; font-size: 0.846em; display: block; }

#generalAside { float: left; width: 300px; }

	#generalAside a#mainImage { width: 300px; height: 250px; margin-bottom: 1em; }

	#mediaGallery { width: 300px; height: 250px; position: relative; margin-bottom: 7px; }
		
		.galleryControls { display: block; height: 26px; width: 26px; background: url(../images/design/gallery-controls.png) 0 0 no-repeat; position: absolute; top: 108px; z-index: 200; cursor: pointer; }
		
		#prev { left: -13px; } 
		#prev:hover { background-position: -26px 0; }
		
		#next { right: -13px; background-position: 0 -26px; } 
		#next:hover { background-position: -26px -26px; }
		
		#mediaGallery .disabled { display: none; }
		
		#gallery { position: absolute; top: 0; left: 0; width: 300px; height: 250px; overflow: hidden; }
	
			#galleryInner { width: 10000px; position: absolute; top: 0; left: 0; height: 250px; }
		
/* List Template ( 2 Column )
----------------------------------------------------------- */

#listContent { float: left; width: 582px; margin-right: 44px; /* ie6.css */ overflow: hidden; /* PFD */ }

	.listing { clear: left; padding: 1.25em 0 0.75em 0; float: left; width: 550px; border-bottom: 1px dashed #CCCCCC; margin-top: 1em; } /* padding & width for pictures - padding: 1.25em 0 0.75em 140px; width: 442px; */
	
		.listingFirst { border-top: 1px solid #CCCCCC; }
	
		.listingLast { border-bottom: none; }
		
		#listContent .thumbnail { padding-left: 140px; width: 410px; }
		
		.listing img { float: left; margin-left: -140px; display: inline; /* DMB */ }
		
		.listing h2 { color: #0070A8; font-size: 1.5em; line-height: 1; margin-bottom: 0.75em; }
	
#listAside { float: left; width: 120px; overflow: hidden; /* PFD */ zoom: 1;}

	#listAside img { margin-bottom: 1em; }

/* Shared Comments Form
----------------------------------------------------------- */

#comments { padding-top: 1.5em; margin-top: 0.5em; border-top: 1px solid #CCCCCC; clear: left; }

	#postComment { padding-top: 1.5em; margin-bottom: 1.5em; border-top: 1px solid #CCCCCC; }
	
		#postComment label { float: none; display: block; margin-bottom: 7px; width: auto; text-align: left; }
		
		#postComment .fieldArea input { width: 250px; }
	
		#postComment .fieldArea textarea { width: 350px; }
		
		#postComment span.message { text-align: left; }
	
	.comment { padding: 1em 0 0 0; border-bottom: 1px dashed #CCCCCC; }
	
	.firstComment { padding-top: 0; }
	
	.lastComment { border-bottom: 0; }
	
/* Community Template
----------------------------------------------------------- */

#communityIntro { float: left; width: 606px; margin-right: 39px; margin-bottom: 2em; overflow: hidden; /* PFD */ }

	.hasImage { padding-left: 211px; width: 395px !important; } /* Update to style is an image is define for the community */

	#communityImage { float: left; margin-left: -204px; display: inline; /* DMB */  }
	
	.linkedIn { padding-left: 30px; background: url(../images/design/icon-linkedin-sm.gif) 0 11px no-repeat; float: left; /* ie6.css */ }
	
		.linkedIn .btn { display: block; }

#upcomingCommunityEvents { float: left; width: 280px; background: #f8f3e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0.833em 12px; margin-bottom: 2em; }

	#upcomingCommunityEvents h3 { color: #CE6632; font: bold 1em georgia, serif; text-transform: uppercase; float: left; padding: 0 50px 0 10px; background: url(../images/design/horizontal-lines-pink.gif) 100% 2px no-repeat; }
	
	#upcomingCommunityEvents ul { clear: left; margin-bottom: 0; }
	
	#upcomingCommunityEvents p { clear: left; margin-bottom: 0; padding-top: 0.75em; }
	
		#upcomingCommunityEvents li { background: none; padding: 0.833em 10px 0.833em 85px; border-bottom: 0; border-bottom: 1px solid #F6E3DA; margin-bottom: 0; zoom: 1; }
		
	#upcomingCommunityEvents .suggestIdea { text-align: center; display: block; padding-top: 1em; }
			
#communityArticles { border-top: 2px solid #E5E5E5; clear: left; padding-left: 7px; background: url(../images/design/grey-bg.gif) 629px 0 repeat-y; }
	
	#articleListing { width: 622px; float: left; overflow: hidden; /* PFD */ }
	
		#communityArticles h2 { color: #999999; font: bold 0.833em georgia, serif; text-transform: uppercase; margin-bottom: 0.5em; }
		
		#communityArticles .article { padding: 0.833em 0; border-bottom: 1px dashed #CCCCCC; float: left; width: 606px; }
		
			#communityArticles .article h3 a { text-decoration: none; }
		
			#communityArticles .article cite { color: #666666; }
			
		#communityArticles .thumbnail { padding-right: 140px; width: 466px; }
		
			#communityArticles .articleImage { float: right; margin-right: -140px; width: 120px; display: inline; /* DMB */ }
			
				#communityArticles .articleImage p.caption { padding: 0 4px; line-height: 1.25; border-bottom: none; }
			
		#communityArticles .articleLast { border-bottom: 0; }
		
	#twitter { float: left; padding: 1em 28px; width: 275px; overflow: hidden; /* PFD */ }
	
	.articleCallOut {float: right; border: 1px solid #9a9a9a; padding: 10px; width: 225px; margin-left: 15px; background-color: #efefef;}
	
/* Past Event Template
----------------------------------------------------------- */

#pastEventAside { float: left; width: 323px; padding-left: 7px; overflow: hidden; /* PFD */ }

	#pastEventAside #adSpace { text-align: center; border-top: 1px dashed #CCCCCC; margin-top: 1.5em; padding: 1.5em 0 0 20px; }
	
#pastEventImages { float: left; width: 630px; overflow: hidden; /* PFD */ }

	#pastEventImages ul { list-style: none; margin-bottom: 0; padding-bottom: 1.5em; }

		#pastEventImages li { background: none; padding: 0; margin-left: 37px; width: 120px; float: left; display: inline; height: 140px; overflow: hidden; }
		
			#pastEventImages li p { border: 0; margin: 0; padding: 0; } 
			
	#pastEvents .pagination { width: 593px; border-top: 1px solid #CCCCCC; margin-left: 36px; display: inline; /* DMB */}

/* -------------------------------------------------------------- 
	7. Page Specific Styles
----------------------------------------------------------- */

/* Home Page Page
----------------------------------------------------------- */

#featuredArticles h3,
#featuredCommunity h3 { font-size: 1em; color: #3A4C65; text-transform: uppercase; font-weight: bold; float: left; margin-right: 10px; }

/* End Shared Styles */

#featuredArticles { margin-bottom: 1em; }
	
	#featuredArticles .rss { margin-right: 5px; margin-left: 7px; }
	
	#featuredArticles .caption { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
	
	#featuredArticles h2 { font-size: 1.833em; }
	
		#featuredArticles h2 a { text-decoration: none; }
		
	#featuredArticles h3 { float: none; } 
	
	#featureMain { float: left; width: 273px; padding-right: 26px; padding-left: 330px; overflow: hidden; }
	
		#featuredImage { float: left; width: 300px; margin-left: -323px; display: inline; /* DMB */ }
			
			#featuredImage img { margin-bottom: 0.75em; }
			
		#featureMain h1 { color: #0070A8; font-size: 1.833em; font-weight: normal; }
	
			#featureMain h1 a { text-decoration: none; }
		
	#featureAside { background: url(../images/design/vertical-dashed-lines.gif) 0 0 repeat-y; float: left; padding-left: 30px; width: 300px; overflow: hidden; /* PFD */ }
	
		#featureAside .article { padding-bottom: 1.25em; /* ie7.css */ margin-bottom: 1em; border-bottom: 1px dashed #CCCCCC; clear: left; }
		
		#featureAside .articleLast { border-bottom: 0; margin-bottom: 0; }
		
		#featureAside .thumbnail { padding-left: 135px; }
		
		#featureAside .articleImage { float: left; margin-left: -135px; display: inline; /* Prevent float drop */ }
	
#featuredCommunity { float: left; width: 653px; padding-left: 7px; display: inline; /* DMB */ overflow: hidden; /* PFD */ }

	.articleGroup { clear: left; float: left; width: 660px; padding: 1.25em 0; }
	
		.articleGroup .article { float: left; width: 300px; margin-right: 30px; overflow: hidden; /* PFD */ } 
		
			.articleGroup .article h5 { margin-bottom: 0.75em; }

			.articleGroup .article h4 { color: #0070A8; font-size: 1.5em; font-weight: normal; text-transform: none; } 
		
				.articleGroup .article h4 a { text-decoration: none; } 
			
#entryAside { float: left; width: 300px; overflow: hidden; /* PFD */ }

/* Shared Styles between Fine Print Page and Job Board Page
----------------------------------------------------------- */

#finePrintForms form,
#jobAside form  { padding: 0 20px; }
	
	#finePrintForms legend,
	#jobAside legend { color: #7DA941; font: normal 1.833em georgia, serif; display: block; }

	#finePrintForms p,
	#jobAside p  { text-align: right; font-size: 1em; }
	
		#finePrintForms .fieldArea input,
		#finePrintForms .fieldArea textarea,
		#jobAside .fieldArea textarea,
		#jobAside .fieldArea input { width: 176px; /* ie6.css */ }
			
/* Fine Print Page
----------------------------------------------------------- */

#finePrintArchives { float: left; width: 593px; margin-right: 30px; padding-left: 7px; overflow: hidden; /* PFD */ }

	#aboutFinePrint { padding-right: 200px; position: relative; margin-bottom: 1.5em; }

		a.latestFinePrint { position: absolute; right: 0; top: 30px; color: #FFFFFF; background: #CE6632; padding: 2em 10px; text-align: center; width: 164px; font: 1.5em "helvetica neue", helvetica, arial, sans-serif; text-transform: uppercase; text-decoration: none; }
		
			a.latestFinePrint strong { font-weight: bold; font-style: italic; font-size: 1.111em; }
		
		a.latestFinePrint:visited { color: #fff; }
		
		a.contactEditor { position: absolute; right: 0; top: 162px; width: 164px; padding-left: 10px; padding-right: 10px; clear: right; }

	#previousIssues { border-top: 2px solid #CCCCCC; }
	
		#previousIssues .year { border-bottom: 1px dashed #CCCCCC; float: left; width: 600px; padding-bottom: 1.5em; }
		
			#previousIssues h2 { color: #999999; font-size: 1.5em; margin-bottom: 1em; }
			
			#previousIssues ul { float: left; width: 600px; margin-bottom: 0; }

				#previousIssues li { color: #0070A8; float: left; width: 33%; padding: 0; margin: 0 0 1em 0; background: none; }
				
					#previousIssues a { padding-left: 20px; background: url(../images/design/bullet-blue-lg.gif) 2px 6px no-repeat; font-size: 1.5em; font-family: georgia, serif; }
					
					#previousIssues a.pdf { background: url(../images/design/icon-pdf.gif) 0 3px no-repeat; padding-left: 20px; }
					
		#previousIssues .earliestYear { border-bottom: 0; }
			
#finePrintForms { float: left; width: 330px; overflow: hidden; /* PFD */ }

	#finePrintForms #adSpace { clear: left; padding: 1em 0 0 28px; }

	#subscribe { padding-bottom: 0.5em; margin-bottom: 1.75em; border-bottom: 1px solid #CCCCCC; }
	
	#submitStory label { float: none; display: block; margin-bottom: 10px; text-align: left; }
	
	#submitStory span.message { text-align: left; }
		
	#submitStory p { text-align: left; }
	
/* Job Board Page
----------------------------------------------------------- */

#jobContent { float: left; width: 593px; margin-right: 30px; padding-left: 7px; overflow: hidden; /* PFD */ }

	.jobListing { padding: 1em 0; border-bottom: 1px dashed #CCCCCC; }
	
		.jobListing h2 { font-size: 1.5em; }
	
			.jobListing h2 a { text-decoration: none; }
		
	.jobListingFirst { border-top: 1px solid #CCCCCC; }

	.jobListingLast { border-bottom: none; }

#jobAside { float: left; width: 330px; overflow: hidden; /* PFD */ }

	#jobAside #adSpace { padding-left: 25px; }

	#jobAside h3 { text-align: right; margin-right: .5em; }
	
	#jobAside table  {width: 175px; margin-bottom: 0;  }

		#jobAside table td {border-bottom: none;  }
		
		#jobAside table label {width: 25px; text-align: left; }
		
		#jobAside table input  {width: 20px !important;}
		

	#postJob { padding-bottom: 0.5em; margin-bottom: 1.75em; border-bottom: 1px solid #CCCCCC; } 

/* Directory Page
----------------------------------------------------------- */

#directoryIntro { float: left; width: 450px; padding-left: 7px; overflow: hidden; /* PFD */ }

	#directoryIntro h1 { margin-bottom: 0; }

	#directories { list-style: none; }

		#directories li { background: none; padding: 0; margin: 0 15px 0 0; float: left; }
		
		#directories li a { display: block; }

#directorySearch { margin-top: 1em; padding-bottom: 30px; width: 300px; background: url(../images/design/search-bg-lg.gif) 0 0 no-repeat; float: right; }

	#directorySearch .query { width: 272px; }

	#directorySearch table { width: auto; margin-bottom: 0; position: absolute; bottom: 0; left: 20px; }
	
		#directorySearch td { border: 0; padding: 3px 4px; }

			#directorySearch table input { float: left; margin-right: 10px; }
		
			#directorySearch table label { width: auto; float: left; margin: 0; font-weight: bold; margin-top: 2px; }
			
#directoryContent { float: left; width: 623px; margin-right: 30px; padding-left: 7px; overflow: hidden; /* PFD */ }
	
	#directoryContent .member { float: left; width: 630px; padding-bottom: 1.5em; margin-bottom: 1em; border-bottom: 1px dashed #CCCCCC; }
	
		.memberLogo { float: left; width: 130px; margin-right: 10px; }
		
		.memberInfo { margin-left:140px; margin-right:34px; }
		
		.memberContact { float:right; padding-left:10px; width:155px; }
		
				.memberContact .tel { color: #7DA941; font-weight: bold; }
				
				.memberContact .fax { margin-bottom: 0.75em; color: #333333; }
				
					.memberContact .fax .type { display: none; }
				
				.memberContact .street-address,
				.memberContact .suite { display: block; }
				
	#directoryContent .memberLast { border-bottom: 0; }
				
#directoryAside { float: left; width: 300px; overflow: hidden; /* PFD */ }

/* Contact Us
----------------------------------------------------------- */

#contactAside { float: left; width: 293px; margin-right: 59px; padding-left: 7px; overflow: hidden; /* PFD */ }

	#contactAside #adSpace { padding: 2em 0 0 10px; clear: left; border-top: 1px dashed #CCCCCC; }

	#address { float: left; width: 135px; margin-right: 23px; margin-bottom: 1em; }
	
		#address p,
		#contactMethods p { color: #666666; font-size: 0.923em; font-weight: bold; }
	
			#address p span,
			#contactMethods p span { display: block; }
		
	#contactMethods { float: left; width: 135px; margin-bottom: 1em; }
	
		#contactMethods p span.tel { color: #7DA941; }
		
	#adArea { clear: left; padding-top: 2em; border-top: 1px dashed #cccccc; }

#contactContent { float: left; width: 592px; overflow: hidden; /* PFD */ }

	#contactContent p#requiredMessage { background: url(../images/design/horizontal-lines.gif) 0 50% repeat-x; text-align: center; color: #999999; font-size: 0.923em; }
	
	#contactContent p#requiredMessage span { padding: 0 7px; background: #FFFFFF; }

	#contactContent p#requiredMessage strong { color: #333333; }

	#sectionOne { float: left; width: 301px; margin-bottom: 0; /* ie7.css */}
		
	#sectionTwo { float: left; width: 291px; margin-bottom: 0; /* ie7.css */}
	
		#contactContent fieldset label { font-size: 0.923em; }
		
		#contactContent fieldset span.message { text-align: left; margin-left: 110px; }
		
	#contactSubmit { clear: left; background: url(../images/design/horizontal-lines.gif) 0 50% repeat-x; text-align: center; /* ie6.css */ }
	
		#contactSubmit span { padding: 0 7px; background: #FFFFFF; }
		
/* Events Page
----------------------------------------------------------- */

#calendar { margin-bottom: 1em; height: 204px; position: relative; }
	
	#calendarInner { width: 960px; height: 204px; overflow: hidden; position: relative; }
	
	#calendarListing { position: absolute; top: 0; left: -960px; width: 2880px; height: 204px; }
		
		.calGroup { width: 960px; position: absolute; height: 204px; }
		
		.calGroupPrevious { left: 0; top: 0; }
		
		.calGroupCurrent { left: 960px; top: 0; }
		
		.calGroupNext { left: 1920px; top: 0; }
		
		#calendar table { width: 300px; margin: 0 0 0 30px; float: left; empty-cells: show; }
		
		#calendar table.first { margin-left: 0; }
		
			#calendar td,
			#calendar th { padding: 7px; text-align: center;} 
			
			#calendar td { color: #ABABAB; border-bottom: 1px dashed #ABABAB; font: bold 0.917em arial, sans-serif; }
			
				#calendar td a { color: #0070A8; display: block; }
				
				#calendar td span { display: block; }
				
			#calendar tr.last td { border-bottom: 1px solid #CCCCCC; }	
			
			#calendar th { color: #FFF; text-transform: uppercase; font-family: georgia, serif; font-weight: bold; }
			
				#calendar table.first th { background: #7DA941; }
			
				#calendar table.second th { background: #CE6632; }
			
				#calendar table.third th { background: #0070A8; }
			
		.calendarControls { text-indent: -9999px; display: block; height: 26px; width: 26px; background: url(../images/design/gallery-controls.png) 0 0 no-repeat; position: absolute; top: 2px; z-index: 200; cursor: pointer; }
		
		#previous { left: -13px; } 
		#previous:hover { background-position: -26px 0; }
		
		#next { right: -13px; background-position: 0 -26px; } 
		#next:hover { background-position: -26px -26px; }	
		
		#previousCalendar,
		#nextCalendar { display: none; } /* this style is for the spans that contain the next and previous calendar data */
		
		/* End Calendar Styles */
			
#eventsContent { float: left; width: 630px; margin-right: 30px; overflow: hidden; /* PFD */ }

	a.eventsRSS { background: url(../images/design/btn-subscribe-event.gif) 0 0 no-repeat; width: 103px; height: 33px; display: block; text-indent: -9999px; margin: 0 0 4em 45px; }
	
	a.eventsRSS:hover { background-position: 0 -33px; }
	
	#featuredPastEvents { padding-top: 1.25em; border-top: 2px solid #CCCCCC; }
		
		#featuredPastEvents h2 { margin-bottom: 0.75em; }
		
		#featuredPastEvents li { float: left; width: 215px; padding: 0 0 0 75px; background: none; margin-right: 25px; }
	
	a#allFutureEvents { float: right; }

#eventsAside { float: left; width: 300px; overflow: hidden; /* PFD */ }

	#eventsAside #adSpace { padding-top: 1em; }
		
		#eventsAside #adSpace .inline { margin-left: 20px; }
	
/* Forward to a friend
----------------------------------------------------------- */

#forwardAside { float: left; width: 293px; margin-right: 100px; padding-left: 7px; overflow: hidden; /* PFD */ }

#forwardForm { float: left; width: 300px;}
	
	#forward { width: 273px; }
	
	#forward label { width: 110px; }
		
		
/* Volunteer
----------------------------------------------------------- */
.volunteer {float: left; width: 170px; min-height: 90px;   }

.volunteerLft, .volunteerRt  {float: left; width: 290px; }
	
	.volunteerLft input, .volunteerRt input, .volunteerLft textarea {width: 175px; }
	
	 .volunteerRt input.submit {width: 70px; margin-right: 87px;  }

.interestedIn { width: 250px; float: left; margin-top: 1em;}
	
	.interestedIn td {border: none; padding: 0; padding-bottom: 1em;}

	.interestedIn td label {font-weight: normal; width: 135px; }
	
	.interestedIn td input {width: 10px; float: right; margin-left: 10px; margin-top: 0; }
	
	.interestedIn tr.odd td {background-color: #FFFFFF;}
	
/* Credits
----------------------------------------------------------- */
#creditsPlauditLogo { float: right; margin: 2em 3em; }