/* IFFGD.com common css file             */
/* Created by Red Anvil, LLC.            */

@import url(layout.css);

* { margin:0; padding:0; }
body { background-color:#fff; color:#000; font-size:76%; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl { line-height: 1.6em; padding: 0; margin-bottom: 1em; }

h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:normal; line-height:1.4em; margin: 1em 0 0 0; }
h2 { border-bottom: 1px solid #ccc; font-size:110%; line-height: 1.2em; margin-top: 2em; }
h1 + h2 { margin-top: .5em; }
h3 { font-size: 100%; margin-bottom: 0; }
#frontIntro h3 { padding: 0 10px; }
#highlights h3 { border-bottom: 1px solid #fff; color: #fff; font-size: .9em; line-height: 1em; margin: 0; padding: 5px 8px; }
h4 { font-size: 100%; }
h5, h6 { font-size: 90%; }
blockquote { background: url(../images/common/blockquote.gif) left top no-repeat; margin: 1em 20px; padding: 1em 1em .3em 1em; }
sup { color: #999; font-style: italic; }

/* =a */
a.downloadLink { background: url(../images/icons/pdf.gif) left 50% no-repeat; padding: 3px 0 3px 20px; }
#subNav a:link, 
#subNav a:visited { color: #fff; text-decoration: none; }
#subNav a:hover, 
#subNav a:active { color: #fff; text-decoration: underline; }

/* =p */
p.byline { color: #666; font-size: .85em; }
p.caption { color: #666; font-size: .85em; margin: 0; text-align: center; }
p.credit { color: #999; font-size: .75em; font-style: italic; margin: 0; text-align: right; }
p.description { font-style: italic; }
p.indent { margin-left: 3em; }
#footer p { color:#999; text-align:center; margin: 0; padding: 0; }
#frontIntro p { padding: 0 20px; }
#highlights p { padding:5px 8px; margin: 0; }
#siteOptions p { font-size: .85em; line-height: 2.2em; margin: 0; padding: 0; }

/* =ul, =ol */
ol, 
ul { margin-left: 3em; }
ol li, 
ul li { margin-bottom: .2em; }
ul ul { margin-top: .5em; }
ul.checkboxes { list-style-type: none; margin-left: 1em; margin-bottom: 0; }
ul.eventListing { list-style-type: none; margin: 0 0 1em 0; }
ul.eventListing li { margin: 0 0 2em 3em; }
ul.eventListing li h3 { margin-left: -3em; }
ul.toc { list-style-type: none; margin: 0; padding: .5em 0; }
ul.toc li { margin: 0; padding: 0; }
ul.toc a:link, 
ul.toc a:visited { display: block; color: #666; text-decoration: none; padding: 10px; }
ul.toc a:hover, 
ul.toc a:active { background-color: #f6f6f6; color: #000; }
ul.toc .title { display: block; color: #000; font-size: 1.2em; font-weight: bold; }
.pressReleases li { line-height: 1.3em; }
ol#membershipSummary { margin: 0 0 0 3em; padding: 0; }
ol#membershipSummary li p, 
ol#membershipSummary li h4 { margin: 0; }
ol#membershipSummary li p { font-size: .85em; }

/* =dl */
dl { }
dt { font-weight: bold; }
dd { margin: 0 2em 1em 3em; }
dl.footnotes { font-size: .9em; }
dl.timeline dt { border-bottom: 1px dotted #ccc; }

/* =img */
a img { border:0; }
p img, li img, p input, li input { vertical-align:middle; }
div.image { background-color: #fff; border: 1px solid #ccc; float: right; margin: 0 0 .5em .5em; padding: 3px; }
div.image.alt { float: left; margin: 0 .5em .5em 0; }
div.image.center { border: none; float: none; text-align: center; margin: 0 auto .5em auto; }
img.image { float: right; margin: 0 0 .5em .5em; padding: 3px; }
img.image.alt { float: left; margin: 0 .5em .5em 0; }
#highlights img { border:1px solid #fff; float: right; margin: 8px; width: 70px; }

/* =table */
table { border: 1px solid #fff; border-collapse: collapse; margin: 0 10px 10px 10px; font-size: .9em; width: 500px; }
table th, 
table td { background-color: #e8efee; border: 2px solid #fff; padding: 3px; vertical-align: middle; }
table .alt th, 
table .alt td { background-color: #d2dfde; }
table td.data { text-align: right; }
table.fillIn td { height: 4em; }
table thead th, 
table th.caption, 
table caption { background-color: #222A36; color: #fff; font-weight: bold; text-align: center; padding: 8px 3px; }
table caption { border: 1px solid #fff; margin: 10px 10px 0 10px; padding: 8px; text-align: left; }
table thead .alt th, 
table thead th { background-color: #77a09b; vertical-align: middle; }
table thead th a:link, 
table thead th a:visited { color: #fff; text-decoration: underline; }
table thead th a:hover, 
table thead th a:active { color: #ccc; text-decoration: none; }
table tfoot td { text-align: right; }

/* =fieldset */
fieldset { border: 1px solid #ccc; margin: 10px 20px; padding: 10px; }
fieldset fieldset { margin: 0 10px 10px 10px; }
legend { background-color: #fff; color: #666; font-size: .9em; font-weight: bold; padding: 0 10px; }
fieldset caption { margin: 10px 0 0; }

/* =form */
fieldset table { margin: 0; padding: 0; width: 100%; }
table.form { width: 100%; }
table.form,
table.form th, 
table.form td { background-color: #fff; border: none; }
table.form th { width: 150px; vertical-align: top; padding: 5px 3px; }
table.form .required th, 
li.required { color: #f00; }
select, 
textarea, 
input.text { width: 98%; }
select.inline, 
input.text.inline { width: auto; }
select,
textarea,
input { vertical-align: middle; }
.formSubmit { padding: 10px 20px; text-align: right; }
.formSubmit .alt { float: left; text-align: left; }
.formSubmit img { vertical-align: middle; }
fieldset .formSubmit { padding: 10px 0 0 0; text-align: right; }

/* Non-specific styles */
#adobeReader { background-color: #eee; border-top: 1px solid #ccc; padding: 15px; }
#adobeReader img { float: left; }
#adobeReader p { font-size: .9em; line-height: 1.4em; margin: 0 0 0 130px; padding: 0; }
.alert { background: #ffffb2 url(../images/common/alert.gif) left top no-repeat; margin-bottom: 1em; padding: 1em 1em .2em 55px;  }
.authorDetail img { display: inline; float: right; margin: 0 5px 5px 10px; }
.authorDetail dt { float: left; clear: both; width: 70px; }
.authorDetail dd { margin: 0 0 0 80px; }
.breadcrumb { display: none; }
div.callout { background-color: #f6f6f6; float: right; font-size: .9em; margin: 0 0 10px 10px; width: 250px; }
div.callout h3 { background-color: #666; border-bottom: 1px solid #fff; color: #fff; line-height: 1.2em; margin-bottom: 5px; padding: 5px 10px !important; }
div.callout h4, 
div.callout p { line-height: 1.4em; margin: 0 10px 1em 10px !important; padding: 0 !important; }
div.callout ul, 
div.callout ol { font-size: 1em; margin-right: 10px; }
code { color: #36c; font-size: 1.3em; }
.commentAuthor { font-weight: bold; }
.commentNumber { color: #ddd; font-style: italic; font-weight: bold; position: absolute; top: 2px; right: 2px; }
.commentMeta { text-align: right; font-size: .9em; color: #666; }
#comments ol { list-style-type: none; margin: 0; padding: 0; }
	#comments ol li { border: 1px solid #ccc; margin: 0 0 1.5em 0; min-height: 1em; padding: 5px 8px; position: relative; }
	* html #comments ol li { height: 1%; }
	#comments .formSubmit { padding-right: 0; }
#copyAddress { text-align: right; font-size: .9em; margin: 1em 30px 0 0; }
a.download { background: url(../images/icons/download.gif) right 50% no-repeat; padding: 0 14px; }
.flashplayer { text-align: center; margin: 10px auto; }
	.flashplayer p { border: 1px solid #ccc; font-weight: bold; }
.ccsnInfo, 
.footer { background-color: #f6f6f6; font-size: .85em; margin: 10px; overflow: auto; padding: 10px 10px 0 10px; }
.footer img { float: left; margin-right: 5px; }
.hr { margin: 1.5em 8em; border-bottom: 1px dotted #ccc; }
.hr hr { display: none; }
.related, 
.sources, 
.moreInfo { border: 1px solid #ccc; clear: both; font-size: .9em; padding: 1px; margin-bottom: 1em; }
.related h3, 
.sources h3, 
.moreInfo h3 { background-color: #f6f6f6; margin: 0; padding: 3px; }
.related p, 
.related h4, 
.related ul,
.sources p, 
.sources h4, 
.sources ul,
.moreInfo p, 
.moreInfo h4, 
.moreInfo ul { margin: 0; padding: 3px; line-height: 1.4em; }
.related ul,
.sources ul,
.moreInfo ul { margin-left: 3em; } 
.loginOptions { margin-left: 156px; }
.note { color: #999; font-size: .9em; }
.pagination { border: 1px solid #ccc; background-color: #f6f6f6; font-size: .9em; margin: 1em 0; overflow: hidden; padding: 5px 8px; text-align: right; }
	.pagination p { margin: 0; padding: 0; }
	.pagination .results { float: left; }
.postComments { float: right; text-align: right; width: 100px; }
.postCount { display: none; }
.postCreator, 
.postDate { color: #666; font-size: .9em; margin-bottom: 0; }
.postDate { margin-bottom: 8px; }
.postMeta { border: 1px solid #ccc; font-size: .9em; overflow: hidden; padding: 5px; }
	* html .postMeta { height: 1%; }
.postTopics { float: left; margin-right: 110px; }
.privacyStatement { background-color: #e8efee; padding: 5px; }
.pullquote { background-image: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float: right; margin: 10px 20px; padding: 20px 10px; width: 240px; }
	.pullquote.alt { float: left;}
	.pullquote p { font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, san-serif; font-size: 1.6em; font-weight: normal; letter-spacing: -1px; line-height: 1em; margin: 0; text-align: center; }
.regularPrice { color: #ff4646; text-decoration: line-through; }
.salePrice { font-weight: bold; }
a.shoppingCart { background: url(../images/icons/shoppingcart.gif) 0 50% no-repeat; padding-left: 14px; }
h2.title { margin-bottom: 0; }
.topLink { font-size: .85em; text-align: right; }
	.topLink a { background: url(../images/icons/uparrow.gif) 0 50% no-repeat; padding-left: 16px; }
.vcard { border-left: 1px solid #ccc; line-height: 1.6em; margin: 1em 3em; padding: 5px 10px; }
	.vcard.profile { border-left: none; line-height: inherit; margin: 0; padding: 0; }
	.vcard .title { font-style: italic; }
	.vcard .adr { padding: .5em 0; }
	.vcard .org { font-weight: bold; }
.viewMore { color: #666; font-size: .85em; margin: 0; text-align: right; }
#footer, 
#mainNav, 
#otherSites, 
#subNav { font-size: .85em; }

/* DONATIONS */
ul#donationProgress { list-style-type: none; font-size: .85em; margin: 0 0 1.5em 0; padding: 0; text-align: center; }
ul#donationProgress li { background-color: #5D6875; color: #fff; display: inline; margin: 0; padding: 4px 8px; }
ul#donationProgress li.current { background-color: #222A36; font-weight: bold; }
ul#fundListing { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
ul#fundListing .fund { float: left; width: 220px; }
table.fundListing td h4 { margin-bottom: 0; }
.legal { background-color: #f6f6f6; font-size: .85em; margin: 0 20px 10px 20px; padding: 10px 10px 3px 10px; }

/* GLOSSARY */
.glossaryLinks { text-align: center; list-style-type: none; }
.glossaryLinks li { display: inline; }
.glossaryLinks a:link, 
.glossaryLinks a:visited, 
.glossaryLinks a:hover, 
.glossaryLinks a:active { font-weight: bold; padding: 0 3px; }
.glossary dt { display: inline; }

/* GALLERY */
.gallery { list-style-type: none; margin: .5em 0 0 0; padding: 0; }
.gallery li { float: left; height: 220px; margin: 0 15px 0 0; overflow: hidden; padding: 0; width: 160px; }
.gallery h3 { font-size: .9em; line-height: 1.2em; margin-bottom: .1em; }
.gallery .image { background-color: #f6f6f6; border: none; float: none; height: 160px; margin: 0 0 3px 0; padding: 0; position: relative; text-align: center; width: 160px; }
.gallery .image a { display: block; height: 160px; line-height: 160px; }
.gallery .media { color: #666; display: block; line-height: 1.2em; font-size: .85em; font-style: italic; }
	  
/* LIBRARY */
ol#libraryProducts { list-style-type: none; margin: 0; padding: 0; }
ol#libraryProducts li { margin: 0 0 1.5em 40px; position: relative; }
ol#libraryProducts .itemID { color: #999; font-size: .9em; font-weight: bold; left: -40px; position: absolute; top: 0; }
ol#libraryProducts .itemTitle { border-bottom: 1px solid #ccc; margin-left: -40px; padding-left: 40px; }
ol#libraryProducts .itemAuthor, 
ol#libraryProducts .itemTopics { font-size: .9em; margin-left: 3em; text-indent: -3em; }
ol#libraryProducts .itemCommerce { background-color: #eee; border-bottom: 1px solid #ccc; font-size: .85em; margin-top: 1em; padding: 4px; text-align: right; }
#topicChoice { font-size: .85em; list-style-type: none; margin: 0; padding: 0; }
#topicChoice li { margin-bottom: .85em; }
#topicChoice select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 350px; }
#dataOptions { background-color: #eee; border-bottom: 1px solid #ccc; font-size: .85em; margin-bottom: 1.5em; padding: 4px; text-align: right; }
#dataOptions .radio { margin-left: 5px; }
#dataOptions p { margin: 0 0 5px 0; }
#dataOptions select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#dataOptions .pagination { background-color: transparent; border: none; margin: 0; padding: 0; }

/* SEARCH RESULTS */
#searchInput label { font-weight: bold;}
#searchInput input.text { width: 350px; }
#searchResults li { margin-bottom: 1em; }
#searchResults p { margin-bottom: 0; }
#searchResults .link { font-size: .85em; overflow: hidden; }

/* STORE */
.authorListing { border: 1px solid #ccc; clear: both; font-size: .9em; padding: 1px; margin: 1em 0; }
.authorListing h3 { background-color: #f6f6f6; margin: 0; padding: 3px; }
.authorListing ul { margin: 0; padding: 0; list-style-type: none; }
.authorListing li { margin: 0; padding: 3px; }
.authorListing li h4, 
.authorListing li p { margin: 0; }
.shoppingCartTotal { text-align: right; margin: 10px 20px; overflow: hidden; }
.shoppingCartTotal table { float: right; width: 250px; margin: 0; }
.shoppingCartTotal th { background-color: #fff; border: none; text-align: right; font-weight: normal; width: 60%; }
.shoppingCartTotal td { background-color: #fff; border: none; }
.productImage { float: right; }
.productImage img { margin-right: 10px; padding: 3px; }
.productListing { margin: 0; padding: 0; }
.productListing li { border-bottom: 1px solid #ccc; padding: 5px; margin: 0; overflow: hidden; }
.productListing li h3 { margin: 0 0 3px 90px; }
.productListing li p { margin: 0 0 0 90px; }
.productListing .image { float: left; border: none; margin: 0 10px 0 0; padding: 0; text-align: center; width: 80px; }
.productDetail .description { line-height: 1.6em; margin-bottom: 1em; }
.productDetail dl { background-color: #f6f6f6; border: 1px solid #ccc; padding: 5px 0; width: 230px; }
.productDetail dt { float: left; width: 80px; margin: 0 10px 0 0; padding: 3px 0; text-align: right; }
.productDetail dd { margin: 0 0 0 90px; padding: 3px 0; }

.tiny {
width:16px !important;
height:16px !important;
margin-top:2px !important;
margin-right:12px !important;
}