/* Standard Declarations */
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; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; line-height: 120%; }

html { font-size: 100%; height: 100%; }
body { margin: 0; padding: 0; border: 0; background: #ffffff; color: #454545; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%; }
h1, h2, h3, h4, h5, h6, p, address { margin: 0 0 1.2em 0; padding: 0; font-style: normal; }
ul, ol { padding-bottom: 1.2em; padding-left: 1.25em; }
ul ul, ol ol { padding-bottom: 0; }
a img { border: 0; }

/* Master Link Colors */
a, a:link { color: #447d92; text-decoration: none; }
a:visited { color: #993300; }
a:hover, a:focus { color: #57822b; }
a:active { color: #57822b; }

/* Browser Compatibility Fixes */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
#ie .clearfix { height: 1%; }

/* Standard Floating */
.left { float: left; }
.right{ float: right; }

/* Design-Specific Declarations */
body { background: #424242; color: #454545; }
#containerPage { background: #fff; width: 960px; margin: 0 auto; position: relative; }
#containerPage.watermark { background: #fff url(../images/bg-watermark.gif) right bottom no-repeat; ; }
	p#logo { display: block; margin: 0; }
		p#logo a { display: block; text-indent: -9999em; background: url(../images/bg-banner-logo.png) no-repeat; width: 229px; height: 176px; position: absolute; left: 18px; top: 5px; }
		p#logo a.light { background: url(../images/bg-banner-logo.png) no-repeat; }
		p#logo a.dark { background: url(../images/bg-banner-logo-dark.png) no-repeat; }
	p#title { float: left; text-indent: -9999em; }

/* Banners */
	#banner { }
	.home #banner { background: url(../images/bg-header-home.jpg) no-repeat; }
	.about #banner { background: url(../images/bg-header-about.jpg) no-repeat; }
	.history #banner { background: url(../images/bg-header-about.jpg) no-repeat; }
	.contacts #banner { background: url(../images/bg-header-about.jpg) no-repeat; }
	.links #banner { background: url(../images/bg-header-about.jpg) no-repeat; }
	.activities #banner { background: url(../images/bg-header-activities.jpg) no-repeat; }
	.agility #banner { background: url(../images/bg-header-activities.jpg) no-repeat; }
	.agility2 #banner { background: url(../images/bg-header-activities.jpg) no-repeat; }
	.show #banner { background: url(../images/bg-header-activities.jpg) no-repeat; }
	.show2 #banner { background: url(../images/bg-header-activities.jpg) no-repeat; }
	.obedience #banner { background: url(../images/bg-header-activities.jpg) no-repeat; }
	.rally #banner { background: url(../images/bg-header-activities.jpg) no-repeat; }
	.therapy #banner { background: url(../images/bg-header-activities.jpg) no-repeat; }
	.tracking #banner { background: url(../images/bg-header-activities.jpg) no-repeat; }
	.water #banner { background: url(../images/bg-header-activities.jpg) no-repeat; }
	.water2 #banner { background: url(../images/bg-header-activities.jpg) no-repeat; }
	.events #banner { background: url(../images/bg-header-events.jpg) no-repeat; }
	.specialty #banner { background: url(../images/bg-header-events.jpg) no-repeat; }
	.trials #banner { background: url(../images/bg-header-events.jpg) no-repeat; }
	.picnic #banner { background: url(../images/bg-header-events.jpg) no-repeat; }
	.seminars #banner { background: url(../images/bg-header-events.jpg) no-repeat; }
	.parties #banner { background: url(../images/bg-header-events.jpg) no-repeat; }
	.meetings #banner { background: url(../images/bg-header-events.jpg) no-repeat; }
	.helen #banner { background: url(../images/bg-header-events.jpg) no-repeat; }
	.calendar #banner { background: url(../images/bg-header-calendar.jpg) no-repeat; }
	.photos #banner { background: url(../images/bg-header-photos.jpg) no-repeat; }
	.faqs #banner { background: url(../images/bg-header-faqs.jpg) no-repeat; }
	.members #banner { background: url(../images/bg-header-members.jpg) no-repeat; }
	.members2 #banner { background: url(../images/bg-header-members.jpg) no-repeat; }
	.newmembers #banner { background: url(../images/bg-header-members.jpg) no-repeat; }
	.accomplishments #banner { background: url(../images/bg-header-members.jpg) no-repeat; }
	.accomp_agility #banner { background: url(../images/bg-header-members.jpg) no-repeat; }
	.accomp_show #banner { background: url(../images/bg-header-members.jpg) no-repeat; }
	.accomp_water #banner { background: url(../images/bg-header-members.jpg) no-repeat; }
	.readings #banner { background: url(../images/bg-header-members.jpg) no-repeat; }
	.documents #banner { background: url(../images/bg-header-members.jpg) no-repeat; }

/* Illustrations */
		#illustration { float: right; width: 308px; height: 190px; margin: 1.625em 60px 2px 0; }
		.home #illustration { background: url(../images/img-banner-home.jpg) no-repeat; }
		.about #illustration { background: url(../images/img-banner-about.jpg) no-repeat; }
		.history #illustration { background: url(../images/img-banner-history.jpg) no-repeat; }
		.contacts #illustration { background: url(../images/img-banner-contacts.jpg) no-repeat; }
		.links #illustration { background: url(../images/img-banner-links.jpg) no-repeat; }
		.activities #illustration { background: url(../images/img-banner-activities.jpg) no-repeat; }
		.agility #illustration { background: url(../images/img-banner-agility.jpg) no-repeat; }
		.agility2 #illustration { background: url(../images/img-banner-agility2.jpg) no-repeat; }
		.show #illustration { background: url(../images/img-banner-show.jpg) no-repeat; }
		.show2 #illustration { background: url(../images/img-banner-show2.jpg) no-repeat; }
		.obedience #illustration { background: url(../images/img-banner-obedience.jpg) no-repeat; }
		.rally #illustration { background: url(../images/img-banner-rally.jpg) no-repeat; }
		.therapy #illustration { background: url(../images/img-banner-therapy.jpg) no-repeat; }
		.tracking #illustration { background: url(../images/img-banner-tracking.jpg) no-repeat; }
		.water #illustration { background: url(../images/img-banner-water3.jpg) no-repeat; }
		.water2 #illustration { background: url(../images/img-banner-water2.jpg) no-repeat; }
		.events #illustration { background: url(../images/img-banner-events.jpg) no-repeat; }
		.specialty #illustration { background: url(../images/img-banner-specialty.jpg) no-repeat; }
		.trials #illustration { background: url(../images/img-banner-trials.jpg) no-repeat; }
		.helen #illustration { background: url(../images/img-banner-helen.jpg) no-repeat; }
		.picnic #illustration { background: url(../images/img-banner-picnics.jpg) no-repeat; }
		.parties #illustration { background: url(../images/img-banner-parties.jpg) no-repeat; }
		.seminars #illustration { background: url(../images/img-banner-seminars.jpg) no-repeat; }
		.meetings #illustration { background: url(../images/img-banner-meetings.jpg) no-repeat; }
		.calendar #illustration { background: url(../images/img-banner-calendar.jpg) no-repeat; }
		.photos #illustration { background: url(../images/img-banner-photos.jpg) no-repeat; }
		.faqs #illustration { background: url(../images/img-banner-faqs.jpg) no-repeat; }
		.members #illustration { background: url(../images/img-banner-members.jpg) no-repeat; }
		.members2 #illustration { background: url(../images/img-banner-members2.jpg) no-repeat; }
		.newmembers #illustration { background: url(../images/img-banner-newmembers.jpg) no-repeat; }
		.accomplishments #illustration { background: url(../images/img-banner-accomplishments.jpg) no-repeat; }
		.accomp_agility #illustration { background: url(../images/img-banner-accomp-agility.jpg) no-repeat; }
		.accomp_show #illustration { background: url(../images/img-banner-accomp-show.jpg) no-repeat; }
		.accomp_water #illustration { background: url(../images/img-banner-accomp-water.jpg) no-repeat; }
		.readings #illustration { background: url(../images/img-banner-readings.jpg) no-repeat; }
		.documents #illustration { background: url(../images/img-banner-documents.jpg) no-repeat; }

		#navigation { }
			#navigation ul { margin: 0 auto; padding: 0 30px; list-style: none; float: right; }
				 #navigation ul li { margin: 0; padding: 0; float: left; list-style: none; }
					#navigation ul li a { display: block; padding: 18px 9px 3px 9px; color: #454545; text-decoration: none; }
					#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus, #navigation ul li a.active { color: #4e7887; }

/* START HIERARCHICAL MENU - HORIZONTAL */
	/* set colors and styles */
		#menu { margin:0; padding:0; list-style: none; float: left; position: relative; }
		#menu ul { margin: 0; padding: 0; list-style: none; }
		#menu li { float: left; display: block; }
		#menu li a { display: block; color: #343434; }
		#menu li a:hover { color: #447d92; }
		#menu li li { }
		#ie #menu li { display: inline; }
			#menu li ul a { font-size: 90%; color: #fff; display: block; padding: 5px 6px; }
			#menu li ul a:hover, #menu li ul a:focus, #menu li ul a.active { color: #effe8a; }
	/* position sub-level drop-downs */ 
		#menu ul ul { top: 0; margin: -1px 0 0; }
		#menu li ul { display: none; position: absolute; }
		/* position "ABOUT" */      #menu.about li.about ul { left: -83px; display: block; }
		/* position "ACTIVITIES" */ #menu.activities li.activities ul { right: 33px; display: block; }
		/* position "EVENTS" */     #menu.events li.events ul { right: 33px; display: block; }
		/* position "CALENDAR" */   #menu.calendar li.calendar ul { right: 33px; display: block; }
		/* position "PHOTOS" */     #menu.photos li.photos ul { right: 33px; display: block; }
		/* position "FAQS */        #menu.faqs li.faqs ul { right: 33px; display: block; }
		/* position "MEMBERS" */    #menu.members li.members ul { right: 33px; display: block; }
/* END HIERARCHICAL MENU - HORIZONTAL */

/* To edit body font size, change 100% to a higher/lower percentage. 100% = 16px. */
	#main { margin: 0 60px 0 60px; font-size: 100%; }
		#main * { line-height: 1.8em; }
		#main h1 { color: #929297; font-size: 144%; font-weight: normal; line-height: 1em; margin-bottom: .8em; }
		#main h2 { color: #6d6d6d; font-size: 125%; font-weight: normal; line-height: 1em; margin-bottom: .3em; }
		#main h3 { color: #70824b; font-size: 100%; font-weight: normal; line-height: 1em; margin-bottom: .3em; }
		.activities #columnLeft h2 { color: #507090; text-transform: uppercase; font-size: 100%; font-weight: normal; line-height: 1em; margin-bottom: .3em; }
		.activities #columnLeft strong { color: #788848; font-weight: normal; }
.accomp_agility #columnLeft p { padding-left: 2em; text-indent: -2em; font-size: 85%; margin-bottom: .7em; }
.accomp_show #columnLeft p { padding-left: 2em; text-indent: -2em; font-size: 85%; margin-bottom: .7em; }
.accomp_water #columnLeft p { padding-left: 2em; text-indent: -2em; font-size: 85%; margin-bottom: .7em; }
.accomplishments #columnLeft p { padding-left: 2em; text-indent: -2em; font-size: 85%; margin-bottom: .7em; }
		#main table { width: 100%; }
			#main caption  { color: #929292; font-size: 135%; font-weight: normal; line-height: 1em; margin-bottom: 0.3em; text-align: center; padding: 0 0 20px 0; }
			#main td { padding: 0 4px 12px 4px; line-height: 1.6; font-size: 100%; }
			#main td.title { text-align: right; white-space: nowrap; }
			#main td.contact { text-align: left; }
			#main td.date { text-align: right; white-space: nowrap; color: #5b608d; line-height: 1.6; }
			#main td.event { line-height: 1.6; }
			#main hr { border: 0; border-top: 1px solid #c8c8c8; margin-bottom: 1.2em; }
			#main .question { cursor: pointer; padding-left: 17px; line-height: 1.6; padding-top: 0.6em; position: relative; }
				#main .question .status { position: absolute; top: 4px; left: 0px; }
			#main .answer { padding-left: 17px; line-height: 1.6; padding-bottom: 1em; }
		#columnSingle { margin-bottom: 40px; }
		#columns { background: url(../images/bg-columnDivider.gif) 532px 0 repeat-y; margin-bottom: 30px; margin-top: 20px; }
			#columnLeft { float: left; width: 490px; margin-top: -20px; }
			#columnRight { float: right; width: 290px; }
		#threeColumns { background: url(../images/bg-threeColumnDivider.gif) center top repeat-y; border-top: 1px solid #c8c8c8; font-size: 88%; }
			.columnThird { float: left; width: 320px; }
				.columnThird h2 { padding: 22px 22px 10px 22px; border-bottom: 1px solid #c8c8c8; color: #3d9eb3; font-weight: normal; font-size: 145%; margin: 0; }
				.columnThird p { padding: 10px 22px 0 22px; line-height: 172%; }
				.columnThird img { margin: 12px; display: block; }
	#footer { padding: 10px 0 30px 0; }
	.home #footer { padding-top: 0; }
	.events #footer { padding-top: 0; }
	.photos #footer { padding-top: 0; }
	#footer a { color: #454545; }
	#footer a:hover, #footer a:focus { color: #447d92; }
		#navigationFooter { padding: 7px 0; font-size: 80%; border-top: 1px solid #c8c8c8; }
			#navigationFooter ul { margin: 0 auto; padding: 0 45px; list-style: none; }
				 #navigationFooter ul li { margin: 0; padding: 0; float: left; list-style: none; }
					#navigationFooter ul li a { display: block; text-decoration: none; border-left: 1px solid #c8c8c8; line-height: 1; padding: 0 15px; }
					#navigationFooter ul li.first a { border: 0; }
		#fineprint { padding: 0px 60px; border-top: 1px solid #c8c8c8; font-size: 70%; color: #5d5d5d; }
			#fineprint a { text-decoration: none; color: #5d5d5d; }
			#fineprint a:hover { text-decoration: none; color: #447d92; }
			#fineprint p { line-height: 31px; }
#columnLeft ul li { padding-left: 0.25em; list-style-type: circle; }
#columnSingle ul li { list-style-type: circle; }
#columnRight ul li { list-style-type: circle; }
.dog { color: #5148A3; }
.dogtitle { color: #3d9eb3; }
.accomplishments #columnLeft h2 { margin-top: 1em; }
