/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/*=base
----------------------------------------------------------------------------------------- */
html { background: #f9f7f5; }
body { font: 62.5%/1.2 Arial, Helvetica, sans-serif; color: #444; }
strong { color: #222; }
em { font-style: italic; }
a, a:visited { font-weight: bold; text-decoration: none; color: #6688aa; }
a:hover, a:active, a:focus { text-decoration: underline; }
a.edit { font-size: 10px; line-height: 20px; text-transform: uppercase; color: red; margin-left: 10px; }

/*=header
----------------------------------------------------------------------------------------- */
#header { position: relative; height: 220px; background: #010915 url('../images/layout/header_bg.jpg') center 0 no-repeat; }
#header h1 { height: 220px; background: url('../images/layout/header_photo-trans.png') 0 0 no-repeat; width: 915px; margin: 0 auto; }
#header h1 a { position: relative; display: block; height: 60px; width: 400px; top: 62px; background: url('../images/layout/logo-trans.png') center center no-repeat; text-indent: -50000px; margin: 0 auto; cursor: pointer; }


/*=language
----------------------------------------------------------------------------------------- */
#language { position: absolute; right: 25px; top: 25px; width: 120px; }
#language p { float: left; font-size: 9px; letter-spacing: 2px; text-transform: uppercase;  color: #fff; }
#language ul li { float: left; margin-left: 10px; }
#language ul li a { display: block; height: 11px; width: 16px; text-indent: -50000px; }
#language ul li.first a { background: url('../images/layout/flag.gif') bottom left no-repeat; }
#language ul li.last a { background: url('../images/layout/flag.gif') bottom right no-repeat; }
#language ul li.first.selected a, #language ul li.first a:hover { background-position: top left; }
#language ul li.last.selected a, #language ul li.last a:hover { background-position: top right; }


/*=navigation
----------------------------------------------------------------------------------------- */
#navigation { position: absolute; bottom: 0; width: 100%; background-color: rgba(1,9,21,0.5); }
#navigation ul { height: 40px; width: 890px; margin: 0 auto; border-left: 1px solid #262c36; }
#navigation ul li { float: left; }
#navigation ul li a, #navigation ul li a:visited { display: block; padding: 0 20px; font-size: 13px; line-height: 40px; text-transform: uppercase; border-right: 1px solid #262c36; }
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus { color: #fff; text-decoration: none; }
#navigation ul li a.active { color: #fff; text-decoration: none; background-color: #88aacc; }

#navigation ul li a#home-nav, #navigation ul li a#home-nav:visited { display: block; width: 28px; padding: 0 0; text-indent: -50000px; background: url('../images/layout/home.gif') center 0 no-repeat; }
#navigation ul li a#home-nav.active, #navigation ul li a#home-nav:hover { background: url('../images/layout/home.gif') center -40px no-repeat; }


#navigation.doc ul { width: 440px; }


/*=container
----------------------------------------------------------------------------------------- */
#container { position: relative; width: 920px; margin: 0 auto; margin-top: 100px; }
#container.home { margin-top: 120px; }
#container.club { margin-top: 140px; }

/*=main
----------------------------------------------------------------------------------------- */
#main { position: relative; width: 650px; }
#main.documentation { position: relative; width: 100%; }
#container.home #main > a.edit, #container.club #main > a.edit { position: absolute; left: 40px; top: -115px; margin-left: 0; }
#main > a.edit { position: absolute; left: 40px; top: -95px; margin-left: 0; }

/*=introduction
----------------------------------------------------------------------------------------- */
#container.home #introduction h2 { position: absolute; top: -78px; left: 40px; font-size: 32px; line-height: 36px; width: 840px; }
#container.club #introduction h2 { position: absolute; top: -99px; left: 355px; width: 210px; height: 60px; text-indent: -50000px; background: url('../images/layout/club-trans.png') 0 0 no-repeat; }

#introduction { padding-bottom: 40px; padding-right: 22px; margin-left: 40px; border-right: 8px solid #ddd6cc; }
#main.documentation #introduction { padding-right: 0; }

#introduction h2 { position: absolute; left: 40px; top: -55px; font-size: 24px; color: #222; width: 840px; }
#introduction h3 { font-size: 16px; line-height: 20px; color: #222; text-transform: uppercase; }
#introduction h4 { font-size: 14px; line-height: 20px; color: #222; }
#introduction p { font-size: 13px; line-height: 20px; color: #666; }
#introduction li { font-size: 13px; line-height: 20px; color: #666; }

#introduction p.image { position: relative; left: 0; }
#introduction p.image img { position: relative; border: 8px solid #ddd6cc; margin-bottom: 20px; }
#introduction p.image img.left { float: left; margin-right: 20px; }
#introduction p.image img.right { float: right; margin-left: 20px; }
#introduction p.image img.left-out { float: left; margin-right: 20px; margin-left: 110px; }
#introduction p.image img.right-out { float: right; margin-left: 20px; margin-right: -110px; }

#introduction h3 + p { margin-top: 20px; }
#introduction h3 + ul { margin-top: 20px; }
#introduction h3 + h4 { margin-top: 20px; }
#introduction p + h3 { margin-top: 30px; }
#introduction ul + h3 { margin-top: 30px; }
#introduction p + h4 { margin-top: 30px; }
#introduction ul + h4 { margin-top: 30px; }
#introduction h4 + p { margin-top: 10px; }
#introduction h4 + ul { margin-top: 10px; }
#introduction p + p { margin-top: 20px; }
#introduction p + ul { margin-top: 20px; }
#introduction ul + p { margin-top: 20px; }
#introduction li + li { margin-top: 10px; }

#introduction p.image + h3 { margin-top: 0; }
#introduction p.image + h4 { margin-top: 0; }
#introduction p.image + p { margin-top: 0; }
#introduction p.image + ul { margin-top: 0; }

#introduction p.image.title { margin-top: 30px; }
#introduction h3 + p.image.title { margin-top: 20px; }

#introduction div.president { margin-top: 30px; height: 120px; }
#introduction div.president img { float: left; width: 94px; height: 104px; margin-right: 20px; border: 8px solid #ddd6cc; }
#introduction div.president h3 { padding-top: 10px; text-transform: none; }
#introduction div.president h3 span { font-weight: normal; font-style: italic; }

#introduction div.president h3 + p { margin-top: 10px; height: 40px; overflow: hidden; }
#introduction div.president p + p { margin-top: 10px; }


/*=content
----------------------------------------------------------------------------------------- */
#content { margin-left: 80px; background-color: #ede8e3; border-left: 8px solid #ddd6cc; border-right: 8px solid #ddd6cc; padding: 0 22px 50px; min-height: 760px; }
#content h3 { font-size: 16px; line-height: 20px; color: #222; text-transform: uppercase; padding-bottom: 9px; border-bottom: 1px solid #ddd6cc; padding-top: 12px; background-color: #ddd6cc; width: 532px; padding-left: 22px; position: relative; left: -22px; }
#content h4 { font-size: 14px; line-height: 20px; color: #222; }
#content p { font-size: 12px; line-height: 20px; }

#content p.image { position: relative; left: 0; }
#content p.image img { position: relative; border: 8px solid rgba(249,247,245,0.8); margin-bottom: 20px; }
#content p.image img.left { float: left; margin-right: 20px; }
#content p.image img.right { float: right; margin-left: 20px; }
#content p.image img.left-out { float: left; margin-right: 20px; margin-left: -110px; }
#content p.image img.right-out { float: right; margin-left: 20px; margin-right: -110px; }

#content h3 + p { margin-top: 20px; }
#content h3 + h4 { margin-top: 20px; }
#content p + h3 { margin-top: 30px; }
#content p + h4 { margin-top: 30px; }
#content h4 + p { margin-top: 10px; }
#content p + p { margin-top: 20px; }

#content p.image + h3 { margin-top: 0; }
#content p.image + h4 { margin-top: 0; }
#content p.image + p { margin-top: 0; }

#content p.image.title { margin-top: 30px; }
#content h3 + p.image.title { margin-top: 20px; }

#content div.file_download { position: relative; left: -30px; height: 50px; width: 570px; margin: 40px -60px 0 0; background-color: rgba(249,247,245,0.8); clear: both; }
#content div.file_download p { padding: 0 35px 0 60px; font-size: 16px; line-height: 50px; font-weight: bold; color: #222; background: url('../images/layout/adobe_pdf.gif') 30px 16px no-repeat; }
#content span.file_type { font-size: 11px; font-weight: normal; color: #666; }
#content a.file_link { position: absolute; right: 22px; top: 0; font-size: 12px; padding-left: 15px; background: url('../images/layout/download.gif') 0 center no-repeat; }


/*=governance
----------------------------------------------------------------------------------------- */

.governance li { margin-top: 30px; height: 100%; clear: both; }
.governance li h4 span { font-weight: normal; font-style: italic; }
.governance li img { float: left; width: 84px; height: 94px; margin-right: 20px; margin-bottom: 20px; border: 8px solid rgba(249,247,245,0.8); }
.governance + h3 { margin-top: 30px; }

/*=subnav
----------------------------------------------------------------------------------------- */
#subnav { position: relative; height: 40px; }
#subnav ul.htabs { position: absolute; left: -22px; width: 554px; height: 32px; padding: 8px 0 0 0; margin: 0; background-color: #ddd6cc; }
#subnav ul.htabs li { float: left; margin-top: 0; }
#subnav ul.htabs li h2 a { margin-right: 4px; display: block; padding: 0 20px; font-size: 12px; line-height: 32px; text-transform: uppercase; font-weight: bold; background-color: #e5dfd8; }
#subnav ul.htabs li h2 a:hover { text-decoration: none; background-color: #ede8e3; }
#subnav ul.htabs li h2 a.active { color: #222; text-decoration: none; background-color: #ede8e3; }


/*=committees
----------------------------------------------------------------------------------------- */
#committees-tabs { margin-top: 30px; }
#committees-tabs li { margin-top: 20px; height: 90px; clear: both; }
#committees-tabs li:first-child { margin-top: 14px; }
#committees-tabs img { float: left; width: 64px; height: 74px;  margin-right: 20px; border: 8px solid rgba(249,247,245,0.8); }
#committees-tabs h3:first-child { margin-top: 1px; }
#committees-tabs h4 { padding-top: 5px; font-size: 14px; line-height: 20px; color: #222;}
#committees-tabs p { font-size: 12px; line-height: 20px; }

#committees-tabs ul + h3 { margin-top: 36px; }
#committees-tabs h4 + p { margin-top: 0px; height: 40px; overflow: hidden; }
#committees-tabs p + p { margin-top: 0px; }

#zoom h4 { font-size: 14px; line-height: 20px; color: #222; }
#zoom p { font-size: 12px; line-height: 20px; color: #666; }

#zoom p.image { position: relative; left: 0; }
#zoom p.image img { position: relative; border: 8px solid #ddd6cc; margin-bottom: 20px; }
#zoom p.image img.left { float: left; margin-right: 20px; }
#zoom p.image img.right { float: right; margin-left: 20px; }
#zoom p.image img.left-out { float: left; margin-right: 20px; }
#zoom p.image img.right-out { float: right; margin-left: 20px; }

#zoom h4 + p { margin-top: 10px; }
#zoom p + p { margin-top: 20px; }
#zoom p.image + p { margin-top: 0; }


/*=partners
----------------------------------------------------------------------------------------- */
#partners-tabs { margin-top: 30px; }
#partners-tabs li { height: 100%; margin-top: 30px; clear: both; }
#partners-tabs li:first-child { margin-top: 10px; }
#partners-tabs img { float: right; width: 144px; height: 74px;  margin-left: 20px; margin-bottom: 10px; border: 8px solid rgba(249,247,245,0.8); }
#partners-tabs h4 { font-size: 14px; line-height: 20px; color: #222; }
#partners-tabs p { font-size: 12px; line-height: 20px; min-height: 60px; }

#links.tab li { height: 60px; }
#links.tab img { float: left; width: 84px; height: 44px;  margin-right: 20px; margin-left: 0; border: 8px solid rgba(249,247,245,0.8); }
#links.tab h4 { font-size: 13px; line-height: 20px; color: #222; }
#links.tab p { font-size: 12px; line-height: 20px; margin-top: 0; height: 40px; overflow: hidden; }


/*=contacts
----------------------------------------------------------------------------------------- */
#contacts { position: relative; }
#contacts ul li.left { float: left; width: 40%; font-size: 12px; line-height: 20px; margin-top: 20px; margin-right: 10%; }
#contacts ul li.left-mini { float: left; width: 40%; font-size: 12px; line-height: 20px; margin-top: 20px; }

#contacts .instituteContact { margin-bottom: 100px; }

#newsletter, #rss { clear: both; padding-top: 30px; }
#content #newsletter h3, #content #rss h3 { margin-right: 0; }
#newsletter form { width: 300px; position: relative; margin-top: 20px; }
#newsletter form p { float: left; }
#newsletter form input { margin-right: 10px; }
#newsletter form p.help { margin: 0; }
#newsletter form p.help a { text-indent: -50000px; display: block; width: 21px; height: 21px; background: url('../images/layout/help.png') 0 0 no-repeat; cursor: help; }


/*=books
----------------------------------------------------------------------------------------- */
#books { position: relative; float: right; width: 240px; margin: 0 -210px 20px 20px; background-color: rgba(249,247,245,0.8); padding: 0 0 30px 30px; }
#books.right-align { position: absolute; float: none; width: 240px; left: 650px; background-color: rgba(249,247,245,0.8); padding: 0 0 30px 30px; margin: 0; }
#books h2 { position: relative; font-size: 16px; line-height: 20px; color: #222; color: #222; border-bottom: 1px solid #ddd6cc; padding-bottom: 9px; padding-top: 9px; width: 270px; left: -30px; padding-left: 30px; }
#books p { font-size: 11px; line-height: 20px; margin-top: 20px; }

#books ul li { float: right; width: 112px; margin-top: 10px; }
#books ul li:first-child { float: left; }
#books ul li img { position: relative; border: 4px solid #f9f7f5; width: 104px; height: 144px; }
#books span.book-title { font-size: 10px; line-height: 15px; font-weight: bold; display: block; padding-left: 4px; height: 30px; margin-top: 4px; }

#books a.edit { position: absolute; margin-left: 4px; top: inherit; }


/*=news
----------------------------------------------------------------------------------------- */
span.amp { font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic; font-weight: normal; }

#news { width: 240px; position: absolute; right: 0; top: 320px; }
#news h2 { position: relative; font-size: 16px; line-height: 20px; color: #222; color: #222; border-bottom: 1px solid #ddd6cc; padding-bottom: 9px; padding-top: 9px; width: 270px; left: -30px; padding-left: 30px; }

#zoom h2 { position: relative; font-size: 16px; line-height: 20px; color: #222; padding-bottom: 0; }
#news h2 a { position: absolute; right: 15px; top: 9px; }

#zoom ul { position: relative; height: 300px; overflow: auto; margin-top: 20px; margin-bottom: 10px; }
#zoom ul li:first-child { margin-top: 0; }
#news li, #zoom li { padding-left: 22px; margin-top: 20px; max-height: 140px; overflow: hidden; }
li.archives { text-transform: uppercase; text-align: right; font-size: 10px; line-height: 20px; }
li.calendar { background: url('../images/layout/calendar.gif') 0 5px no-repeat; }
li.video { background: url('../images/layout/video.gif') 0 5px no-repeat; }
li.file { background: url('../images/layout/document.gif') 0 5px no-repeat; }
li.link { background: url('../images/layout/link.gif') 0 5px no-repeat; }
li.publication { background: url('../images/layout/book.gif') 0 5px no-repeat; }
#news li p.date, #zoom li p.date { font-size: 10px; line-height: 20px; text-transform: uppercase; color: #aa9988;}
#news li h3, #zoom li h3 { font-size: 13px; line-height: 20px; text-transform: none; border: none; color: #222; }
#news li p, #zoom li p { font-size: 11px; line-height: 15px; }


/*=footer
----------------------------------------------------------------------------------------- */
#footer { clear: both; position: relative; border-top: 8px solid #152331; background-color: #ede8e3; }
#modules { position: relative; height: 100px; width: 860px; margin: 0 auto; }
#modules div { position: relative; top: 50%; height: 50px; margin-top: -29px; }
#modules h2 { font-size: 13px; line-height: 20px; color: #222 }
#modules p, #modules ul { font-size: 11px; line-height: 15px; }
#modules div.copyright { padding: 0 30px 0 0; float: left; border-right: 1px solid #d9d6d3;  font-weight: bold; color: #222; }
#modules div.copyright p { margin-top: 10px; }
#modules div.subscribe-rss { width: 212px; padding: 0 20px 0 30px; float: left; border-right: 1px solid #d9d6d3; }
#modules div.subscribe-newsletter { width: 225px; padding: 0 20px 0 30px; float: left; border-right: 1px solid #d9d6d3; }
#modules div.contact-us { padding: 0 0 0 30px; float: left; }


/* http://meyerweb.com/eric/tools/css/diagnostics/ 
----------------------------------------------------------------------------------------- 

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; }  *//* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/*=base
----------------------------------------------------------------------------------------- */
html { background: #f9f7f5; }
body { font: 62.5%/1.2 Arial, Helvetica, sans-serif; color: #444; }
strong { color: #222; }
em { font-style: italic; }
a, a:visited { font-weight: bold; text-decoration: none; color: #6688aa; }
a:hover, a:active, a:focus { text-decoration: underline; }
a.edit { font-size: 10px; line-height: 20px; text-transform: uppercase; color: red; margin-left: 10px; }

/*=header
----------------------------------------------------------------------------------------- */
#header { position: relative; height: 220px; background: #010915 url('../images/layout/header_bg.jpg') center 0 no-repeat; }
#header h1 { height: 220px; background: url('../images/layout/header_photo-trans.png') 0 0 no-repeat; width: 915px; margin: 0 auto; }
#header h1 a { position: relative; display: block; height: 60px; width: 400px; top: 62px; background: url('../images/layout/logo-trans.png') center center no-repeat; text-indent: -50000px; margin: 0 auto; cursor: pointer; }


/*=language
----------------------------------------------------------------------------------------- */
#language { position: absolute; right: 25px; top: 25px; width: 120px; }
#language p { float: left; font-size: 9px; letter-spacing: 2px; text-transform: uppercase;  color: #fff; }
#language ul li { float: left; margin-left: 10px; }
#language ul li a { display: block; height: 11px; width: 16px; text-indent: -50000px; }
#language ul li.first a { background: url('../images/layout/flag.gif') bottom left no-repeat; }
#language ul li.last a { background: url('../images/layout/flag.gif') bottom right no-repeat; }
#language ul li.first.selected a, #language ul li.first a:hover { background-position: top left; }
#language ul li.last.selected a, #language ul li.last a:hover { background-position: top right; }


/*=navigation
----------------------------------------------------------------------------------------- */
#navigation { position: absolute; bottom: 0; width: 100%; background-color: rgba(1,9,21,0.5); }
#navigation ul { height: 40px; width: 890px; margin: 0 auto; border-left: 1px solid #262c36; }
#navigation ul li { float: left; }
#navigation ul li a, #navigation ul li a:visited { display: block; padding: 0 20px; font-size: 13px; line-height: 40px; text-transform: uppercase; border-right: 1px solid #262c36; }
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus { color: #fff; text-decoration: none; }
#navigation ul li a.active { color: #fff; text-decoration: none; background-color: #88aacc; }

#navigation ul li a#home-nav, #navigation ul li a#home-nav:visited { display: block; width: 28px; padding: 0 0; text-indent: -50000px; background: url('../images/layout/home.gif') center 0 no-repeat; }
#navigation ul li a#home-nav.active, #navigation ul li a#home-nav:hover { background: url('../images/layout/home.gif') center -40px no-repeat; }


#navigation.doc ul { width: 440px; }


/*=container
----------------------------------------------------------------------------------------- */
#container { position: relative; width: 920px; margin: 0 auto; margin-top: 100px; }
#container.home { margin-top: 120px; }
#container.club { margin-top: 140px; }

/*=main
----------------------------------------------------------------------------------------- */
#main { position: relative; width: 650px; }
#main.documentation { position: relative; width: 100%; }
#container.home #main > a.edit, #container.club #main > a.edit { position: absolute; left: 40px; top: -115px; margin-left: 0; }
#main > a.edit { position: absolute; left: 40px; top: -95px; margin-left: 0; }

/*=introduction
----------------------------------------------------------------------------------------- */
#container.home #introduction h2 { position: absolute; top: -78px; left: 40px; font-size: 32px; line-height: 36px; width: 840px; }
#container.club #introduction h2 { position: absolute; top: -99px; left: 355px; width: 210px; height: 60px; text-indent: -50000px; background: url('../images/layout/club-trans.png') 0 0 no-repeat; }

#introduction { padding-bottom: 40px; padding-right: 22px; margin-left: 40px; border-right: 8px solid #ddd6cc; }
#main.documentation #introduction { padding-right: 0; }

#introduction h2 { position: absolute; left: 40px; top: -55px; font-size: 24px; color: #222; width: 840px; }
#introduction h3 { font-size: 16px; line-height: 20px; color: #222; text-transform: uppercase; }
#introduction h4 { font-size: 14px; line-height: 20px; color: #222; }
#introduction p { font-size: 13px; line-height: 20px; color: #666; }
#introduction li { font-size: 13px; line-height: 20px; color: #666; }

#introduction p.image { position: relative; left: 0; }
#introduction p.image img { position: relative; border: 8px solid #ddd6cc; margin-bottom: 20px; }
#introduction p.image img.left { float: left; margin-right: 20px; }
#introduction p.image img.right { float: right; margin-left: 20px; }
#introduction p.image img.left-out { float: left; margin-right: 20px; margin-left: 110px; }
#introduction p.image img.right-out { float: right; margin-left: 20px; margin-right: -110px; }

#introduction h3 + p { margin-top: 20px; }
#introduction h3 + ul { margin-top: 20px; }
#introduction h3 + h4 { margin-top: 20px; }
#introduction p + h3 { margin-top: 30px; }
#introduction ul + h3 { margin-top: 30px; }
#introduction p + h4 { margin-top: 30px; }
#introduction ul + h4 { margin-top: 30px; }
#introduction h4 + p { margin-top: 10px; }
#introduction h4 + ul { margin-top: 10px; }
#introduction p + p { margin-top: 20px; }
#introduction p + ul { margin-top: 20px; }
#introduction ul + p { margin-top: 20px; }
#introduction li + li { margin-top: 10px; }

#introduction p.image + h3 { margin-top: 0; }
#introduction p.image + h4 { margin-top: 0; }
#introduction p.image + p { margin-top: 0; }
#introduction p.image + ul { margin-top: 0; }

#introduction p.image.title { margin-top: 30px; }
#introduction h3 + p.image.title { margin-top: 20px; }

#introduction div.president { margin-top: 30px; height: 120px; }
#introduction div.president img { float: left; width: 94px; height: 104px; margin-right: 20px; border: 8px solid #ddd6cc; }
#introduction div.president h3 { padding-top: 10px; text-transform: none; }
#introduction div.president h3 span { font-weight: normal; font-style: italic; }

#introduction div.president h3 + p { margin-top: 10px; height: 40px; overflow: hidden; }
#introduction div.president p + p { margin-top: 10px; }


/*=content
----------------------------------------------------------------------------------------- */
#content { margin-left: 80px; background-color: #ede8e3; border-left: 8px solid #ddd6cc; border-right: 8px solid #ddd6cc; padding: 0 22px 50px; min-height: 760px; }
#content h3 { font-size: 16px; line-height: 20px; color: #222; text-transform: uppercase; padding-bottom: 9px; border-bottom: 1px solid #ddd6cc; padding-top: 12px; background-color: #ddd6cc; width: 532px; padding-left: 22px; position: relative; left: -22px; }
#content h4 { font-size: 14px; line-height: 20px; color: #222; }
#content p { font-size: 12px; line-height: 20px; }

#content p.image { position: relative; left: 0; }
#content p.image img { position: relative; border: 8px solid rgba(249,247,245,0.8); margin-bottom: 20px; }
#content p.image img.left { float: left; margin-right: 20px; }
#content p.image img.right { float: right; margin-left: 20px; }
#content p.image img.left-out { float: left; margin-right: 20px; margin-left: -110px; }
#content p.image img.right-out { float: right; margin-left: 20px; margin-right: -110px; }

#content h3 + p { margin-top: 20px; }
#content h3 + h4 { margin-top: 20px; }
#content p + h3 { margin-top: 30px; }
#content p + h4 { margin-top: 30px; }
#content h4 + p { margin-top: 10px; }
#content p + p { margin-top: 20px; }

#content p.image + h3 { margin-top: 0; }
#content p.image + h4 { margin-top: 0; }
#content p.image + p { margin-top: 0; }

#content p.image.title { margin-top: 30px; }
#content h3 + p.image.title { margin-top: 20px; }

#content div.file_download { position: relative; left: -30px; height: 50px; width: 570px; margin: 40px -60px 0 0; background-color: rgba(249,247,245,0.8); clear: both; }
#content div.file_download p { padding: 0 35px 0 60px; font-size: 16px; line-height: 50px; font-weight: bold; color: #222; background: url('../images/layout/adobe_pdf.gif') 30px 16px no-repeat; }
#content span.file_type { font-size: 11px; font-weight: normal; color: #666; }
#content a.file_link { position: absolute; right: 22px; top: 0; font-size: 12px; padding-left: 15px; background: url('../images/layout/download.gif') 0 center no-repeat; }


/*=governance
----------------------------------------------------------------------------------------- */

.governance li { margin-top: 30px; height: 100%; clear: both; }
.governance li h4 span { font-weight: normal; font-style: italic; }
.governance li img { float: left; width: 84px; height: 94px; margin-right: 20px; margin-bottom: 20px; border: 8px solid rgba(249,247,245,0.8); }
.governance + h3 { margin-top: 30px; }

/*=subnav
----------------------------------------------------------------------------------------- */
#subnav { position: relative; height: 40px; }
#subnav ul.htabs { position: absolute; left: -22px; width: 554px; height: 32px; padding: 8px 0 0 0; margin: 0; background-color: #ddd6cc; }
#subnav ul.htabs li { float: left; margin-top: 0; }
#subnav ul.htabs li h2 a { margin-right: 4px; display: block; padding: 0 20px; font-size: 12px; line-height: 32px; text-transform: uppercase; font-weight: bold; background-color: #e5dfd8; }
#subnav ul.htabs li h2 a:hover { text-decoration: none; background-color: #ede8e3; }
#subnav ul.htabs li h2 a.active { color: #222; text-decoration: none; background-color: #ede8e3; }


/*=committees
----------------------------------------------------------------------------------------- */
#committees-tabs { margin-top: 30px; }
#committees-tabs li { margin-top: 20px; height: 90px; clear: both; }
#committees-tabs li:first-child { margin-top: 14px; }
#committees-tabs img { float: left; width: 64px; height: 74px;  margin-right: 20px; border: 8px solid rgba(249,247,245,0.8); }
#committees-tabs h3:first-child { margin-top: 1px; }
#committees-tabs h4 { padding-top: 5px; font-size: 14px; line-height: 20px; color: #222;}
#committees-tabs p { font-size: 12px; line-height: 20px; }

#committees-tabs ul + h3 { margin-top: 36px; }
#committees-tabs h4 + p { margin-top: 0px; height: 40px; overflow: hidden; }
#committees-tabs p + p { margin-top: 0px; }

#zoom h4 { font-size: 14px; line-height: 20px; color: #222; }
#zoom p { font-size: 12px; line-height: 20px; color: #666; }

#zoom p.image { position: relative; left: 0; }
#zoom p.image img { position: relative; border: 8px solid #ddd6cc; margin-bottom: 20px; }
#zoom p.image img.left { float: left; margin-right: 20px; }
#zoom p.image img.right { float: right; margin-left: 20px; }
#zoom p.image img.left-out { float: left; margin-right: 20px; }
#zoom p.image img.right-out { float: right; margin-left: 20px; }

#zoom h4 + p { margin-top: 10px; }
#zoom p + p { margin-top: 20px; }
#zoom p.image + p { margin-top: 0; }


/*=partners
----------------------------------------------------------------------------------------- */
#partners-tabs { margin-top: 30px; }
#partners-tabs li { height: 100%; margin-top: 30px; clear: both; }
#partners-tabs li:first-child { margin-top: 10px; }
#partners-tabs img { float: right; width: 144px; height: 74px;  margin-left: 20px; margin-bottom: 10px; border: 8px solid rgba(249,247,245,0.8); }
#partners-tabs h4 { font-size: 14px; line-height: 20px; color: #222; }
#partners-tabs p { font-size: 12px; line-height: 20px; min-height: 60px; }

#links.tab li { height: 60px; }
#links.tab img { float: left; width: 84px; height: 44px;  margin-right: 20px; margin-left: 0; border: 8px solid rgba(249,247,245,0.8); }
#links.tab h4 { font-size: 13px; line-height: 20px; color: #222; }
#links.tab p { font-size: 12px; line-height: 20px; margin-top: 0; height: 40px; overflow: hidden; }


/*=contacts
----------------------------------------------------------------------------------------- */
#contacts { position: relative; }
#contacts ul li.left { float: left; width: 40%; font-size: 12px; line-height: 20px; margin-top: 20px; margin-right: 10%; }
#contacts ul li.left-mini { float: left; width: 40%; font-size: 12px; line-height: 20px; margin-top: 20px; }

#newsletter, #rss { clear: both; padding-top: 30px; }
#content #newsletter h3, #content #rss h3 { margin-right: 0; }
#newsletter form { width: 300px; position: relative; margin-top: 20px; }
#newsletter form p { float: left; }
#newsletter form input { margin-right: 10px; }
#newsletter form p.help { margin: 0; }
#newsletter form p.help a { text-indent: -50000px; display: block; width: 21px; height: 21px; background: url('../images/layout/help.png') 0 0 no-repeat; cursor: help; }


/*=books
----------------------------------------------------------------------------------------- */
#books { position: relative; float: right; width: 240px; margin: 0 -210px 20px 20px; background-color: rgba(249,247,245,0.8); padding: 0 0 30px 30px; }
#books.right-align { position: absolute; float: none; width: 240px; left: 650px; background-color: rgba(249,247,245,0.8); padding: 0 0 30px 30px; margin: 0; }
#books h2 { position: relative; font-size: 16px; line-height: 20px; color: #222; color: #222; border-bottom: 1px solid #ddd6cc; padding-bottom: 9px; padding-top: 9px; width: 270px; left: -30px; padding-left: 30px; }
#books p { font-size: 11px; line-height: 20px; margin-top: 20px; }

#books ul li { float: right; width: 112px; margin-top: 10px; }
#books ul li:first-child { float: left; }
#books ul li img { position: relative; border: 4px solid #f9f7f5; width: 104px; height: 144px; }
#books span.book-title { font-size: 10px; line-height: 15px; font-weight: bold; display: block; padding-left: 4px; height: 30px; margin-top: 4px; }

#books a.edit { position: absolute; margin-left: 4px; top: inherit; }


/*=news
----------------------------------------------------------------------------------------- */
span.amp { font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic; font-weight: normal; }

#news { width: 240px; position: absolute; right: 0; top: 320px; }
#news h2 { position: relative; font-size: 16px; line-height: 20px; color: #222; color: #222; border-bottom: 1px solid #ddd6cc; padding-bottom: 9px; padding-top: 9px; width: 270px; left: -30px; padding-left: 30px; }

#zoom h2 { position: relative; font-size: 16px; line-height: 20px; color: #222; padding-bottom: 0; }
#news h2 a { position: absolute; right: 15px; top: 9px; }

#zoom ul { position: relative; height: 300px; overflow: auto; margin-top: 20px; margin-bottom: 10px; }
#zoom ul li:first-child { margin-top: 0; }
#news li, #zoom li { padding-left: 22px; margin-top: 20px; max-height: 140px; overflow: hidden; }
li.archives { text-transform: uppercase; text-align: right; font-size: 10px; line-height: 20px; }
li.calendar { background: url('../images/layout/calendar.gif') 0 5px no-repeat; }
li.video { background: url('../images/layout/video.gif') 0 5px no-repeat; }
li.file { background: url('../images/layout/document.gif') 0 5px no-repeat; }
li.link { background: url('../images/layout/link.gif') 0 5px no-repeat; }
li.publication { background: url('../images/layout/book.gif') 0 5px no-repeat; }
#news li p.date, #zoom li p.date { font-size: 10px; line-height: 20px; text-transform: uppercase; color: #aa9988;}
#news li h3, #zoom li h3 { font-size: 13px; line-height: 20px; text-transform: none; border: none; color: #222; }
#news li p, #zoom li p { font-size: 11px; line-height: 15px; }


/*=footer
----------------------------------------------------------------------------------------- */
#footer { clear: both; position: relative; border-top: 8px solid #152331; background-color: #ede8e3; border-bottom: 8px solid #152331; }
#modules { position: relative; height: 100px; width: 860px; margin: 0 auto; }
#modules div { position: relative; top: 50%; height: 50px; margin-top: -29px; }
#modules h2 { font-size: 13px; line-height: 20px; color: #222 }
#modules p, #modules ul { font-size: 11px; line-height: 15px; }
#modules div.copyright { padding: 0 30px 0 0; float: left; border-right: 1px solid #d9d6d3;  font-weight: bold; color: #222; }
#modules div.copyright p { margin-top: 10px; }
#modules div.subscribe-rss { width: 212px; padding: 0 20px 0 30px; float: left; border-right: 1px solid #d9d6d3; }
#modules div.subscribe-newsletter { width: 225px; padding: 0 20px 0 30px; float: left; border-right: 1px solid #d9d6d3; }
#modules div.contact-us { padding: 0 0 0 30px; float: left; }


/* http://meyerweb.com/eric/tools/css/diagnostics/ 
----------------------------------------------------------------------------------------- 

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; }  */