html { background: #ffb600; padding: 0; font: medium Arial, Helvetica, Geneva, sans-serif; }
body { margin: 0; }
acronym { border-bottom: 1px dashed #ddd; }

.accessible { display: none; }

a { text-decoration: none; color: #bc8600; }
a:hover { text-decoration: underline; }
a img { border: none; }
a span { color: #000; }
a.pdfLink { background: url(/images/filetypes/pdf-small.png) right top no-repeat #fff; padding: 3px 26px 3px 0; }
a.wordLink { background: url(/images/filetypes/word-small.png) right top no-repeat #fff; padding: 3px 26px 3px 0; }
a.excelLink { background: url(/images/filetypes/excel-small.png) right top no-repeat #fff; padding: 3px 26px 3px 0; }
a.plaintextLink { background: url(/images/filetypes/plaintext-small.png) right top no-repeat #fff; padding: 3px 26px 3px 0; }

.clearFloats { clear: both; height: 0; overflow: hidden; }
.clearFloatsLeft { clear: left; height: 0; overflow: hidden; }
.backToTop { font-size: 0.8em; }

/* Form style */
.formPages table { width: 600px; border: 1px solid #ccc; text-align: center; background: #eee; margin: 0 auto 20px auto; }
.formPages table th { background: #dfdfdf; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; border-right: 1px solid #ccc; border-left: 1px solid #fff; padding: 5px; }
.formPages table td { border-bottom: 1px solid #ccc; border-top: 1px solid #fff; border-right: 1px solid #ccc; border-left: 1px solid #fff; padding: 5px; }
.formPages table td.rowTitle { background: #ddd; font-weight: bold; padding-top: 8px; width: 150px; text-align: right; font-size: 0.9em; vertical-align: top; }
.formPages table td.rowData { text-align: left; }
.formPages table tr.rowTitle td { text-align: left; font-weight: bold; background: #bcbcbc; }
.formPages table td.actionButtons { text-align: center; padding: 20px; }
.formPages input, .formPages textarea { width: 300px; }
.formPages textarea { height: 150px; }
.formPages input.noWidth { width: auto; }

/* Structure styles */

#pageWrapper { width: 902px; margin: 0 auto; padding: 1px 0px 10px; background: url(/images/bgPage.gif) left top repeat-y; }
#pageWrapper .gutter { margin: 10px 20px 0 40px;}

#pageHeader { margin-bottom: 15px; position: relative; z-index: 89; float: left; width: 100%; }
#pageHeader ul { margin: 0; padding: 0; list-style: none; font-size: 0.85em; }
#pageHeader ul li { float: left; background: url(/images/orangeBullet.gif) left 1px no-repeat; }
#pageHeader ul li a { margin: 0 4px 0 16px; font: 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #000; border-bottom: 2px solid #fff4da; }
#pageHeader ul li a:hover { text-decoration: none; }
#pageHeader ul li strong a { border-color: #ff5131; font-weight: bold; color: #1c0e62;}
#pageHeader ul li.first { background: none; }
#pageHeader ul li.first a { margin-left: 0; }
#pageHeader ul li a:hover { border-color: #ffb600; }
#pageHeader #logo { float: right; }
#pageHeader #headerNavSearch { position: absolute; bottom: 10px; }
#pageHeader #siteSearch { margin-bottom: 10px; }
#pageHeader #siteSearch input { border: 2px solid #dea71e; font-size: 1.1em; width: 250px; color: #aaa; }
#pageHeader #siteSearch input#button_search { font-size: 1em; width: auto; background: #ffb600; color: #fff; border: 0;}
#pageHeader #user_login { margin-bottom: 5px; font-size: 0.8em; background: #ffeabd; padding: 5px; display: inline-table; }

#breadcrumb { font-size: 0.8em; border-bottom: 1px solid #dea71e; margin: 15px 18px 15px 0; background: #ffefc8; padding: 5px; }

#contentArea { position: relative; z-index: 88; }

#pageFooter { width: 902px; margin: 0 auto; padding-top: 1px; background: url(/images/bgPageBottom.gif) left top no-repeat; color: #fff; font-size: small; position: relative; min-height: 190px; }
#footerBlobs { position: absolute; top: -183px; right: -109px; height: 360px; width: 356px; background: url(/images/footerCircles.png) left top no-repeat; }
#pageFooter .gutter { margin: 30px 10px 10px; }
#pageFooter a { color: #fff; }

#footerLinks { border-right: 2px solid #ffc953; float: left; padding-right: 30px; margin-right: 30px; }
#footerLinks ul { margin: 0; padding: 0; list-style: none; float: left; }
#footerLinks ul li { margin: 3px 0; }
#footerLinks ul a { color: #bc8600; font-weight: bold; }
#pageFooter .gutter { margin: 30px 10px 10px 30px; }
#copyright { position: absolute; bottom: 0; right: 20px; }
#charityInfo { padding: 1px;}

#pageCopy { float: left; width: 570px;}
.noSidebar #pageCopy { width: 820px; }
.noTopMenu #pageHeader { margin-bottom: 0; }

/* Working Page area */
#introText { clear: both; background: url(/images/bgPageIntro.gif) left bottom no-repeat; padding: 10px 220px 0px 20px; min-height: 150px; margin-top: 15px; }
#introText p { font-size: 0.9em; }
ul#introLinks { margin: 0; padding: 0; list-style: none; float: left; font-size: 0.95em; }
ul#introLinks li { float: left; background: url(/images/orangeBullet.gif) left 3px no-repeat; }
ul#introLinks li a { margin: 0 4px 0 16px; font: 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #000; border-bottom: 2px solid #fff4da; }
ul#introLinks li a:hover { text-decoration: none; }
ul#introLinks li strong a { color: #1c0e62; font-weight: bold; border-color: #ff5131; }
ul#introLinks li.first { background: none; }
ul#introLinks li.first a { margin-left: 0; }
ul#introLinks li a:hover { border-color: #ffb600; }

/*ul#subNav { position: absolute; right: 0px; top: 50px; width: 200px; z-index: 10000; }*/
ul#subNav { width: 240px; margin: 10px 0 0; padding: 0px; font-size: 0.9em; float: right; list-style: none; }
ul#subNav li { margin-bottom: 5px; background: #ffb600; }
ul#subNav li a { display: block; border-left: 8px solid #ffefc8; padding: 5px 8px; color: #fff; }
ul#subNav li a:hover { border-color: #ffb600; background: #ffefc8; color: #bc8600; }


/* Highlights boxes */
#frontPageHighlights { background: url(/images/bgFrontPageHighlights.gif) center top repeat-y; width: 770px; margin-top: 15px; }
#frontPageHighlights .gutter { margin: 0 0 0 10px; padding: 0; }
#frontPageHighlights .item { float: left; width: 210px; font-size: 0.9em; }
#frontPageHighlights a { line-height: 1.4em; }
#frontPageHighlights #news { margin: 0 20px 0 20px; width: 230px; }
#frontPageHighlights #services { margin: 0 20px 0 20px; width: 230px; }
#frontPageHighlights h2 { color: #1c0e62; margin: 0; background: #fff; }
#frontPageHighlights ul { margin-left: 0px; margin-top: 10px; padding: 0; list-style: none; }
#frontPageHighlights ul li { float: left; background: url(/images/orangeBullet.gif) left 3px no-repeat; padding-left: 16px; margin-bottom: 6px; }
#frontPageHighlights dl { margin-top: 10px; }
#frontPageHighlights dl dt { font-weight: bold; }
#frontPageHighlights dl dd { margin: 5px 0 5px 10px; }
#frontPageHighlights #events dl dd { margin: 10px 0px; }

/* Errors and notices */
#flash_notice, #flash_error { padding: 5px 8px; margin: 10px 0; }
#flash_notice { background-color: #CFC; border: solid 1px #6C6; }
#flash_error { background-color: #FCC; border: solid 1px #C66; }
.fieldWithErrors { display: inline; }
#errorExplanation { width: 400px; border: 2px solid #CF0000; padding: 0px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: 0; background-color: #c00; color: #fff; }
#errorExplanation p { color: #333; margin-bottom: 0; padding: 8px; }
#errorExplanation ul { margin: 2px 24px; }
#errorExplanation ul li { font-size: 12px; list-style: disc; }

/* Headings */
h1, h2 { margin: 0; }
h1 { margin-top: 10px; }
h2 { font-weight: normal; }
h1 acronym { border: 0; }



/* Resources pages */
.resourcesPages#indexPage dl { margin-left: 20px; }
.resourcesPages#indexPage dt { margin: 15px 0 0; padding: 0; font-size: 1em; background: url(/images/bullet.gif) left 5px no-repeat; padding-left: 15px; font-weight: bold; }
.resourcesPages#indexPage dd { margin: 0 0 10px 15px; padding: 0; font-size: 0.8em; }
.resourcesPages#indexPage dd p { margin: 0; }
.resourcesPages h2 { margin: 10px 0; font-weight: normal; }

/* Memberships pages */
.membershipPages table { margin-bottom: 0; }
.membershipPages tr#membershipOption1 table { margin-bottom: 10px; }
.membershipPages textarea { height: 150px; }
.membershipPages h2 { text-align: left; margin: 5px; }

/* About pages */
#tandcPage ol li ol { list-style-type: lower-roman; }
.aboutPages #pageCopy ul li { margin: 15px 0; list-style-image: url(../images/orangeBullet.gif); }
.aboutPages #pageCopy ul.links li { margin: 3px 0; }
.aboutPages h2 { margin-top: 10px; }
#managementPage #pageCopy dt { font-weight: normal; margin-top: 15px; font-size: 1.1em; }
#managementPage #pageCopy dt strong { font-size: 1.1em; }
#managementPage #pageCopy dd { margin: 5px 0; }
#privacyPolicyPage #pageCopy p { margin-top: 0; }
#constitutionPage #pageCopy li, #tandcPage #pageCopy li { margin: 6px 0; }
#constitutionPage #pageCopy ul li { margin: 6px 0; list-style: circle; }

/* Links pages */
#linksPage #pageCopy p { margin-top: 5px; }
#linksPage #pageCopy h3 { color: #1c0e62; margin-bottom: 10px; font-size: 1.4em; }

/* What is CSE pages */
.csePages h2 { margin-top: 10px; }
.csePages h3 { margin-bottom: 0; }
.csePages blockquote { font-style: italic; background: url(/images/quoteOpen.gif) left top no-repeat; margin: 0; }
.csePages blockquote p { background: url(/images/quoteClose.gif) right bottom no-repeat; padding: 5px 24px 5px 65px; }
.csePages #quoteBy { font-weight: bold; font-size: 0.8em; text-align: right; }
.csePages #pageCopy li { margin: 6px 0; }
.csePages dl { margin-top: 0; }
.csePages dl dt { margin-top: 8px; margin-bottom: 2px; }
.csePages dl dd { margin: 0; }
.csePages #modelDiagram { text-align: center; }
.csePages #mapCopy { border: 3px solid #ccc; background: #f9f9f9; padding: 10px; font-size: 0.8em; }
.csePages #mapCopy h3 { margin: 0; }
.csePages #mapCopy h4 { margin-bottom: 0; margin-top: 10px; }
.csePages #mapCopy p { margin: 0; }

/* Services map page */
#servicesPage #pageCopy { text-align: center; }
#servicesPage #servicesMap object { margin: 0 auto; }

/* News pages */
/* News/Events Page */
#newsIndex #contentArea h2, #eventsIndex #contentArea h2 { margin-bottom: 10px; font-weight: normal; font-size: 1.4em; }
#newsIndex table, #eventsIndex table { width: 100%; margin-bottom: 20px;}
#newsIndex table td, #eventsIndex table td { padding: 3px; }
#newsIndex table td.date, #eventsIndex table td.date { width: 20%; }
#newsIndex table td.title, #eventsIndex table td.title { width: 80%; }
#newsItem #photo { float: right; width: 160px; text-align: right; }
#newsItem #photo img { border: 2px solid #ffb600; }
#eventsIndex #pageCopy { margin-top: 10px; }

/* Search Results */
#tagsResults dl { margin-left: 20px; }
#tagsResults dt { margin: 15px 0 0; padding: 0; font-size: 1em; }
#tagsResults dd { margin: 0 0 10px 13px; padding: 0; font-size: 0.8em; }
#tagsResults dd p { margin: 0; }