/* ============================================================================= */
/* DEFAULT TAG SETTINGS
/* ============================================================================= */
html { background: transparent url(../images/bkgd-page.jpg) repeat-y center top; }

body {
	text-align: center;
	margin: 0; padding: 0;
	background: transparent url(../images/bkgd-body.jpg) repeat-x center top;
	font: normal 62.5%/120% arial, helvetica, sans-serif;
	color: #414F54; }

a:link { color: #0F734E; text-decoration: underline; }
a:visited { color: #0F734E; text-decoration: underline; }
a:hover { color: #149C6A ; text-decoration: none; }
a:active { color: #149C6A; text-decoration: none; }

a img { border: none; }

ul { list-style-type: none; margin: 0 0 1em 0; padding: 0; }
ol { list-style-type: decimal; list-style-position: inside; margin: 0 0 1em 0; padding: 0; }
dl { margin: 0 0 12px 0; padding: 0; }

h1 { font-size: 2em; margin: 0 0 .1em 0; line-height: 1.2em; }
h2 { font-size: 1.8em; margin: 0 0 .2em 0; line-height: 1.3em; }
h3 { font-size: 1.6em; margin: 0 0 .3em 0; line-height: 1.3em; }
h4 { font-size: 1.4em; margin: 0 0 .3em 0; line-height: 1.3em; }
h5 { font-size: 1.3em; margin: 0 0 .3em 0; line-height: 1.3em; }
h6, caption { font-size: 1.2em; margin: 0 0 .2em 0; line-height: 1.5em; }
p { font-size: 1.2em; margin: 0 0 1em 0; line-height: 1.5em; }
li, td, th, dd { font-size: 1.2em; margin: 0 0 .6em 0; line-height: 1.5em; }
dt { font-size: 1.4em; margin: 0 0 .3em 0; line-height: 1.3em; font-weight: bold; }
dd ul li { font-size: 1em; margin: 0 0 1em 0; line-height: 1.5em; }

hr { border: 1px solid #969696; }
	
table { border-bottom: 1px solid #666; border-right: 1px solid #666; margin: 0 0 .5em 0; padding: 0; width: 100%; }
td, th { border-top: 1px solid #666; border-left: 1px solid #666; padding: 3px; margin: 0; vertical-align: top; text-align: left; }
caption { text-align: left; padding: 4px; }
td.empty { border-left: none; } 
td ul, td dl { margin: 0; }

/* ============================================================================= */
/* PAGE STRUCTURE
/* ============================================================================= */
#main-container { margin: 0 auto; padding: 0; background: transparent url(../images/bkgd-mast3.jpg) no-repeat center top; }
#mast-container { margin: 0 auto; padding: 0; width: 780px; text-align: left; background: transparent url(../images/bkgd-mast3.jpg) no-repeat center top; }
#topnav-container { padding: 0 0 0 143px; margin: 0; }
#content-container { padding: 0; margin: 0 auto; text-align: left; width: 780px; background: transparent url(../images/bkgd-content.jpg) repeat left top; }
#navigation { float: left; width: 143px;  margin: 0; padding: 0; }
#content { float: left; padding: 10px 12px 10px 12px; width: 613px; }
#ad-wrapper { float: right; margin: 0 0 10px 10px; width: 184px; padding: 4px 4px 0 4px; background-color: #f5f5f5; border: 1px solid #9E9E9E; }
#ad-wrapper img { border: 1px solid #B2B2B2; padding: 1px; margin: 0 0 4px 0; background-color: #fff; }
#ad-landing #ad-wrapper { background-color: none; border: none; float: none; margin: 0; padding: 0; width: auto; }
#ad-landing #ad-wrapper img { float: left; margin: 0 10px 10px 0; }
#footer { clear: both; padding: 0 0 15px 0; margin: 0; background: transparent url(../images/bkgd-footer-body.jpg) no-repeat center bottom; text-align: center; }
#footer p { background: transparent url(../images/bkgd-footer.jpg) no-repeat left top; padding: 10px 0 0 0; color: #969696; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #969696; }

/* ============================================================================= */
/* LEFT NAVIGATION
/* ============================================================================= */
#navigation ul { margin: 0; padding: 0 0 0 3px;}
#navigation li { margin: 0; padding: 0; display: inline; }
#navigation li a {
	display: block;
	padding: 8px 5px 8px 18px; 
	margin: 0;
	border-top: 1px solid #4A7887;
	border-bottom: 1px solid #185466;
	font-size: 1em;
	font-weight: bold;
	color: #79A2A3;
	letter-spacing: .08em;
	text-decoration: none;
	line-height: 1.25em;
	background: transparent url(../images/bkgd-left-nav.gif) no-repeat 0% -110px; }
#navigation li a:link, #navigation li a:visited { text-decoration: none; }
#navigation li a:hover, #navigation li a:active { color: #8EBCBD; }
#navigation li.on a { background: transparent url(../images/bkgd-left-nav.gif) no-repeat 100% -110px; color: #91BCBD; }
#navigation li ul { background-color: #2f6780; background-image: none; padding: 0; }
#navigation li ul li a, #navigation li.on ul li a { background-image: none; color: #88b7b8; font-size: .78em; line-height: 1.15em; padding: 6px 3px 6px 20px; } 
#navigation li ul li a:hover, #navigation li ul li a:active { color: #fff; }
#navigation li.on ul li.on a:link, #navigation li.on ul li.on a:visited { color: #fff; }

/* ============================================================================= */
/* TOP NAVIGATION
/* ============================================================================= */
#topnav-container ul { float: left; margin: 0; padding: 200px 0 0 2px; }
#topnav-container ul li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0 0 8px 0;
	display: inline;
	font-size: 1.4em;
	font-weight: bold; 
	line-height: 1em;
	letter-spacing: .07em;
	background: transparent url(../images/bkgd-topnav-bottom2.gif) repeat-x center bottom; }
#topnav-container ul li a { display: block; float: left; padding: 0 18px 0 0; background: transparent url(../images/bkgd-topnav-right2.gif) no-repeat right top; color: #CFD6A9; text-decoration: none; }
#topnav-container ul li a:hover, #topnav-container ul li a:active { color: #EAF0C7; }
#topnav-container ul li a span { display: block; float: left; padding: 7px 0 0 18px; background: transparent url(../images/bkgd-topnav-left2.gif) no-repeat left top; }
#topnav-container ul li.on a { background: transparent url(../images/bkgd-topnav-right2on.gif) no-repeat right top; color: #EAF0C7; }
#topnav-container ul li.on { background: transparent url(../images/bkgd-topnav-bottom2on.gif) repeat-x center bottom; }
#topnav-container ul li.on a span { background: transparent url(../images/bkgd-topnav-left2on.gif) no-repeat left top; }
#topnav-container ul li.on a:hover, #topnav-container ul li.on a:active { color: #F9FCE1; }

/* ============================================================================= */
/* TEXT CLASSES
/* ============================================================================= */
/* Text-based styles */
.italic { font-style: italic; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.smaller-text { font-size: 70%; }
.bigger-text { font-size: 120%; line-height: 1em; }
.kerned { letter-spacing: 1px; }
.lower-buffer { margin-bottom: 1em; }
.lower-x-buffer { margin-bottom: 2em; }
.georgia { font-family: "Georgia", serif; }
.hidden { display: none; }
.uppercase { text-transform: uppercase; }

/* Paragraph level text styles */
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-left { text-align: left; }

/* Sub-link -- links w/o underline */
a.sublink:link { color: #5B786D; text-decoration: none; }
a.sublink:visited { color: #5B786D; text-decoration: none; }
a.sublink:hover { color: #419473 ; text-decoration: none; }
a.sublink:active { color: #419473; text-decoration: none; }

/* Text/Background/Border Colors */
.brown-text { color: #693F26; }
.brown-border { border: 1px solid #693F26; }
.red-text { color: #D13C13; }
.red-bkgd { background-color: #D13C13; }
.red-border { border: 1px solid #D13C13; }
.green-text { color: #3E5C0A; }
.green-bkgd { background-color: #3E5C0A; }
.green-border { border: 1px solid #3E5C0A; }
.blue-text { color: #003C79; }
.blue-bkgd { background-color: #003C79; }
.blue-border { border: 1px solid #003C79; }
.white-text { color: #fff; }
.white-bkgd { background-color: #fff; }
.white-border { border: 1px solid #fff; }
.gray-text { color: #666; }
.gray-bkgd { background-color: #f5f5f5; }
.gray-border { border: 1px solid #c4c4c4; }
.gray-bkgd-button { background: transparent url(../images/bkgd-gray-button.jpg) repeat-x 0% 50%; }

/* ============================================================================= */
/* BLOCK LEVEL CLASSES
/* ============================================================================= */
/* Floats and block-making */
.float-left { float: left; }
.inline-left { float: left; margin: 3px 10px 5px 0; }
.float-right { float: right; }
.inline-right { float: right; margin: 3px 0 5px 10px; }
.clear-float { clear: both; }
.clear-float-left { clear: left; }
.clear-float-right { clear: right; }
.block { display: block; }

.pad20 { padding: 20px; }
.pad15 { padding: 15px; }
.pad10 { padding: 10px; }
.pad5 { padding: 5px; }
.pad2 { padding: 2px; }

.width400 { width: 400px; }
.width375 { width: 350px; }
.width350 { width: 350px; }
.width200 { width: 200px; }

/* Clearfix */
.clearfix { display: inline-table;
	/* Hides from IE-mac \*/
	height: 1%;
	display: block;
	/* End hide from IE-mac */ }
html>body .clearfix { height: auto; }
.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }

.alpaca-msk-bkgd { background: transparent url(../images/photo-smbrwnalpaca-bkgd.jpg) no-repeat right top; }

/* ============================================================================= */
/* LISTS AND CALLOUTS/SIDEBARS
/* ============================================================================= */
div.fancy-callout { padding: 33px 0 0 0; width: 400px; margin-bottom: 20px; }
div.fancy-callout div.wrapper { padding: 35px 10px 10px 10px; border-right: 1px solid #693F26; border-left: 1px solid #693F26; border-bottom: 1px solid #693F26; }

div.divider { padding: 15px 0 0 0; border-top: 1px dotted #c4c4c4; }

.blueribbon { background: transparent url(../images/bkgd-BluRibCallout.jpg) no-repeat left top; }
.blueribbon-bkgd { background: transparent url(../images/icon-blue-ribbon.jpg) no-repeat right top; }
.announcements { background: transparent url(../images/bkgd-AnncmntCallout.jpg) no-repeat left top; }
.upcoming-events { background: transparent url(../images/bkgd-UpEventsCallout.jpg) no-repeat left top; }
div#upcomingEvents { background: transparent url(../images/bkgd-UpEventsCalloutWide.jpg) no-repeat left top; width: 400px; }
ul#GAAevents { border-top: none; float: left; margin: 0 18px 0 0; padding-bottom: 10px; width: 282px; }
ul#farmEvents { border-top: none; clear: left;  float: left; padding-bottom: 10px; margin: 0; width: 282px; }
.herdsires { background: transparent url(../images/bkgd-HerdsiresCallout.jpg) no-repeat left top; }

div.sidebar { float: right; clear: right; margin: 0 0 5px 10px; text-align: center; padding: 60px 10px 0 15px; width: 167px; }
div.sidebar div.wrapper { padding: 0 8px 5px 8px; border-right: 1px solid #693F26; border-left: 1px solid #693F26; border-bottom: 1px solid #693F26; text-align: left;}
.featuredfarms { background: transparent url(../images/bkgd-FeaturedFarmsCallout.jpg) no-repeat left top; }
.featuredfarms-header { background: transparent url(../images/bkgd-FeaturedFarmsHeader.jpg) no-repeat left top; }
.thanks { background: transparent url(../images/bkgd-ThanksCallout.jpg) no-repeat left top; }
.AlpacasOfTheYear { background: transparent url(../images/bkgd-AlpacasOfTheYear.jpg) no-repeat left top; }
.AlpacasOfTheYear .AotYdate, .breedTitle { color: #6b2f00; font-family: "Georgia",serif; text-align: center; }
.AlpacasOfTheYear .AotYdate { font-size: 22px; line-height: 24px; }
.AlpacasOfTheYear .breedTitle { font-size: 14px; font-weight: bold; line-height: 16px; margin: 0 0 8px 0; }
.AlpacasOfTheYear li { font-size: 12px; line-height: 15px; margin: 0 0 6px; }
.moreinfo { background: transparent url(../images/bkgd-MoreInfoCallout.jpg) no-repeat left top; }
.moreinfo p { font-size: 1.1em; margin: 0 0 .8em 0; line-height: 1.3em; }
.moreinfo div.divider { padding: 10px 0; }

div.inlineSidebar { float: right; margin: 0 0 5px 10px; width: 220px; }

ul.indented { padding-left: 15px; }

ul.bullets li { padding: 0 0 0 10px; background: transparent url(../images/icon-bullet.gif) no-repeat 0% 50%;}
.bulleted { padding: 0 0 0 10px; background: transparent url(../images/icon-bullet.gif) no-repeat 0% 50%; }

.pdf { padding: .1em 0 0 1.5em; background: transparent url(../images/icon-pdf.gif) no-repeat 0 .15em; }
.msword { padding: .1em 0 0 1.5em; background: transparent url(../images/icon-msword.gif) no-repeat 0em 0em; }
.msexcel { padding: .1em 0 0 1.5em; background: transparent url(../images/icon-msexcel.gif) no-repeat 0em 0em; }
.printer { padding: 0 0 0 1.8em; background: transparent url(../images/icon-printer.gif) no-repeat 0em 0em; }

ul.alpha-nav { float: left; padding: 5px 0; width: 400px; }
ul.alpha-nav li { float: left; display: inline; margin: 0 2px 5px 0; padding: 0; background: transparent url(../images/bkgd-alpha-nav.jpg) repeat-x 0% 50%; border: 1px solid #5C6E37; }
ul.alpha-nav li a { display: block; margin: 0; padding: 4px; border: 1px solid #A1AC87; font-weight: bold; font-size: .8em; line-height: .5em; color: #5C6E37; }
ul.alpha-nav li a:link, ul.alpha-nav li a:visited { text-decoration: none; color: #5C6E37; }
ul.alpha-nav li a:hover, ul.alpha-nav li a:active { color: #DED416; }
ul.alpha-nav li.on { background: transparent url(../images/bkgd-alpha-nav-on.jpg) repeat-x 0% 50%; }
ul.alpha-nav li.on a:link, ul.alpha-nav li.on a:visited { color: #DED416; }

ul.farm-list { width: 400px;  }
ul.farm-list li { padding: 7px 5px 4px 5px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4;}
ul.farm-list li a { font-weight: bold; font-size: 1.2em; } 

ul.divided-list { border-bottom: 1px solid #c4c4c4; }
ul.divided-list li { border-top: 1px solid #c4c4c4; margin-bottom: 1em; padding-top: 1em; }
ul.divided-list li span { display: block; width: 60%; float: left; }

dl.classified-list { width: 400px; }
dl.classified-list dt { padding: 5px; border-top: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; border-left: 1px solid #c4c4c4; margin: 0; } 
dl.classified-list dd { padding: 0 5px; border-bottom: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; border-left: 1px solid #c4c4c4; margin-bottom: 10px; }
dl.classified-list dd span.info { display: block; font-style: italic; font-weight: bold; padding-top: 10px; }

h3.link-list-title { width: 400px; margin: 0; border-bottom: 1px solid #693F26; color: #693F26; }
dl.links-list { width: 380px; padding: 0 10px; }
dl.links-list dt { padding: 5px 0 0 0; margin: 0; font-size: 1.3em; } 
dl.links-list dd { padding: 0 0 5px 0; border-bottom: 1px solid #c4c4c4; margin: 0; }

ul.events-list { width: 375px; border-top: 1px solid #c4c4c4; }
ul.events-list li { font-weight: bold; font-size: 1.3em; padding: 5px 0; border-bottom: 1px solid #c4c4c4; margin: 0; }
ul.events-list li.gaaEventsTitle { border: none; color: #0F734E; font-family: 'Georgia', serif; font-size: 1.6em; }
ul.events-list li.farmEventsTitle { border: none; color: #0F734E; font-family: 'Georgia', serif; font-size: 1.6em; }
ul.events-list li.moreItemslink { border: none; text-align: right; }
ul.events-list li.noItemsLink { border: none; }
ul.events-list li span { font-weight: normal; font-style: italic; font-size: 1em; display: block; }

#directoryTable, #directoryTable th, #directoryTable td { border: none; }
#directoryTable td { padding: 0 10px 10px 10px; }
#directoryTable td.alphaCell { background-color: #666; color: #fff; padding: 5px; }
#directoryTable td.nameCell { padding: 5px 0 0 5px; }
#directoryTable td.bottomBorder { border-bottom: 1px solid #c4c4c4; }
#directoryTable h3 { font-size: 1.5em; margin: 0; }
#directoryTable h4 { font-size: 1.2em; margin: 0; line-height: 1em; }
#directoryTable h5 { font-size: 1.1em; }
#directoryTable p { font-size: .9em; margin: 0; padding-left: 5px; }

/* ============================================================================= */
/* FORMS
/* ============================================================================= */
form { padding: 0; margin: 0; font-size: 1.2em; }
input.textfield, input.textfield-wide, select, textarea { border: 1px solid #666; margin: 0; background-color: #fff; padding: 2px; font: normal .8em/1.2em arial, helvetica, sans-serif; margin: 0; }
input.checkfield { vertical-align: baseline; }
input.button { font-size: .9em; margin: 0; }
label { font-size: 1em; line-height: 1.5em; }

form.standard-form fieldset { font-size: 1em; border: 1px solid #c4c4c4; padding: 10px; margin: 0 0 1em 0; text-align: left; }
form.standard-form label { display: block; float: left; width: 125px; text-align: right; margin: 0; padding: 0 3px 0 0; }
form.standard-form input.textfield, form.standard-form select { width: 175px; }
form.standard-form textarea, form.standard-form input.textfield-wide { width: 300px; }
form.standard-form li.button-item { padding-left: 125px; }

.alert-error { background-color: #fde7e7; border: 1px solid #b60909; color: #b60909; padding: 8px; } 
.alert-success { background-color: #effde7; border: 1px solid #3a7815; color: #3a7815; padding: 8px; } 

div#filesGroup div p { border: 1px solid #666; margin-bottom: 10px; padding: 10px; }
div#filesGroup div span { display: block; margin: 0 0 10px; }
div#filesGroup div input.fileRemoveButton { margin: 10px 0 0 125px; }
/* ============================================================================= */
/* GAA recognition program page
/* ============================================================================= */
#GAARPrelatedFiles ul { padding-left: 5px; }
#GAARPrelatedFiles ul li { background: transparent url(/images/iconFILE.png) no-repeat 0% 50%; margin-bottom: 12px; padding: 2px 0 0 20px; }
#GAARPrelatedFiles ul li.pdf { background-image: url(/images/iconPDF.png); }
#GAARPrelatedFiles ul li.doc { background-image: url(/images/iconDOC.png); }
#GAARPrelatedFiles ul li.xls { background-image: url(/images/iconXLS.png); }

/* ============================================================================= */
/* Admin Section for Show pages
/* ============================================================================= */
#showPagePreview { border: 1px dotted #333; margin-bottom: 24px; padding: 8px; }
#showPagePreview .sectionTitle { color:#612e8b; font-family: 'Georgia', serif; font-size: 2em; }
#showPagePreview .sectionTitle em { display: block; font-size: .8em; }
#showPagePreview .royal-purple { color:#612e8b; }
#showPagePreview .georgia-purple { color: #612e8b; font-family: "Georgia", serif; }
#showPagePreview hr { background: transparent url(/images/bkgdHR.gif) repeat-x center center; border: 1px solid #fff; height: 32px; margin: 0; }
#showPagePreview ul li { background: transparent url(/images/icon-bullet.gif) no-repeat 0px 5px; padding: 0 0 0 10px; }
#showPagePreview div.info-box-right { border: 2px solid #612e8b; float: right; margin: 0 0 5px 10px; padding: 10px 10px 5px 10px; width: 190px; }
#showPagePreview div.info-box-left { border: 2px solid #612e8b; float: left; margin: 0 10px 5px 0; padding: 10px 10px 5px 10px; width: 190px; }
#showPagePreview div.info-box-right h3, #showPagePreview div.info-box-right h4, #showPagePreview div.info-box-right h5, #showPagePreview div.info-box-right h6 { color: #612e8b; font-family: "Georgia", serif; }
#showPagePreview div.info-box-left h3, #showPagePreview div.info-box-left h4, #showPagePreview div.info-box-left h5, #showPagePreview div.info-box-left h6 { color: #612e8b; font-family: "Georgia", serif; }
#showPagePreview li.divided-list-item { background-image: none; border-bottom: 1px solid #a1a1a1; border-top: 1px solid #a1a1a1; margin: 0 0 10px 0; padding: 10px 5px; }
#showPagePreview div.half-page { float: left; padding-right: 15px; width: 265px; }

#attachmentsInfo p { border-bottom: 1px solid #c4c4c4; border-top: 1px solid #c4c4c4; padding: 6px 0; }
#attachmentsInfo p span { display: block; padding: 6px 0; }

/* ============================================================================= */
/* Admin Section for resources pages
/* ============================================================================= */
div.resourcesListWrapper { float: left; width: 300px; } 
div.resourcesListWrapper.first { margin-right: 12px; }
div.resourcesListWrapper h4 { background-color: #f5f5f5; border: 1px solid #b0b0b0; border-bottom: none; color: #666; float: left; font-size: 18px; line-height: 20px; margin: 0; padding: 6px 10px; }
div.resourcesListWrapper form { background-color: #f5f5f5; border: 1px solid #b0b0b0; padding: 3px; }
ul.resourcesList { border: 1px solid #b0b0b0; clear: left; margin: 0; padding: 6px; } 
ul.resourcesList li { border-bottom: 1px dotted #b0b0b0; border-top: 1px dotted #b0b0b0; margin: 0 0 6px; padding: 3px; }
ul.resourcesList li h5 { font-size: 16px; line-height: 22px; }
ul.resourcesList li p { font-size: 12px; line-height: 16px; margin: 0 0 6px 0; }
ul.resourcesList li p.submissionInfo { background-color: #f5f5f5; border: 1px solid #b0b0b0; font-size: 11px; line-height: 15px; margin: 0 0 6px 0; padding: 3px; }
ul.resourcesList ul.relatedFiles { margin: 0; }
ul.resourcesList ul.relatedFiles li { background: url(/images/iconFILE.png) no-repeat left center; border: none; padding: 3px 0 3px 20px; }
ul.resourcesList ul.relatedFiles li.pdf { background-image: url(/images/iconPDF.png); }
ul.resourcesList ul.relatedFiles li.xls, ul.resourcesList ul.relatedFiles li.xlsx { background-image: url(/images/iconXLS.png); }
ul.resourcesList ul.relatedFiles li.doc, ul.resourcesList ul.relatedFiles li.docx { background-image: url(/images/iconDOC.png); }

table.admin-list-table .even { background-color: #f5f5f5; }
table.admin-list-table .bulk-button { text-align: center; width: 5%; } 
