/* Elements, in alphabetical order, followed by classes in alphabetical order */

/* ELEMENTS */


	/* anchors */
a:link { color: #422918; text-decoration: underline; }

a:hover { color: #7b4a21; text-decoration: underline; }

a:visited { color: #422918; text-decoration: underline; }

a:visited:hover	{ color: #7b4a21; text-decoration: underline; }

a img { border: 0 none; }

address { font-size: 85%; margin: 1em 3em; font-weight: bold; font-style: normal; color: #5f3a20; }

body {margin: 0px; padding: 0px; color: black; background: #f6ecd7; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

dl { font-size: 85%; line-height: 150%; margin-top: 5px; margin-bottom: 10px; margin-left: 0px; padding-left: 0px; }
dt { font-weight: bold; }
dl dl dt { font-weight: normal; font-style: italic; }
dd { margin-left: 15px; margin-bottom: 6px; }

	/* headings */
h1, h2, h3, h4, h5, h6 { font-family: "Franklin Gothic", "Lucida Grande", "Arial Narrow", Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 0px; font-weight: bold; }
h1 { font-size: 120%; padding: 1em 0 0 .5em; margin: 0 0 0 26%; }
h2 { font-size: 110%; border-top: 1px dotted #f6ecd7; }
h3 { font-size: 105%; margin-left: .5em; color: #211909; }
h4 { font-size: 95%; margin-left: 1em; color: #422918; }
h5 { font-size: 90%; margin-left: 1.5em; color: #5f3a20; }
h6 { font-size: 85%; margin-left: 2em; color: #7b4a21; }

ol ol { list-style-type: upper-alpha; }
ol ol ol { list-style-type: decimal; }
ol ol ol ol { list-style-type: lower-alpha; }

ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul  { list-style-type: square; }
ul ul ul ul { list-style-type: disc; }

table, table td { margin: 0 2em; padding: 0; }
table tr th { }
tr>th { text-align: right; border-right: 1px dotted #f6ecd7; }
th+th { text-align: center; }
body table td, body table th { padding: 1em 0.5em; }
tr+tr>th,tr+tr>td { border-top: 1px dotted #f6ecd7; }
tr:hover { background: #f6ecd7; }
tr+tr:hover>th,tr+tr:hover>td { border-top: 1px solid #f6ecd7; }
table+h3, table+h4 { margin-top: 2em; }

select, option { width: 200px; color: black; background: #fff; }

/* ids */
#advert { margin-top: 1em; padding: 0.75em 0; width: 20%; float: right; background: #fff; text-align: center; overflow: hidden; border-top: 1px solid #ddad7b; border-left: 1px solid #ddad7b; border-bottom: 1px solid #ddad7b;}
#maincontent #advert { width: 29%; position: relative; left: 1em; }
/* width of maincontent is 75%, padding is ~1.2% */
#advert img { text-align: center; line-height: 250px; padding: 0.5em 0; }
#advert a { text-decoration: none; }
#advert a:after { display: block; line-height: 1em; content: " (Advertisement: linked to " attr(href) ") "; font-size: 65%; color: #ddad7b; }
#advert+ul#divisions { margin-right: 20%; }
/* html ul#divisions li { width: 19%; } */


#credits #h_advert { clear: both; background: white; border: none; padding: 0; margin: 0; }
#h_advert>p:first-child { margin: 0; padding: 0.25em; background: #f6ecd7; }
#h_advert img { text-align: center; line-height: 250px; padding: 0.5em; }
#h_advert a { text-decoration: none; }

#caption { font-size: 75%; line-height: 1.1em; }

#content { background: #f6ecd7 url("/includes/logos/nppa.gif") no-repeat fixed 12.5% 100%; color: black; width: 100%; z-index: 99; border-top: 1em solid #422918; padding: 0; }
#home #content { background: #f6ecd7; clear: left; }
#content li { font-size: 85%; margin-left: 2em; }
#content li p, #content li li, #content li address, #content td p { font-size: 100%; }
#content li p, #content td p { margin-left: 0; margin-right: 0; }
#content li p.frex, #content td p.frex { font-size: 90%; margin-left: 2em; }
#content p { font-size: 85%; line-height: 150%; color: black; padding: 0 1em; text-align: center; }
#content p.status { color: #422918; padding: 0.125em 0 0.5em 0; margin: 0; background: #fff6a0; }
#content p.status + p { color: #422918; padding: 0 0 1em 0; margin: 0; background: #f6ecd7;  }
#content>p.status:before, #content>p.status:after { content: "*"; color: #ffd637; font-size: 500%; position: relative; top: 0.45em; line-height: 0.20em; }
#content p.status a { text-decoration: none; font-weight: bold; }
#content table { font-size: 85%; }
#content td p { margin: 0 0 1em 0; }

#copyright { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 75%; line-height: 110%; padding: .5em; background: #f6ecd7; text-align: left; clear: both; }

#credits { clear: both; background: white; border: none; padding: 0; margin: 0; border-top: 1em solid #422918; }

#credits p, #credits div { padding: .5em; text-align: center; }
#credits .sponsorblock { display: inline; }

/* hide from IE mac \*/
#credits .gold { position: relative; left: 50%; width: 450px; margin-left: -225px; }
#credits .gold img { float: left; }
#credits .gold+div { clear: left; }
#credits .sponsorblock { display: block; width: 170px; height: 120px; float: left; }
#credits>div+div { border-top: 1px solid #f6ecd7; }
/* */

#divisions li { width: 24%; float: left; list-style-type: none; border-left: 1px solid #fff6a0; margin: 0; }
#divisions li:first-child { border-left: 0 none #f6ecd7; }
#divisions li * { margin: 0; padding: 0; }
#divisions li dl { text-align: center; }
#divisions li dl dt { font-size: 120%; position: relative; top: -0.5em; border-bottom: 1px solid #ffe66b; padding: .75em 1em .5em 1em; }
#divisions li dl dt:hover { background: #422918; color: #fff; }
#divisions li dl dd { padding: 0.25em 1em; }
#divisions li dl dd a:link, #divisions li dl dd a:visited { text-decoration: none; font-weight: bold; }

#header { width: 100%; position: relative; }

#maincontent { margin-left: 25%; padding: 1em; }
/* #maincontent>* { margin-right: 25%; } */
#maincontent p { text-align: left; margin-left: 2em; }
#maincontent .frex { font-size: 80%; margin: 1em 4em; color: #422918; text-indent: -1.85em; }
#maincontent .frex:before { font-size: 150%; content: "> "; color: #845336; font-weight: bold; }
#maincontent .frex * { margin: 0; padding: 0 0 0 1em; text-indent: 0; list-style-type: none; color: #422918; }
#maincontent .frex>* { font-size: 105%; padding-left: 0; }
#maincontent .frex p, #maincontent .frex ul { position: relative; top: -1.375em; }
#maincontent .frex ul li ul { position: relative; top: 0; }
#maincontent ul { list-style: square; }
#maincontent ul.pagenav { color: #9cd64a; }
#maincontent ul li a { font-weight: bold; text-decoration: none; }
#maincontent li { margin-bottom: .5em; }

#maincontent ul.nav { list-style-type: none; padding: .5em 0; margin: 1em 0; border-top: 1px dashed #fff6a0; border-bottom: 1px dashed #f6ecd7; }
#maincontent ul.nav li { clear: left; list-style-type: none; padding: 1em 0 0 0; margin: 0.5em 2em; }
#maincontent ul.nav li ul { list-style-type: none; padding: 0; margin: 0;}
#maincontent ul.nav li ul li { list-style-type: none; float: left; clear: none; font-weight: normal; padding: 0.5em; margin: 0; border-left: 1px dotted #f6ecd7; }
#maincontent ul.nav li ul li:first-child { border-left: 0 none; }
#maincontent ul.nav li ul li:hover { background: #f6ecd7;}

#nav { width: 25%; float: left; clear: left; margin: 0; padding: 0; }
#nav ul { margin: 0; padding: 1em; list-style-type: none; }
#nav ul li { margin-left: 2em; text-indent: -2em; font-size: 80%; margin-top: 1em; line-height: 1em; }
#nav ul li:first-child { margin-top: 0; }

#nav ul+ul { border-top: 1px solid #422918; }
#nav ul+ul, #nav ul li ul { padding-top: 1em; }
#nav ul+ul li { font-size: 75%; }
#nav ul+ul li, #nav ul li ul li { margin-top: 0.75em; }
#nav ul+ul li a { font-weight: normal; }
#nav ul+ul li a:before { content: "("; }
#nav ul+ul li a:after { content: ")"; }

#nav a { font-weight: bold; text-decoration: none; }
#nav a:link { border-left: 1em solid #f6ecd7; padding-left: 1em; }
#nav a:visited {border-left: 1em solid #f6ecd7; padding-left: 1em; }
#nav a:hover { border-left: 1em solid #422918; padding-left: 1em; }

#nav p { font-size: 75%; line-height: 1.1em; text-align: left; }

#rotateImg { border: none; position: relative; float: left; top: 0; left: 0; right: auto; width: 25%; text-align: center; }
#rotateImg img { margin: 0; padding: 0; border: 5px solid #000; }

#home #rotateImg { width: 342px; }

#schedule { border: none; color: #271b59; padding: 0; margin-left: 400px; width: auto; }
#schedule ul { margin: 0; padding: 0; }
#schedule ul li { display: block; margin: 0; padding: 0 2.25%; float: left; width: 28%; line-height: 1.1em; }
#schedule ul li:first-line { font-weight: bold; }
#schedule ul li:first-child { width: 24%; padding-left: 0; }

#taglogo { padding: 0; margin-bottom: 0; margin-left: 25%; background: #f6ecd7; }
#taglogo a+p { padding: .5em 0 0 0; font-weight: normal; text-transform: uppercase; text-align: center; color: #422918; position: relative; top: auto; bottom: auto; }
#taglogo p { padding-right: 2em; text-align: justify; font-size: 80%; position: relative; top: auto; bottom: 0; }

#home #taglogo { margin-left: 375px; }

#h_text_market { margin-top: 1em; }
#h_text_market>p:first-child { margin: 0; padding: 0.25em; background: #f6ecd7; }
#h_text_market dl dt { font-size: 85%; float: left; width: 24%; text-align: right; }
#h_text_market dl dd { font-size: 75%; margin-left: 25%; margin-right: 140px; text-align: left; line-height: 1.2em; padding: .5em 0 .25em 0; }

/* classes */

.copyright, p.copyright+p { text-align: center; font-size: 85%; }

.feature { width: 35%; float: right; margin: 1em 0 1em 1em; padding: 1em; font-size: 110%; border-top: 1px solid #ffe66b; border-left: 1px solid #ffe66b; font-size: 95%; color: #420; }
.feature p { text-align: center; }
.feature ul { padding: 1em 5%; }
.feature ul li { display: block; margin: 0; padding: .75em 0; font-weight: bold; color: #004a9c; list-style-type: none; text-align: center; }
.feature ul li:first-child { padding-top: 0; }
.feature ul li a { font-weight: bold; text-decoration: none; color: #004a9c; padding: .5em; }
.feature ul li a:after { content: " >"; }
.feature ul li a:hover { background: #82bc30; color: white; }

.lookit { width: 25%; float: right; margin: 1em 0 1em 1em; padding: 1em; font-size: 95%; color: #420; background: #fff6a0; }
dd.lookit { position: relative; top: -1.5em; }
body #content #maincontent .lookit p, .lookit ul { padding: 0; margin: 0 0 0.5em 0; }

#maincontent p.note, #maincontent ul.note { font-size: 80%; color: #630; }
#maincontent ul.note, #maincontent ul.note li { list-style: none; margin-left: 0; padding-left: 0; margin-bottom: 1em; }


#maincontent form dl dt { font-weight: normal; padding: 0.5em; }
#maincontent form dl dd { margin: 0 0 0.5em 0; padding-left: 3em; }
#maincontent form dl dt.required, #maincontent form ul li span.required { font-weight: bold; color: #630; }
#maincontent form dl dt.required { border-top: 1px solid #db3; }
#maincontent form dl dt.required, #maincontent form dl dt.required+dd { border-left: 1px solid #db3; }
#maincontent form dl dt.required+dd { margin-bottom: 0; padding-bottom: 0.5em; }
#maincontent form dl dt.required+dd+dd { border-left: 1px solid #e6c43b; }
#maincontent form dl dt.required+dd+dd+dd { border-left: 1px solid #ec4; }

html[lang="fr"] body *[lang="en"], html[lang="de"] body *[lang="en"], html[lang="fr"] body *[lang="de"], html[lang="de"] body *[lang="fr"], html[lang="en"] body *[lang="de"], html[lang="en"] body *[lang="fr"] { font-style: italic; color: #131; }