/* REFERENCE
HKI BLUE #005DAA - DEFAULT LINK COLOR
HKI GOLD #A17D0A - DEFAULT LINK HOVER COLOR
GOLD 60% #C7B16C
GOLD 30% #DED2A9
GOLD 15% #F1EBDA
GRAY DARK #4A4A4A - DEFAULT FONT COLOR
GRAY MEDIUM #8F8F8F
GRAY LIGHT #CDCDCD
HKI ORANGE #BA5205
HKI YELLOW #FCC917
HKI GREEN #258A1E
HKI PURPLE #5A0057
HKI WHITE #F1EBDA
*/
/*{{{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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*}}}*/
/* {{{ elements */
body { font-size: 10px; background-color: #F1EBDA; color: #4A4A4A; font-family: Arial, sans-serif; }
hr { color: #CDCDCD; clear: both; }
h1 { color: #005DAA; font-size: 3em; }
h2 { color: #005DAA; font-size: 1.8em; }
h3 { color: #005DAA; font-weight: bold; }
p { margin-bottom: 12px; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
a,
a:link,
a:visited,
a:active { color: #005DAA; text-decoration: none; cursor: pointer; }
a:hover { color: #A17D0A; }
sup { vertical-align: super; font-size: 0.8em; }
sub { vertical-align: sub; font-size: 0.8em; }

.align-left { float: left; }
.align-right { float: right; }
.password_sha1, .text, .password { border: 1px solid #8F8F8F; color: #4A4A4A; }
.hidden { display: none; margin: 0px; padding: 0px; }
.flyout-menu { display: none; position: absolute; border: 1px solid #8F8F8F; padding: 8px 8px 10px; width: 220px; }
#working-worldwide .flyout-menu { width: 120px; }
.clear { clear: both; }

a.lang, a.rss { color: #8F8F8F; font-size: 1.1em; padding-top: 1.5em; display: block; }
a.lang:hover, a.rss:hover { color: #A17D0A; }
hr.hidden { visibility: hidden; display: block; }

#content form:after,
#header:after,
#main:after,
#program:after,
.cleared:after { content: "."; display: block; clear: both; height: 0; margin: 0; visibility: hidden; }

/* }}} */
/* {{{ layout */
#container { width: 984px; padding: 20px; }
#header { margin-bottom: 30px; position: relative; }
#content { width: 738px; display: inline; float: right; }
#footer { margin-top: 130px; height: 100px; }

/* }}} */
/* {{{ header */
.logo { float: left; margin-bottom: 10px; }
.right { float: right; }
.right div { margin-bottom: 5px; }
.right button { margin-bottom: 0px; }
.site-search .text { padding: 1px 0px; width: 184px; }
.right .donate { padding-top: 25px; margin-bottom: 0px; }
.right .share { padding-top: 5px; font-size: 1.4em; color: #8F8F8F; line-height: 1px; }
.right .share img { vertical-align: middle; margin-top: -2px; }
/*
#header .right a { color: #8F8F8F; }
#header .right a:hover { color: #A17D0A; }
*/
#header .right a { color: #4A4A4A; }
#header .right a:hover { color: #A17D0A; }

#ticker-container { clear: left; text-transform: uppercase; color: #005DAA; font-size: 1.2em; line-height: 1px; margin-left: 249px; width: 0px; height: 1.2em; position: absolute; bottom: 2px; left: 0px; overflow: hidden; }
#news-ticker { position: relative; }
#news-ticker .slide { position: absolute; top: 8px; }
#news-ticker .slide a { line-height: 1px; }
#news-ticker .slide_overlay { position: absolute; left: -10px; top: 0px; width: 480px; z-index: 1000; background-color: #F1EBDA; }

.bookmark_popup { padding-top: 5px; }
.bookmark_popup ul { padding: 10px; padding-right: 0px; }
.bookmark_popup li { padding-right: 13px; padding-bottom: 7px; }
.bookmark_compact .tools { width: 100px; clear: both; height: auto; font-size: 11px; }
.bookmark_compact .tools a { margin-right: 5px; }
.bookmark_compact .tools a:hover { color: #A17D0A; }

.text-changer { color: #4A4A4A; font-size: 1.2em; }
.addthis_toolbox { float: left; }
.addthis_toolbox a { line-height: 1em; }
.addthis_toolbox span { margin-top: -2px; }
.addthis_toolbox .atclear { margin-bottom: 0px; }
#header .text-changer a { color: #4A4A4A; }
.follow { color: #4A4A4A; text-align: right; }
.follow a { margin-left: 1px; }
.follow span { line-height: 1em; }
.print { float: left; margin-right: 3px; }

/* }}} */
/* {{{ banner */
#banner { margin-bottom: 30px; position: relative; }
#banner .slide { position: absolute; top: 0px; left: 0px; }
.banner-caption { position: absolute; right: 0px; top: 30px; width: 246px; height: 220px; overflow: hidden; }
.banner-caption .title { font-size: 1.8em; color: #F1EBDA; margin: 0px 30px; line-height: 24px; }
.banner-caption .body { background: transparent url(/images/arrow-left-white.png) no-repeat scroll 20px 2px; font-size: 1.2em; color: #F1EBDA; bottom: 0px; position: absolute; padding: 0px 30px; line-height: 130%; }
.banner-caption .body a { color: #F1EBDA; text-decoration: underline; }
.banner-caption .body a:hover { color: #F1EBDA; text-decoration: none; }
.banner-credit { position: absolute; bottom: 15px; right: 270px; width: auto; color: #F1EBDA; font-weight: bold; }

/* }}} */
/* {{{ nav */
#nav { width: 236px; padding-right: 10px; float: left; } /* width should total 246px */
#nav .head { font-size: 1.8em; line-height: 130%; }
#nav li { margin-bottom: 8px; width: auto; }
#nav .divider { width: 100px; height: 1px; border-bottom: 1px solid #CDCDCD; margin: 10px 0px; }
#nav .selected { color: #A17D0A; }
#nav .sub { margin-top: 5px; }
#nav .sub li { margin-bottom: 5px; }
#nav .sub .last { margin-bottom: 0px; }

.sub a,
.sub a:link,
.sub a:visited, 
.sub a:active { color: #4A4A4A; font-size: 1.2em; line-height: 130%; }
.sub a:hover { color: #A17D0A; }

.sub .selected { font-weight: bold; }

.nav-home .column { border-left: 1px solid #CDCDCD; float: left; padding-left: 20px; width: 216px; }
.nav-home .head { font-size: 3em; line-height: 110%; margin-bottom: 10px; display: block; }
.nav-home li { margin-bottom: 3px; }
.nav-home .last { margin-bottom: 0px; }

/* }}} */
/* {{{ content */
#content h2 { margin-bottom: 10px; }
#content hr { margin: 10px 0px; }

#content .title { position: relative; margin-bottom: 24px; display: block; width: 480px; }
.title h1 { float: left; margin-right: 10px; margin-bottom: 0px; }

.social { width: 240px; float: right; padding-top: 6px; overflow: hidden; }
.social div { float: left; }
.social .twitter { padding-top: 2px; }

.label { margin-bottom: 15px; }
.row { margin-bottom: 15px; float: left; margin-right: 15px; }
.row .label { margin-bottom: 0px; text-transform: uppercase; font-size: 0.8em; }
.row input { width: 228px; }
.row select { width: 230px; }
.row .description { font-size: 0.8em; color: #8F8F8F; }
.last { margin-right: 0px; }
.keyword .row { float: none; }

.col1 { width: 480px; float: left; font-size: 1.4em; line-height: 130%; }
.col1 h2 { font-size: 1.3em; }
.col1 ol { list-style-type: decimal; margin-bottom: 10px; margin-left: 22px; }
.col1 ul { list-style-type: disc; margin-bottom: 10px; margin-left: 15px; }
.col1 li { margin-left: 2px; margin-bottom: 5px; }
.col1 li ul { list-style-type: circle; margin-top: 10px; }
.col1 blockquote { margin-left: 15px; }
.col1 .columns { list-style-type: none; margin: 0px; }
.col1 .columns li { width: 225px; float: left; margin: 0px 15px 3px 0px; }
.col1 .columns div { font-size: 0.8em; width: 110px; }
.col1 .meta { font-size: 0.9em; }

.col2 { float: right; width: 240px; }
.col2 ul { letter-spacing: 1px; margin-bottom: 10px; overflow: hidden; }
.col2 li { font-size: 1.2em; letter-spacing: normal; line-height: 130%; }
.col2 .recent-news li, .col2 .latest-news li, .col2 .latest-publications li, .col2 .recent-publications li { margin-bottom: 5px; }
.col2 li.first { font-size: 1.0em; text-transform: uppercase; color: #4A4A4A; margin-bottom: 3px; }
.col2 .missed-a-newsletter li { font-size: 1.4em; }
.col2 .missed-a-newsletter .first { font-size: 1.8em; line-height: 100%; margin-bottom: 18px; text-transform: none; }
.col2 .missed-a-newsletter .second { margin-bottom: 30px; }
.col2 .missed-a-newsletter .archive { border-bottom: 1px solid #cdcdcd; margin-bottom: 18px; padding-bottom: 18px; }
.col2 .missed-a-newsletter .archive img { border: 1px solid #cdcdcd; }
.col2 .missed-a-newsletter .archive .margin { margin-bottom: 12px; }

.contact-us label { line-height: 120%; }
.contact-us .label { text-align: right; color: #005DAA; }
.contact-us .divider { border-bottom: 1px solid #CDCDCD; margin: 15px 0px; height: 1px; clear: both; }
.contact-us .row { width: 225px; margin-bottom: 5px; }
.contact-us .row input, 
.contact-us .row textarea { width: 190px; border: 1px solid #8F8F8F; }
.contact-us .info span { font-size: 0.8em; line-height: 100%; color: #8F8F8F; }
.contact-us .columns div { font-size: 1.0em; width: 225px; }
.contact-us .error { padding: 20px; background-color: #005DAA; color: #FFF; margin-bottom: 10px; }
.contact-us .success { padding: 20px; background-color: #258A1E; color: #FFF; margin-bottom: 10px; }

.info { padding-bottom: 8px; margin-bottom: 15px; }
.form .info { padding-bottom: 15px; }
.introduce-a-friend label { width: 220px; }

.working-worldwide .align-right li { width: 105px; }
.working-worldwide .align-right a { line-height: 100%; display: block; margin-bottom: 3px; font-size: 1.1em; line-height: 130%; }

.pagination ul { list-style-type: none; margin: 0px; padding: 0px; }
.pagination li { float: left; margin-right: 5px; }
.pagination .prev-link { float: left; background: transparent url(/images/arrow-left-grey.png) no-repeat scroll center left; padding-left: 9px; text-align: right; }
.pagination .next-link { float: right; background: transparent url(/images/arrow-right-grey.png) no-repeat scroll center right; padding-right: 9px; text-align: left; }

a.search-again { color: #8F8F8F; }
a.search-again:hover { color: #A17D0A; }
#search-results .meta { font-size: 0.8em; }

.more { margin-bottom: 10px; font-size: 1.2em; }
.more a,
.more a:link,
.more a:visited,
.more a:active { color: #8F8F8F; font-style: italic; }
.more a:hover { color: #A17D0A; }

.col1 a.more,
.col1 a.more:link,
.col1 a.more:visited,
.col1 a.more:active { color: #8F8F8F; font-style: italic; font-size: 0.9em; }
.col1 a.more:hover { color: #A17D0A; }
/* {{{ tabs*/
.tabs { margin-bottom: 30px; height: 28px; border-bottom: 1px solid #CDCDCD; padding-bottom: 9px; }
.tabs li { border: 1px solid #F1EBDA; border-right: 1px solid #CDCDCD; border-bottom: none; float: left; padding: 4px 8px; height: 28px; display: inline; overflow: hidden; letter-spacing: 1px; line-height: 14px; }
.tabs .last { border-right: 1px solid #F1EBDA; }
.tabs .selected { border: 1px solid #CDCDCD; border-bottom: 1px solid #F1EBDA; color: #A17D0A; font-weight: bold; text-transform: uppercase; }
.tabs a,
.tabs a:link,
.tabs a:visited,
.tabs a:active { color: #8F8F8F; text-transform: uppercase; }
.tabs a:hover { color: #A17D0A; }

/* }}} */
/* }}} */
/* {{{ donate */
#donate h3, #donate h2, #donate h1 { color: #A17D0A; }

#donate a,
#donate a:link,
#donate a:visited,
#donate a:active { color: #A17D0A; }
#donate a:hover { color: #005DAA; }

#donate .more a:hover { color: #005DAA; }

#donate table { font-size: 0.9em; margin: 20px 0px; }
#donate th { text-align: center; padding: 0px 5px; }
#donate th h3 { font-weight: normal; }
#donate .col1 .odd { background-color: #DED2A9; }
#donate td { border-right: 1px solid #8F8F8F; text-align: center; vertical-align: middle; }
#donate .col1 .first { text-align: left; padding: 8px 0px 8px 3px; font-size: 0.9em; width: 110px; }
#donate .col1 .first p { margin: 0px; line-height: 120%; }
#donate .col1 .last { border-right: 0px; }

/* }}} */
/* {{{ archive */
#archive .col1 ul { list-style-type: none; margin: 0px; }

/* }}} */
/* {{{ footer */
#footer { color: #8F8F8F; font-size: 1.1em; line-height: 120%; }
#footer a,
#footer a:link,
#footer a:visited,
#footer a:active { color: #8F8F8F; }
#footer a:hover { color: #A17D0A; }

/* }}} */
/* {{{ gradient */
#gradient { background: transparent url(/images/footer-gradient.png) repeat-x scroll 0 0; width: 100%; height: 57px; position: fixed; bottom: 0; z-index: 1000; }

/* }}} */
/* {{{ js datepicker */
.ui-datepicker { display: none; margin: 10px 0 0;border: 1px solid #EEE; width: 190px; padding: 10px 6px 6px; background-color: #FFF; }
.ui-datepicker-calendar td, .ui-datepicker-calendar th { width: 25px; text-align: right; }
.ui-datepicker-calendar td { vertical-align: middle; }
.ui-datepicker-calendar td a { display: block; padding: 3px 3px 2px; width: 19px; height: 12px; margin: 1px; text-decoration: none; background-color: #F5F5F5; color: #444; }
.ui-datepicker-calendar td a:hover { background-color: #E7E7E7; color: #000; }
.ui-datepicker-header { width: 190px; margin-bottom: 10px; position: relative; }
.ui-datepicker-prev, .ui-datepicker-next { position: absolute; }
.ui-datepicker-prev { left: 0; }
.ui-datepicker-next { right: 0; text-align: right; }
.ui-datepicker-title { text-align: center; }

/* }}} */
/* {{{ admin login */
#admin-login .label { font-size: 14px; color: #4A4A4A; }
#admin-login .row { float: none; }
#admin-login .fields_submit_reset .field { float: left; margin-right: 8px; }

/* }}} */
/* {{{ board login */
#board-login .label { font-size: 14px; color: #4A4A4A; }
#board-login .row { float: none; }
#board-login .fields_submit_reset .field { float: left; margin-right: 8px; }

/* }}} */
/* {{{ sitemap */
#sitemap ul { list-style-type: none; margin-left: 0px; }
#sitemap li { margin-left: 0px; }

#sitemap .sub { margin-left: 15px; }
#sitemap .sub li { margin-left: 2px; }
#sitemap .sub a,
#sitemap .sub a:link,
#sitemap .sub a:visited, 
#sitemap .sub a:active { font-size: 1em; }

/* }}} */
/* {{{ slideshow */
#slideshow { position: relative; width: 480px; height: 500px; overflow: hidden; margin: 0px; display: none; list-style-type: none; }
#slideshow .controls { color: white; background-color: #BA5205; position: absolute; left: 0px; top: 360px; height: 24px; width: 480px; z-index: 100; }
#slideshow .prev { float: left; cursor: pointer; padding-left: 10px; padding-top: 3px; }
#slideshow .next { float: right; cursor: pointer; padding-right: 10px; padding-top: 3px; }
#slideshow .slide { position: absolute; left: 0px; top: 0px; height: 480px; width: 480px; background-repeat: no-repeat; margin: 0px; padding: 0px; }
#slideshow .caption { position: absolute; left: 0px; width: 480px; top: 386px; }

/* }}} */
/* {{{ 404 */
.page-404 .col1 { width: 100%; }
.page-404 .nav-home .column { border: 0px; }

/* }}} */